@charset "UTF-8";

/*************************************************************
パーパスジャパン
[css/senmonten.css]
15.12.25
**************************************************************/

/* 目次
-------------------------------------------------------------
1) メインビジュアル  [section#mainVisual] 
2) 注目の旅  [section#chumoku] 
3) 都市・キーワードで探す、目的で探す、フリーワードで探す  [section#tourSearch]
4) パーパスの旅とは  [common.cssに記載 section#purposenotabi]
5) 旅行記  [common.cssに記載 section#gone]
6) 旅のエッセンス リンク集  [section#essence] 
7) 専門店02 注目の旅と特集  [senmonten2/index.html section#tourAndFeature] 
8) 専門店02 ツアー一覧  [senmonten2/index.html section#tourList] 
9) 専門店03 世界遺産ギャラリー  [senmonten3/index.html section#wrapper] 
-------------------------------------------------------------*/



/* 1) メインビジュアル  [section#mainVisual] 
-------------------------------------------------------------*/
#mainVisual {
	width: 100%;
	background: #ccc url(../images/senmonten/main.jpg) no-repeat center center;
	position: relative;
}

#mainVisual .container {
	position: relative;
	height: 314px;
}

@media screen and (max-width: 860px) {
	#mainVisual {
		padding-top: 5%;
		width: 100%;
		background: none!important;
		background-color: transparent!important;
		background-position: top center!important;
		position: relative;
	}

	#mainVisual .container {
		position: relative;
		height: auto;
	}
/*
	#mainVisual {
		padding-top: 31.428%;
		width: 100%;
		background: #ccc url(../images/senmonten/main.jpg) no-repeat;
		background-color: transparent!important;
		background-position: top center!important;
		background-size: 165% auto!important;
		position: relative;
	}

	#mainVisual .container {
		position: relative;
		height: auto;
	}
*/
}
/* 左 タイトル、見出し、本文 */
#mainVisual .textWrap {
	position: absolute;
	top: 30px;
	display: inline-block;
	background-color: rgba(0,0,0,0.5);
	padding: 0 15px 8px;
}

#mainVisual h3,
#mainVisual h4,
#mainVisual h4 + p {
	color: #fff;
	text-shadow: 1px 1px 3px #000;
}

#mainVisual h3 {
	margin-bottom: 10px;
}

#mainVisual h3 img,
#mainVisual h3 span {
	display: inline-block;
	vertical-align: middle;
}

#mainVisual h3 img {
	margin-right: 10px;
}

#mainVisual h4 {
	font-size: 21px !important;
	margin-bottom: 5px;
}

#mainVisual h4 + p {
	font-size: 14px;
	font-weight: bold;
}

@media screen and (max-width: 860px) {
	#mainVisual .textWrap {
		display: block;
		padding: 0;
		background-color: transparent!important;
		position: static;
		top: auto;
	}
	#mainVisual h3,
	#mainVisual h4,
	#mainVisual h4 + p {
		color: #4d4d4d;
		text-shadow: none;
	}
	#mainVisual h3 {
		margin-bottom: 2%;
	}
	#mainVisual h3.f34 {
		border: 1px solid #d9d9d9;
		line-height: 1.4em;
		font-size: 20px;
		font-weight: 900;
		color: #e46a38;
		background: #f0f0f0;
		text-align: center;
	}
	#mainVisual h3 img,
	#mainVisual h3 span {
		display: inline-block;
		vertical-align: middle;
	}
	#mainVisual h3 img {
		margin-right: 10px;
	}
	#mainVisual h4 {
		font-size: 21px !important;
		margin-bottom: 5px;
	}
	#mainVisual h4 + p {
		margin-bottom: 5%;
		font-size: 13px;
		font-weight: 400;
	}
	#mainVisual h4 + p br {
		display: none;
	}
}

/* 右 アンカーリンク */
#mainVisual ul.anchor {
	position: absolute;
	width: 230px;
	right: 0;
	bottom: 9px;
}

#mainVisual ul.anchor li a {
	display: block;
	height: 47px;
	line-height: 1.4;
	background-color: rgba(255, 255, 255, 1);
	margin-top: 5px;
	padding-left: 8px;
}

#mainVisual ul.anchor li a:hover {
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.8);
}

