@charset "UTF-8";

/*************************************************************
パーパスジャパン
[css/top.css]
17.08.15更新
**************************************************************/

/* 目次
-------------------------------------------------------------
1) スライダー  [section.wideslider]
2) 注目の旅  [section#chumoku]
3) 国別 専門店、目的別 専門店、キーワード  [section#senmonten]
4) パーパスの旅とは  [common.cssに記載 section#purposenotabi]
5) 旅行記  [common.cssに記載 section#gone]
6) 新着ツアー（カルーセル）  [div.flexslider]
7) フッタ上バナー  [section#bottomBn] 17.08.15追加
-------------------------------------------------------------*/


/* 1) スライダー  [section.wideslider]
-------------------------------------------------------------*/
.wideslider {
	padding-bottom: 30px;
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
	background-color: #f0f0f0;
}
 
.wideslider ul,
.wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
}
 
.wideslider ul li img {
    width: 100%;
    display: none;
}
 
.wideslider_base {
    top: 0;
    position: absolute;
}
.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;
 
}
.slider_prev,
.slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    cursor: pointer;
}
.slider_prev { background: #fff url(../images/top/control_l.png) no-repeat right center; }
.slider_next { background: #fff url(../images/top/control_r.png) no-repeat left center; }
 
.pagination {
    bottom: 8px;
    left: 0;
    width: 100%;
    height: 15px;
    text-align: center;
    position: absolute;
}
 
.pagination a {
	margin: 0 8px;
	width: 10px;
	height: 10px;
	display: inline-block;
	overflow: hidden;
	background: #333;
	border-radius: 6px;
}

.pagination a.active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}

.pagination a:hover {
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

/* ClearFixElements */
.wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.wideslider ul {
    display: inline-block;
    overflow: hidden;
}

/* キャッチ＆サブキャッチ */
.wideslider .white {
	position: absolute;
	z-index: 100;
	width: 980px;
	left: 50%;
	margin-left: -490px;
}

.wideslider .white h3 {
	text-shadow: 1px 1px 5px #000;
	margin-top: 30px;
	margin-left: 25px;
	margin-bottom: 3px;
}

.wideslider .white p {
	text-shadow: 1px 1px 2px #000;
	margin-left: 29px;
}

/* 2) 注目の旅  [section#chumoku]
-------------------------------------------------------------*/
#chumoku {
	padding-bottom: 30px;
}

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

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

#chumoku ul.black li a {
	display: block;
}

#chumoku ul.black li a span {
	display: block;
	padding: 8px 10px;
}

#chumoku p.btn {
	margin-top: 25px;
}

/* 3) 国別 専門店、目的別 専門店、キーワード  [section#senmonten]
-------------------------------------------------------------*/
#top div.container.middle {
	padding-bottom: 30px;
}

#senmonten {
	padding-top: 30px;
	padding-bottom: 20px;
}

#senmonten > .fleft {
	width: 580px;
}

#senmonten > .fright {
	width: 350px;
}

/* 国別 専門店を見る */
#senmonten h3 {
	margin-bottom: 15px;
}

#senmonten .map {
	position: relative;
	height: 350px;
	background: url(../images/top/map_world.png) no-repeat 0 0;
}

#senmonten .map li a {
	position: absolute;
	display: block;
	float:left;
	background-color: rgba(0, 0, 0, 0.85);
	border-radius: 8px;
	box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.2);
	padding: 8px 12px; 
}

#senmonten .map li.europe a { top:27px; left:169px; }
#senmonten .map li.america a { top:126px; left:58px; }
#senmonten .map li.asia a { top:175px; left:416px; }
#senmonten .map li.hawaii a { top:198px; left:16px; }
#senmonten .map li.africa a { top:206px; left:196px; }
#senmonten .map li.oceania a { top:279px; left:364px; }


#senmonten .arealist {
	position: relative;
	height: 350px;
	padding-left: 30px;
	padding-right: 30px;
	background: url(../images/top/bg_map.png) no-repeat 0 0;
}

#senmonten .arealist h4 {
	border-bottom: #8da2c7 solid 3px;
	margin-top:15px;
	margin-bottom: 18px;
}

