@charset "utf-8";
/* CSS Document インバウンド*/
.h-1{
	margin: 10px 0 0;
	padding:0 10px;
}

/* ----------------------------------------------------------
	headline
------------------------------------------------------------- */
#headline{
	background: #000;
	display:block;
	height:auto;
    color: #fff;
	font-family: 'Roboto Condensed',"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic", sans-serif;
    font-size: 2.142rem;
	font-weight:normal!important;
    text-align: center;
    padding:8px;
	margin: 0 0 2px;

}

/* ----------------------------------------------------------
	topimg
------------------------------------------------------------- */
.mainvisual {
	position: relative;
}
.topimg h1 {
	position: absolute;
	z-index: 1;
	bottom: 10px;
	right: 10%;
	left:2%;
	margin-left: -540px;
	font-size: 1.5rem;
	line-height: 1em;
	display: inline-block;
	margin: 0 0 5px;
	padding: 5px;
	color: #fff;
	background: rgba(0, 0, 0, .8);
	font-family: 'Roboto Condensed', sans-serif;
}
.topimg {
	position: relative;
	width: 100%;
	height: 140px;
}
.toptxt{
	width: 100%;
	margin: 10px auto 0;
}

/* Main Visual
-----------------------------------------*/
.mainvisual{
	position: relative;
	margin-bottom:0;
}
.mainvisual .swipeshow{
	height: 200px;
}
.mainvisual .slide{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.mainvisual .slider-note{
	width: 75%;
	margin: 0 auto;
	padding-top: 40px;
	line-height: 1.6;
}
.mainvisual .slider-note .slider-heading{
	font-size: 2.714rem;
}
.mainvisual .slider-note span{
	background:rgba(34,34,34,0.8);
	color: #fff;
}
.mainvisual .button{
	position: absolute;
	top: 85px;
}
.mainvisual .next{
	right: 10px;
}
.mainvisual .previous{
	left: 10px;
}
.breadcrumb{/*2015/11/20takeda*/
	margin-bottom:20px;
}

/*  Freespace
-----------------------------------------*/
.freespace .h-1{
	border-bottom:1px solid #b6b6b6;
}
.freespace ul{
}
.freespace li {
	min-height:100px;
	max-height:300px;
	padding:15px 7px;
	clear:both;
/*	border-bottom:1px solid #b6b6b6;*/
}
.freespace li a {
	display:block;
	text-decoration:none !important;
}

.freespace span.photobox {
	float:right;
	width:30%;
	height:auto;
}

.freespace span.title {
	display:block;
	font-size:14px !important;
	padding-bottom:2px;
}
.freespace a span.title {
	color:#0e6aa4 !important ;
	text-decoration:underline !important;

}
.freespace li p {
	float:left;
	font-size:10px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
	line-height:1.4 !important;
	width:65%;
	max-height:270px;
}
.freespace .no_pic p {
	width:100%!important;
}
.freespace img {
	margin-top:10px;
}
/*  Freespace2
-----------------------------------------*/
.freespace2{
	margin-bottom: 50px;
}
.freespace2 .swipeshow{
	height: 350px;
}
.freespace2 h2{
	color:#333333;
	margin:0 15px 15px;
	font-weight:bold;
	font-size:18px;
	line-height:18px;
	padding-left:8px;
	border-left:solid 3px #F3981C;
}

.freespace2 .thumbnail{
	height: 200px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin-bottom: 10px;
}

.freespace2 .button{
	position: absolute;
	top: 85px;
}
.freespace2 .next{
	right: 10px;
}
.freespace2 .previous{
	left: 10px;
}
.freespace2 .dots{
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
}
.freespace2 .dot-item{
	margin: 0 10px;
	padding: 0;
	width: 15px;
	height: 15px;
	background: #eee;
	border: none;
	border-radius: 7.5px;	
}
.freespace2 .dot-item.active{
	background: #F3981C;
}
/*  MAP
-----------------------------------------*/
.map {
    margin: 10px auto;
    width: 89%;
}
#mapArea {
    border: 1px solid #cccccc;
    height: 280px;
}
/*  Guidance
-----------------------------------------*/
.guidance{
	margin-bottom: 20px;
}
.guidance .swipeshow{
	height: 420px;
	margin-bottom:20px;
}
.guidance .subtitle{
	margin-left:25px;
	font-size:12px;	
}
.guidance h2{
	color:#333333;
	margin:0 15px 15px;
	font-weight:bold;
	font-size:18px;
	line-height:18px;
	padding-left:8px;
	border-left:solid 3px #F3981C;
}