#mainVisual ul.anchor li h5 {
	font-size: 16px;
	padding-top: 4px;
}

#mainVisual ul.anchor li p {
	font-size: 12px;
}

@media screen and (max-width: 860px) {
	#mainVisual ul.anchor {
		position: static;
		width: 100%;
		right: auto;
		bottom: auto;
	}
	#mainVisual ul.anchor li a {
		display: block;
		height: auto;
		line-height: 1;
		background-color: transparent;
		margin-top: 0;
		padding-left: 0;
	}
	#mainVisual ul.anchor li a:hover {
		text-decoration: none;
		background-color: transparent;
	}
	#mainVisual ul.anchor li h5 {
		font-size: 18px;
		padding: 0.5em;
	}
	#mainVisual ul.anchor li p {
		font-size: 12px;
	}

	#mainVisual ul.anchor li:first-child a {
		display: block;
		margin: 5% auto;
		padding: 0.5em 0;
		width: 94%;
		line-height: 1.2em;
		text-align: center;
		color: #fff;
		background: -moz-linear-gradient(left,  #325398 10%, #346eac 50%, #325398 90%);
		background: -webkit-linear-gradient(left,  #325398 10%,#346eac 50%,#325398 90%);
		background: linear-gradient(to right,  #325398 10%,#346eac 50%,#325398 90%);
		border-radius: 25px;
		box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
	}

}
/* 旅行記 */
#mainVisual ul.anchor li.h102 a {
	position: relative;
	height: 104px;
}


#mainVisual ul.anchor li.h102 a div {
	position: absolute;
	width: 107px;
	height: 104px;
	top: 0;
	left: 8px;
}

#mainVisual ul.anchor li.h102 a div p.new {
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 10px;
	background-color: #dc445b;
	padding-left: 5px;
	padding-right: 4px;
}

#mainVisual ul.anchor li.h102 a figure {
	position: absolute;
	top: 1px;
	right: 1px;
}

#mainVisual ul.anchor li.h102 a:hover figure {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	zoom:1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-decoration: none;
}
@media screen and (max-width: 860px) {
	#mainVisual ul.anchor li.h102 a {
		margin: 0 auto;
		border: 1px solid #ccc;
		padding: 0.5em;
		width: 96%;
		position: relative;
		height: auto;
	}
	#mainVisual ul.anchor li.h102 a div {
		position: absolute;
		width: 76%;
		height: auto;
		top: 0;
		left: 24%;
	}
	#mainVisual ul.anchor li.h102 p {
		font-size: 13px;
	}
	#mainVisual ul.anchor li.h102 a div p.new {
		position: absolute;
		top: 8px;
		right: auto;
		left: 0;
		font-size: 10px;
		background-color: #dc445b;
		padding: 0.5em;
	}
	#mainVisual ul.anchor li.h102 h5 {
		font-size: 18px;
		padding: 0.5em 0.5em 0.5em 2.3em;
	}
	#mainVisual ul.anchor li.h102 p br {
		display: none;
	}
	#mainVisual ul.anchor li.h102 a figure {
		width: 20%;
		position: static;
		top: 0;
		right: auto;
		left: 0;
	}

	#mainVisual ul.anchor li.h102 a:hover figure {
		opacity: 0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha(opacity=80)";
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		zoom:1;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		text-decoration: none;
	}
}
/* 旅のエッセンス リンク集 */
#mainVisual ul.anchor li.h31 a {
	height: 31px;
	line-height: 31px;
}

#mainVisual ul.anchor li.h31 h5 {
	padding-top: 0;
}

/* 2) 注目の旅  [section#chumoku]
-------------------------------------------------------------*/
/* アンカーリンクの位置のずれを修正 */
#chumoku {
	margin-top: -50px;
	padding-top: 50px;
	padding-bottom: 30px;
}

#chumoku .container {
	padding-top: 30px;
}

/* 注目の旅と特集のリンク */
#chumoku li a {
	display: block;
}

/* 注目の旅 */
.senmonten01 ul.pickUpTour {
	padding-bottom: 20px;
}

ul.pickUpTour li {
	float: left;
	width: 230px;
	margin-top: 15px;
	margin-right: 20px;
	background-color: #fff;
}

ul.pickUpTour li:nth-child(4),
ul.pickUpTour li:last-child {
	margin-right: 0;
}