#senmonten .arealist li.fleft {
	margin-right: 28px;
}

#senmonten .arealist ul.child li {
	text-indent: 1em;
	background: url(../images/global/line02.png) no-repeat 3px center;
}

#senmonten .arealist ul.child li:last-child {
	background-image: url(../images/global/line03.png);
}

#senmonten .arealist p.back {
	position: absolute;
	right: 28px;
	bottom: 18px;
}

#senmonten .arealist p.back img {
	cursor: pointer;
}

#senmonten .arealist p.back img: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;
	text-decoration: none;
}

/* 人気の国・エリア */
#senmonten .popularCountry {
	padding-top: 30px;
}
	
#senmonten ul.popular li {
	float: left;
	width: 155px;
	margin-right: 10px;
	line-height: 2;
}

#senmonten ul.popular li a {
	display: block;
	background-color: #000;
}

#senmonten ul.popular li:last-child {
	margin-right: 0;
}

/* 目的別 専門店を見る */
#senmonten ul.theme {
	margin-top: 15px;
	margin-bottom: 10px;
}

#senmonten ul.theme li {
	margin-bottom: 10px;
}

#senmonten ul.theme li a {
	display: table-cell;
	width: 103px;
	height: 50px;
	padding-left: 67px;
	background-color: rgba(0, 0, 0, 0.85);
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: 9px center;
}

#senmonten ul.theme li:nth-child(odd) { float: left; }
#senmonten ul.theme li:nth-child(even) { float: right; }

#senmonten ul.theme li.wine a { background-image: url(../images/top/theme/wine.png); }
#senmonten ul.theme li.marathon a { background-image: url(../images/top/theme/marathon.png); }
#senmonten ul.theme li.soccer a { background-image: url(../images/top/theme/soccer.png); }
#senmonten ul.theme li.f1 a { background-image: url(../images/top/theme/f1.png); }
#senmonten ul.theme li.cycling a { background-image: url(../images/top/theme/cycling.png); }
#senmonten ul.theme li.figureskate a { background-image: url(../images/top/theme/figureskate.png); }
#senmonten ul.theme li.world_heritage a { background-image: url(../images/top/theme/world_heritage.png); }
#senmonten ul.theme li.honeymoon a { background-image: url(../images/top/theme/honeymoon.png); }
#senmonten ul.theme li.festa a { background-image: url(../images/top/theme/festa.png); }
#senmonten ul.theme li.music a { background-image: url(../images/top/theme/music.png); }
#senmonten ul.theme li.aurora a { background-image: url(../images/top/theme/aurora.png); }
#senmonten ul.theme li.inspection a { background-image: url(../images/top/theme/inspection.png); }

/* キーワードで探す */
#senmonten .keyword {
	margin-top: 30px;
}

#senmonten .keyword input[type="search"],
#senmonten .keyword input[type="text"] {
	width: 780px;
	font-size: 17px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 15px;
}

/* 4) パーパスの旅とは  [common.cssに記載 section#purposenotabi]
-------------------------------------------------------------*/
section#purposenotabi {
	margin-top: 15px;
}

/* 5) 旅行記  [common.cssに記載 section#gone]
-------------------------------------------------------------*/

/* 6) 新着ツアー（カルーセル）  [div.flexslider]
-------------------------------------------------------------*/
.flexslider {
	border:0 !important;
}

.flexslider h3 {
	margin-bottom: 15px;
}

.flexslider ul.slides li {
	width: 220px;
	height: 262px;
	background-color: #f2f2f2;
	overflow: hidden;
}

.flexslider ul.slides li a {
	display: block;
	color: #000;
}

.flexslider ul.slides li a span {
	display: block;
	line-height: 1.5;
	padding: 10px;
	
}

.flexslider ul.slides li a span > span.sub {
	display: inline-block;
	padding: 0;
	height: 39px;
}

/* 7) フッタ上バナー  [section.bottomBn] 17.08.15追加
-------------------------------------------------------------*/
#bottomBn {
	margin: 50px auto 0;
}
	
#bottomBn li {
	float: left;
	margin-left: 20px;
}

#bottomBn li:first-child {
	margin-left: 0;
}