.guidance .thumbnail{
	height: 200px;
	width:100%;
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 10px;
	background-size: 100% 200px;
	-moz-background-size: 100% 200px;
	-webkit-background-size: 100% 200px;
	-o-background-size: 100% 200px;
	-ms-background-size: 100% 200px;
}

.guidance .button{
	position: absolute;
	top: 85px;
}
.guidance .next{
	right: 10px;
}
.guidance .previous{
	left: 10px;
}
.guidance .dots{
	position: absolute;
	margin-top:180px;
	text-align: center;
	width: 100%;
}
.guidance .dot-item{
	margin: 0 10px;
	padding: 0;
	width: 15px;
	height: 15px;
	background: #eee;
	border: none;
	border-radius: 7.5px;	
}
.guidance .dot-item.active{
	background: #F3981C;
}

/* guidance2
-----------------------------------------*/
.guidance2 .thumbnail{
	margin: 0 auto 10px;
	width: 290px;
}
.guidance2 h2{
	color:#333333;
	margin:0 15px 15px;
	font-weight:bold;
	font-size:18px;
	line-height:18px;
	padding-left:8px;
	border-left:solid 3px #F3981C;
}
/* ----------------------------------------------------------
	Category Area
------------------------------------------------------------- */
.tour-cat2{
	margin-bottom:20px;
}
.categoryList{
	font-weight:bold;
	font-size:12px;
	background-color:#FFF;
	overflow:hidden;
	border-top:1px solid #d3cec5;
}

.categoryList li{
	padding-top:16px;
	float:left;
	width:50%;
	height:50px;
	border-right:1px solid #d3cec5;
	border-bottom:1px solid #d3cec5;
}

.categoryList li:nth-child(2n){
	width:49%;
	border-right:0
}

.categoryList li a{
	display:block;
	padding:7px;
	background:url(../img/common/ico_link.png) no-repeat right center;
	-webkit-background-size:auto 16px;
	background-size:auto 16px;
	-webkit-background-origin:content-box;
	background-origin:content-box
}
	
.categoryList .col1{width:100%}
.categoryList  .col1 a{padding:0 5px 0 0}

.categoryList .col1 div,.premiumListOther .col1 p{
	display:table-cell;
	vertical-align:middle
}

.categoryList .col1 p{padding:0 17px 0 10px}
	
.cateIcon{
	width:25px;
	height:25px;
	padding-right:3px;
}
/* Search
-----------------------------------------*/
.search {
	background: rgba(34,34,34,0.8);
	padding: 20px 0;
	position:absolute;
	bottom: 0;
	width: 100%;
}
#search dl {
    margin-bottom: 5px;
}
.search ul{
	display: table;
	width: 100%;
}
.search li{
	display: table-cell;
	text-align: center;
	
}
.search ul li img{
	width: 85px;
}
.search .search-box{
	padding-bottom: 20px;
}
.search form{
	display: block;
	width: 100%;
	text-align: center;
}
.search input[type="text"]{
	width: 190px;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0px;
	line-height: 40px;	
}
.search input[type="image"]{
	width: 20px;
	height: 20px;
	padding: 10px;
	margin: 0;
	background: #F3981C; 
	border: none;
	border-radius: 0;
}


/*  Spesial Offers
-----------------------------------------*/
.sp-offers{
	margin-bottom: 50px;
}
.sp-offers .swipeshow{
	height: 390px;
}
.sp-offers .fee{
	margin: 0 15px 10px;
	font-size: 1.4285rem;
	font-weight: 700;
	color: #F3981C;
	border: solid 1px #dbdbdb;
	border-right: none;
	border-left: none;
}
.sp-offers .fee .jpy{
	font-weight: normal;
	font-size: 1rem;
}

.sp-offers .thumbnail{
	height: 200px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin-bottom: 10px;
}

.sp-offers .button{
	position: absolute;
	top: 85px;
}
.sp-offers .next{
	right: 10px;
}
.sp-offers .previous{
	left: 10px;
}
.sp-offers .dots{
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
}
.sp-offers .dot-item{
	margin: 0 10px;
	padding: 0;
	width: 15px;
	height: 15px;
	background: #eee;
	border: none;
	border-radius: 7.5px;	
}
.sp-offers .dot-item.active{
	background: #F3981C;
}
.sp-offers .ribbon{
	top: 140px;
}