ul.pickUpTour li a span {
	display: block;
	padding: 8px 10px;
}

/* おすすめ特集 [div.feature]
 common.css に記述 */

/* ツアー一覧ボタン */
p.btn.f20 a {
	display: inline-block;
	line-height: 50px;
	padding-left: 120px;
	padding-right: 95px;
	background-image: url(../images/senmonten/bg_tourBtn.png), -moz-linear-gradient(left,  #325398 10%, #346eac 50%, #325398 90%);
	background-image: url(../images/senmonten/bg_tourBtn.png), -webkit-linear-gradient(left,  #325398 10%,#346eac 50%,#325398 90%);
	background-image: url(../images/senmonten/bg_tourBtn.png), linear-gradient(to right,  #325398 10%,#346eac 50%,#325398 90%);
	background-repeat: no-repeat, no-repeat;
	background-position: 5px center, 0 0;
	border-radius: 25px;
	box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
	white-space: nowrap;
	margin-top: 20px;
}
p.btn.f20 a br {
	display: none;
}
@media screen and (max-width: 860px) {
	p.btn.f20 a {
		display: block;
		margin: 5% auto 0;
		width: 96%;
		line-height: 1.2em;
		padding: 0.5em 0;
		background-image: url(../images/senmonten/bg_tourBtn.png), -moz-linear-gradient(left,  #325398 10%, #346eac 50%, #325398 90%);
		background-image: url(../images/senmonten/bg_tourBtn.png), -webkit-linear-gradient(left,  #325398 10%,#346eac 50%,#325398 90%);
		background-image: url(../images/senmonten/bg_tourBtn.png), linear-gradient(to right,  #325398 10%,#346eac 50%,#325398 90%);
		background-repeat: no-repeat, no-repeat;
		background-position: 5px center, 0 0;
		border-radius: 25px;
		box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
		white-space: normal;
		font-size: 16px;
	}
	p.btn.f20 a br {
		display: inline;
	}
}
/* 3) 都市・キーワードで探す、目的で探す、フリーワードで探す  [section#tourSearch]
-------------------------------------------------------------*/
/* アンカーリンクの位置のずれを修正 */
#tourSearch {
	margin-top: -50px;
	padding-top: 50px;
}

/* 都市・キーワードで探す */
#city h3 {
	margin-top: 30px;
	margin-bottom: 15px;
}

#city {
	width: 604px;
}

/* デザイン02の横幅 */
.senmonten02 #city {
	width: 660px;
}

#city div.clearfix {
	height: 432px;
	overflow: hidden;
	border: #d9d9d9 solid 1px;
	border-top: none;
	margin-bottom: 27px;
}

#city div.fleft {
	width: 432px;
	height: 432px;
	border-right: #d9d9d9 solid 1px;
}

#city ul.fright {
	width: 151px;
	padding: 9px 9px 0;
}

/* デザイン02の横幅 */
.senmonten02 #city ul.fright {
	width: 185px;
	padding-left: 20px;
	padding-right: 20px;
}

#city ul.fright li {
	padding: 3px 0;
	margin-bottom: 4px;
	color: #3a65ae;
	background-color: #f1f5fc;
	border: #3a65ae solid 1px;
	cursor: pointer;
}

#city ul.fright li.keyword {
	color: #ca4650;
	background-color: #fcf5f9;
	border-color: #ca4650;
}

#city ul.fright li:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	zoom:1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/* 都市・キーワードで探す　都市情報 */
#city div.fleft h4 {
	margin: 10px 20px 0;
	border-bottom: #ccc solid 3px;
}

#city div.fleft figure {
	margin-top: 12px;
}

#city div.fleft p {
	margin: 10px 20px;
}

#city div.fleft ul {
	margin: 0 20px;
	padding: 5px 0;
}

#city div.fleft li {
	background: url(../images/common/arrow03.png) no-repeat 10px 7px;
	padding-left: 24px;
}

/* 目的で探す */
#tourSearch > div.fright {
	width: 336px;
}

#tourSearch #mokuteki h3 {
	margin-top: 30px;
	margin-bottom: 15px;
}

#tourSearch #mokuteki li {
	float: left;
	margin-bottom: 10px;
}

