@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;
}

/* 左 タイトル、見出し、本文 */
#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;
}

/* 右 アンカーリンク */
#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;
}

/* 旅行記 */
#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;
}

/* 旅のエッセンス リンク集 */
#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;
}

/* 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;
}

.pasttext {
	padding-left: 17px;
	padding-bottom: 10px;
    color: #0818CC;
}

/* フリースペース */
#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;
}

/* 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;
}