/* Recommended 
-----------------------------------------*/
.recom .list .item{
	display: inline-block;
	position: relative;
	width: 42%;
	margin: 0 5.33% 5.33%;
}
.recom .item:nth-child(odd){
	margin-right: 0;
}
.recom .tag{
	display: inline-block;
	position: absolute;
	bottom: 15px;
	left: 0;
	padding: 0 0.5em;
	background: rgba(34,34,34,0.80);
	font-family: 'Roboto Condensed', sans-serif;
	color: #fff;
	word-break:break-all;
}
.recom {
	margin-bottom: 20px;
}
.recom .list_big .item{
	display: inline-block;
	position: relative;
	width: 89%;
	margin: 0 5.33% 5.33%;
}
/* Tour Ranking 
-----------------------------------------*/
.tour-ranking .list{
	padding: 0 15px;
}
.tour-ranking .item{
	width: 100%;
}
.tour-ranking .item>a{
	display: block;
}
.tour-ranking .thumbnail{
	width: 100px;
	height: 80px;
	margin: 0 7px 20px 0;
	background-position: center;
	background-size: cover;
}
.tour-ranking .badge{
	width: 30%;
	padding: 6.5%;
}
.tour-ranking .right-box{
	position: relative;
}
.tour-ranking .fee{
	position: absolute;
	top: 65px;
	right: 0;
	font-size: 1.248rem;
	color: #F3981C;
	font-weight: bold;
}
.tour-ranking .jpy{
	font-size: 1rem;
	font-weight: normal;
}

/* Video
-----------------------------------------*/
.video .thumbnail{
	margin: 0 auto 10px;
	width: 290px;
}
.video .text{
	width: 290px;
	margin: 0 auto;
	padding-bottom: 20px;
}


/* Simillar Tours 
-----------------------------------------*/
.simil ul{
	margin-bottom:10px;
}
.simil li {
	border-bottom:1px solid #b6b6b6;
	min-height:80px;
	padding:7px;
}

.simil li a {
	display:block;
	text-decoration:none !important;
}

.simil span.photobox {
	float:right;
	width:30%;
	height:auto;
}

.simil span.title {
	display:block;
	font-size:14px !important;
	color:#0e6aa4 !important ;
	text-decoration:underline !important;
	padding-bottom:5px;
	margin-top:10px;
}

.simil li p {
	float:left;
	line-height:1.2;
	font-size:10px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
	line-height:1.4 !important;
	width:65%;
	padding:5px;
}
.simil .no_pic p {
	width:100%!important;
}


.simil ul{ 
	border-top:1px solid #b6b6b6; 
}
/*.simil .list .item{
	display: inline-block;
	position: relative;
	width: 42%;
	margin: 0 5.33% 5.33%;
}
.simil .item:nth-child(odd){
	margin-right: 0;
}
.simil .tag{
	display: inline-block;
	position: absolute;
	bottom: 15px;
	left: 0;
	padding: 0 0.5em;
	background: rgba(34,34,34,0.80);
	font-family: 'Roboto Condensed', sans-serif;
	color: #fff;
	word-break:break-all;
	width:136px;
}
.simil {
	margin-bottom: 20px;
}
.simil .list_big .item{
	display: inline-block;
	position: relative;
	width: 89%;
	margin: 0 5.33% 5.33%;
}

/*  About Us
-----------------------------------------*/


.about-us {
    margin-bottom: 40px;
}

.about-us p {
    margin: 0 15px;
}
/*  Spesial Offers
-----------------------------------------*/
.sp-offers{
	margin-bottom: 50px;
}
.sp-offers .swipeshow{
	height: 390px;
}
.sp-offers .fee{
	margin: 0 15px 10px;
	font-size: 1.4285rem;
	font-weight: 700;
	color: #F3981C;
	border: solid 1px #dbdbdb;
	border-right: none;
	border-left: none;
}
.sp-offers .fee .jpy{
	font-weight: normal;
	font-size: 1rem;
}

.sp-offers .thumbnail{
	height: 200px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin-bottom: 10px;
}

.sp-offers .button{
	position: absolute;
	top: 85px;
}
.sp-offers .next{
	right: 10px;
}
.sp-offers .previous{
	left: 10px;
}
.sp-offers .dots{
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
}
.sp-offers .dot-item{
	margin: 0 10px;
	padding: 0;
	width: 15px;
	height: 15px;
	background: #eee;
	border: none;
	border-radius: 7.5px;	
}
.sp-offers .dot-item.active{
	background: #F3981C;
}
.sp-offers .ribbon{
	top: 140px;
}