#tourSearch #mokuteki li:nth-child(even) {
	float: right;
}

/* フリーワードで探す */
#tourSearch #freeword h3 {
	margin-top: 8px;
	margin-bottom: 11px;
}

#tourSearch #freeword input[type="search"],
#tourSearch #freeword input[type="text"] {
	width: 240px;
}

#tourSearch #freeword input[type="image"] {
	margin-top: 2px;
}

/* 4) パーパスの旅とは  [common.cssに記載 section#purposenotabi]
-------------------------------------------------------------*/
/* アンカーリンクの位置のずれを修正 */
#purposenotabi + p.btn,/* .senmonten01 */
.senmonten02 .wrap,/* .senmonten02 */
.senmonten03 .wrap/* .senmonten03 */ {
	position: relative;
	background-color: #fff;
}

.senmonten02 .wrap,
.senmonten03 .wrap {
	padding-bottom: 32px;
}

.senmonten02 #purposenotabi,
.senmonten03 #purposenotabi {
	margin-bottom: 0;
}

.senmonten03 #purposenotabi {
	margin-top: 32px;
}


/* 5) 旅行記  [common.cssに記載 section#gone]
-------------------------------------------------------------*/
/* アンカーリンクの位置のずれを修正 */
#contents #gone {
	margin-top: -50px;
	padding-top: 50px;
}

.senmonten01 #contents #gone {
	margin-top: 0;
	padding-top: 0;
	border-top: #fff solid 32px;
}

#contents #gone .container {
	padding-top: 30px;
}

/* 6) 旅のエッセンス リンク集  [section#essence] 
-------------------------------------------------------------*/
/* アンカーリンクの位置のずれを修正 */
#essence {
	margin-top: -50px;
	padding-top: 50px;
}

#essence h3 {
	margin-top: 30px;
}

#essence ul.linkList > li {
	width: 300px;
}

#essence ul.linkList > li:first-child,
#essence ul.linkList > li:nth-child(2) {
	margin-right: 40px;
}

#essence ul.linkList > li:last-child {
	display: inline-block;
}

#essence ul.linkList > li h4 {
	text-align: center;
	color: #fff;
	background-color: #999;
	margin-top: 15px;
	margin-bottom: 8px;
}

#essence ul.linkList > li li {
	font-size: 13px;
}

/* 7) 専門店02 注目の旅と特集  [senmonten2/index.html section#tourAndFeature] 
-------------------------------------------------------------*/
/* 注目の旅 */
#tourAndFeature h3 {
	margin-top: 30px;
	margin-bottom: 15px;
}

#tourAndFeature p.btn {
	width: 230px;
	margin-bottom: 22px;	
}

#tourAndFeature p.btn a {
	display: block;	
}

#tourAndFeature p.btn a span {
	display: block;
	padding: 8px 10px;
}

/* 8) 専門店02 ツアー一覧  [senmonten2/index.html section#tourList] 
-------------------------------------------------------------*/
.senmonten01 #tourList {
	margin-bottom: 10px;
}

#tourList {
	margin-top: -50px;
	padding-top: 50px;
}

#tourList h3 {
	margin-top: 30px;
	margin-bottom: 15px;
}

/* ツアー */
#tourList .tour {
	position: relative;
	background-color: #f0f0f0;
	padding: 10px 0 15px 25px;
	margin-bottom: 20px;
}

/* アイコン */
.tour mark {
	display: inline-block;
	font-size: 13px;
	padding: 4px 8px;
	color: #fff;
	background-color: #666;
	border-radius: 4px;
	margin-right: 3px;
	margin-bottom: 10px;
	white-space: nowrap;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
}

.tour mark.A { background-color: #815b4a; }
.tour mark.B { background-color: #df80bd; }
.tour mark.C { background-color: #567fd8; }
.tour mark.D { background-color: #e18d30; }
.tour mark.E { background-color: #cdb630; }
.tour mark.F { background-color: #5d866a; }
.tour mark.G { background-color: #d96e45; }
.tour mark.H { background-color: #97a900; }
.tour mark.I { background-color: #b68b4f; }
.tour mark.J { background-color: #dc5e79; }
.tour mark.K { background-color: #a44977; }
.tour mark.L { background-color: #374e7e; }
.tour mark.M { background-color: #c2af70; }
.tour mark.N { background-color: #9371bd; }
.tour mark.O { background-color: #68bcd9; }
.tour mark.P { background-color: #589d56; }
.tour mark.Q { background-color: #8699b6; }

/* ツアー写真 */
.tour figure {
	float: left;
}

/* ツアータイトル */
.tour .fleft {
	margin-left: 23px;
	width:740px;
}

.tour h4 {
	font-size: 15px;
	font-weight: normal;
	line-height: 1.5;
	margin-top: 1px;	
}

.tour h4 strong {
	font-size: 21px;
	font-weight: bold;
}

.tour h4 a {
	color: #000;
}

/* 滞在都市、出発期間、旅行代金、コースナンバー */
.tour dl {
	line-height: 17px;
	margin-top: 8px;
}

.tour dt {
	float: left;
	clear: both;
	width: 75px;
	font-size: 12px;
	text-align: center;
	color: #666;
	border: #b3b3b3 solid 1px;
	background-color: #fff;
	margin-bottom: 6px;
	margin-right: 12px;
}

.tour dt.courseNum {
	font-size: 11px;
	letter-spacing: -1px;
}

.tour dd {
	float: left;
	margin-bottom: 6px;
}

/* 詳細を見る */
.tour p.btn {
	position: absolute;
	right: 20px;
	bottom: 15px;
}
	
.tour p.btn a {
	display: block;
	width: 214px;
	font-size: 15px;
	line-height: 36px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #404040;
	border-radius: 18px;
	box-shadow: 2px 2px 0 #b3b3b3;
}

/* ツアー一覧をすべて見るボタン */
.senmonten02 p.btn.f20 {
	margin-top: 10px;
	margin-bottom: 30px;
}

/* 過去のツアー */
.past {
	margin-top: 15px;
	padding: 14px 0 28px 58px;
	background: url(../images/senmonten/bg_past2.png) no-repeat 0 0;
}

.past h5,
.past p {
	display: table-cell;
	vertical-align: middle;
	height: 44px;
}

.past h5 {
	width: 114px;
	border-right: #bfbfbf solid 1px;
}

.past p {
	padding-left: 17px;
	padding-right: 10px;
}


@media screen and (max-width: 860px) {
	.senmonten01 #tourList {
		margin-bottom: 10px;
	}

	#tourList {
		margin-top: 0;
		padding-top: 0;
	}

	#tourList h3 {
		margin-top: 30px;
		margin-bottom: 15px;
	}

	/* ツアー */
	#tourList .tour {
		position: relative;
		background-color: #f0f0f0;
		padding: 3%;
		margin-bottom: 3%;
	}

	/* アイコン */
	.tour mark {
		display: inline-block;
		margin-right: 4px;
		margin-bottom: 2px;
		border-radius: 4px;
		padding: 4px 4px;
		line-height: 1em;
		font-size: 11px;
		font-weight: normal;
		color: #fff;
		background-color: #666;
		white-space: nowrap;
		text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
		letter-spacing: -0.025em;
	}

	.tour mark.A { background-color: #815b4a; }
	.tour mark.B { background-color: #df80bd; }
	.tour mark.C { background-color: #567fd8; }
	.tour mark.D { background-color: #e18d30; }
	.tour mark.E { background-color: #cdb630; }
	.tour mark.F { background-color: #5d866a; }
	.tour mark.G { background-color: #d96e45; }
	.tour mark.H { background-color: #97a900; }
	.tour mark.I { background-color: #b68b4f; }
	.tour mark.J { background-color: #dc5e79; }
	.tour mark.K { background-color: #a44977; }
	.tour mark.L { background-color: #374e7e; }
	.tour mark.M { background-color: #c2af70; }
	.tour mark.N { background-color: #9371bd; }
	.tour mark.O { background-color: #68bcd9; }
	.tour mark.P { background-color: #589d56; }
	.tour mark.Q { background-color: #8699b6; }

	/* ツアー写真 */
	.tour .themeIcons {
		display: inline-block;
		line-height: 1em;
		padding-bottom: 0.5em;
	}
	.tour figure {
		float: none;
		margin: 0 auto 3%;
		padding-top: 35%;
		width: 90%;
		position: relative;
		overflow: hidden;
	}
	.tour figure img {
		margin-top: -34.5%;
		margin-left: -50%;
		position: absolute;
		top: 50%;
		left: 50%;
	}
	/* ツアータイトル */
	.tour .fleft {
		float: none;
		margin-left: 0;
		width:100%;
	}

	.tour h4 {
		float: none;
		margin: 0 auto 3%;
		font-size: 13px;
		font-weight: normal;
		line-height: 1.3;
		text-align: center;
	}
	.tour h4 strong span:first-of-type {
		display: block;
	}
	.tour h4 strong {
		display: block;
		margin: 0.3em 0 0;
		border: 1px solid #4d4d4d;
		padding: 0.3em;
		font-size: 15px;
		font-weight: bold;
		background: #fff;
	}
	.tour h4 a {
		color: #000;
	}

	/* 滞在都市、出発期間、旅行代金、コースナンバー */
	.tour dl {
		line-height: 1em;
		margin-top: 0;
	}

	.tour dt {
		clear: both;
		float: left;
		margin-bottom: 2%!important;
		padding: 0.5em 0;
		width: 25%;
		font-size: 12px;
		text-align: center;
		color: #666;
		border: #b3b3b3 solid 1px;
		background-color: #fff;
		margin-bottom: 0;
		margin-right: 0;
	}
	.tour dd {
		float: left;
		margin-bottom: 2%!important;
		padding: 0.5em;
		width: 75%;
		font-size: 13px;
		margin-bottom: 0;
	}
	.tour dt.courseNum {
		float: none;
		width: 100%;
		padding: 0.3em 0;
		font-size: 14px;
		letter-spacing: 0;
	}
	.tour dt.courseNum + dd {
		float: none;
		margin-bottom: 5%!important;
		padding: 0.3em 0;
		width: 100%;
		background: #fff;
		font-size: 14px;
		font-weight: bold;
		letter-spacing: 0;
		text-align: center;
	}

	/* 詳細を見る */
	.tour p.btn {
		position: static;
		right: auto;
		bottom: auto;
	}
		
	.tour p.btn a {
		display: block;
		margin: 0 auto;
		padding: 1em 0;
		width: 80%;
		font-size: 16px;
		line-height: 1em;
		font-weight: bold;
		text-align: center;
		color: #fff;
		background-color: #404040;
		border-radius: 10em;
		box-shadow: 2px 2px 0 #b3b3b3;
	}

	/* ツアー一覧をすべて見るボタン */
	.senmonten02 p.btn.f20 {
		margin-top: 10px;
		margin-bottom: 30px;
	}

	/* 過去のツアー */
	.past {
		margin: 50px auto 25px;
		border: 5px solid #d1d1d1;
		border-radius: 10px;
		padding: 1em;
		width: 90%;
		background: none;
		position: relative;
	}
	.past:before {
		content: "";
		border-left: 4px solid #d1d1d1;
		border-bottom: 4px solid #d1d1d1;
		width: 20px;
		height: 20px;
		background: #fff;
		transform: rotate(-45deg);
		position: absolute;
		bottom: -15px;
		left: 30px;
	}
	.past h5,
	.past p {
		display: block;
		vertical-align: middle;
		height: auto;
	}

	.past h5 {
		padding: 0 0 0.3em;
		width: auto;
		border-right: 0;
		border-bottom: #bfbfbf solid 1px;
		font-size: 16px;
		text-align: center;
		position: relative;
	}
	.past h5:before {
		content: "\f017";
		margin-right: 3px;
		color: #e46a38;
		font-family: "FontAwesome";
	}

	.past p {
		padding: 0.5em;
	}
}
/* フリースペース */
#freeSpace {
	margin-top: 20px;
}

#freeSpace p,
#freeSpace img {
	margin-top: 10px;
}

#freeSpace table {
	width:980px;
	table-layout:fixed;
	margin-bottom: 20px;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#freeSpace table th {
	padding: 5px 10px;
	vertical-align: middle;
	font-weight: bold;
	color: #FFFFFF;
	background: #575771;
}
#freeSpace table th.title {
	background: #18183c;
}
#freeSpace table td {
	padding: 10px;
	vertical-align: middle;
}
#freeSpace table .even {
	background: #f0f0f0;
}

@media screen and (max-width: 860px) {
	#freeSpace {
		margin-top: 20px;
	}

	#freeSpace p,
	#freeSpace img {
		margin-top: 10px;
	}

	#freeSpace table {
		width: 100%;
		table-layout:auto;
		margin-bottom: 20px;
		border-collapse: collapse;
		text-align: left;
		line-height: 1.5;
		border-top: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		font-size: 11px;
	}
	#freeSpace table th {
		padding: 0.3em;
		text-align: center;
		white-space: nowrap;
	}
	#freeSpace .soccer.theme_senmon table th {
		white-space: normal;
	}
	#freeSpace table th img {
		width: 40px;
		height: auto;
	}
	#freeSpace table th.title {
		padding: 0.5em;
		font-size: 14px;
		text-align: center;
	}
	#freeSpace table td {
		padding: 0.3em;
		line-height: 1.2em;
	}
	#freeSpace table td br {
		display: none;
	}
	#freeSpace table tr td:first-child {
		text-align: center;
	}
	#freeSpace table tr td:first-child br {
		display: inline;
	}
	#freeSpace table .even {
		background: #f0f0f0;
	}
	.info {
		margin-bottom: 5%;
	}
	.info .ttl {
		margin: 0 auto 1em;
		padding: 0.5em 0;
		line-height: 1em;
		font-size: 16px;
		color: #fff;
		background: #e8374a;
		text-align: center;
	}
	.inspection {
		
	}
	.inspection .txt1 {
		margin: 0 auto 10%;
		width: 96%;
		color: #5b4c45;
		font-size: 14px;
	}
	.inspection .txt2 {
		margin: 0 auto;
		width: 92%;
		background: #fffef1;
		text-align: center;
	}
	.inspection .txt2 dl {
		margin: 0 auto;
		border-top: 1px dotted #ddd;
		padding: 10% 0;
		width: 90%;
	}
	.inspection .txt2 dl:first-child {
		border-top: 0;
	}
	.inspection .txt2 dl dt {
		display: inline-block;
		margin: 0 auto 5%;
		border-radius: 100em;
		width: 100px;
		height: 100px;
		background: #d8e8c4;
		position: relative;
	}
	.inspection .txt2 dl dt span {
		margin-left: -50px;
		display: inline-block;
		width: 100px;
		position: absolute;
		top: 38px;
		left: 50%;
	}
	.inspection .txt2 dl dt span.g2 {
		top: 26px;
	}
	.inspection .txt2 dl dd {
		font-size: 13px;
		text-align: left;
	}
	.inspection .txt2 a {
		display: inline-block;
		margin: 0 auto 10%;
		border-radius: 8px;
		padding: 1em 2em;
		line-height: 1em;
		color: #fff;
		background: #90b820;
	}
	.inspection .txt2 a:after {
		content: "▲";
		display: inline-block;
		margin-left: 0.5em;
		transform: rotate(90deg);
	}
	.aurora {
	}
	.aurora .ttl ,
	.marathon .ttl {
		display: block;
		margin: 10% 0 0;
		font-weight: normal;
		text-align: center;
	}
	.aurora .ttl b ,
	.marathon .ttl b {
		display: inline-block;
		margin-bottom: 0.5em;
		font-size: 22px;
		font-weight: 900;
		color: #8b008b;
		position: relative;
	}
	.marathon .ttl b {
		color: #783c1d;
	}
	.aurora .ttl b:before ,
	.aurora .ttl b:after ,
	.marathon .ttl b:before ,
	.marathon .ttl b:after {
		content: "";
		padding-top: 26%;
		width: 3px;
		background: #8b008b;
		position: absolute;
		top: 0;
	}
	.marathon .ttl b:before ,
	.marathon .ttl b:after {
		background: #783c1d;
	}
	.aurora .ttl b:before ,
	.marathon .ttl b:before {
		left: -15px;
		transform: rotate(-10deg);
	}
	.aurora .ttl b:after ,
	.marathon .ttl b:after {
		right: -15px;
		transform: rotate(10deg);
	}
	.aurora .ttl span ,
	.marathon .ttl span {
		display: inline-block;
		padding: 0.5em;
		font-size: 16px;
		font-weight: 500;
		background: #fff8dc;
		z-index: 1;
		position: relative;
	}
	.marathon .ttl span {
		margin-top: 10px;
	}
	.aurora ol ,
	.marathon ol {
		margin: 0 auto;
		padding: 25px 0.5em 0;
		width: 90%;
		background: #efe;
		overflow: hidden;
		position: relative;
		top: -15px;
	}
	.marathon ol {
		width: 100%;
	}
	.aurora ol li ,
	.marathon ol li {
		margin-bottom: 5%;
		list-style: none;
	}
	.aurora ol li strong ,
	.marathon ol li strong {
		display: block;
		color: #b22222;
		font-size: 16px;
		font-weight: 900;
		text-align: center;
	}
	.aurora ol li p ,
	.marathon ol li p {
		font-size: 14px;
	}
	.aurora dl ,
	.marathon dl {
		margin: 0 auto;
		width: 90%;
		font-size: 13px;
		text-align: center;
	}
	.aurora dl dt ,
	.marathon dl dt {
		padding: 0.5em;
	}
	.aurora dl dd ,
	.marathon dl dd {
		font-size: 11px;
		text-align: left;
	}
	.marathon .btn {
		padding: 3% 0 5%;
		text-align: center;
	}
	.marathon .btn a {
		display: inline-block;
		padding: 0.5em 1em;
		line-height: 1em;
		color: #fff;
		background: #3e62ad;
	}
	.petitstudy p {
		font-size: 14px;
	}
	.petitstudy .big {
		padding-top: 25%;
		overflow: hidden;
		position: relative;
	}
	.petitstudy .big img {
		width: 190%;
		position: absolute;
		top: 0;
		left: 0;
	}
}
/* 9) 専門店03 世界遺産ギャラリー  [senmonten3/index.html section#wrapper] 
-------------------------------------------------------------*/
#wrapper h3 {
	margin-top: 30px;
	margin-bottom: 15px;
}

/* 世界遺産 検索 */
#wrapper form {
	padding: 16px 25px;
}

#wrapper form fieldset {
	margin-top: 3px;
}

#wrapper form select {
	min-width:200px;
	margin-left: 8px;
	margin-right: 20px;
}

#wrapper form input[type="search"],
#wrapper form input[type="text"] {
	width:370px;
	margin-left: 8px;
}

#wrapper form input[type="image"] {
	background-color: transparent;
}

/* 世界遺産 */
ul.heritage {
	font-size: 0;
}

ul.heritage li {
	float: left;
	width: 230px;
	margin-top: 20px;
	margin-right: 20px;
}

ul.heritage li:nth-child(4),
ul.heritage li:nth-child(8),
ul.heritage li:nth-child(12) {
	margin-right: 0;
}

/* 世界遺産　写真 */
ul.heritage li a {
	display: block;
	position: relative;
	height: 200px;
}

ul.heritage li a img {
	position: absolute;
}

ul.heritage li a img:last-child {
	opacity: 0;
}

ul.heritage li a:hover img:last-child {
	opacity: 1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/* 世界遺産　国、カテゴリー、名称 */
ul.heritage li p.country,
ul.heritage li p.category {
	display: inline-block;
	width: 50%;
	font-size: 12px;
	line-height: 2;
	text-align: center;
	color: #fff;
}

ul.heritage li p.country { background-color: #8498c1; }
ul.heritage li p.category { background-color: #999; }

ul.heritage li p.name {
	font-size: 14px;
	line-height: 1.3;
	font-weight: bold;
	text-align: center;
	background-color: #ebebeb;
	padding-top: 10px;
	height: 28px;
}

ul.heritage li p.line2 { height: 46px; }
ul.heritage li p.line3 { height: 64px; }

/* ページ番号 */
#wrapper ol {
	text-align: center;
	margin-top: 18px;
}

#wrapper ol li {
	display: inline-block;
	list-style: none;
	width: 35px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	background-color: #404040;
	margin: 0 4px;
}

#wrapper ol li a {
	display: inline-block;
	width: 33px;
	line-height: 33px;
	color: #666;
	background-color: #fff;
	border:#b3b3b3 solid 1px;
}

#wrapper ol li a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #e46a38;
	border-color: #e46a38;
}

/*ツアーをすべて見るボタン */
.senmonten03 p.tourBtn {
	margin-top: 28px;
	margin-bottom: 30px;
}