@charset "utf-8";
/* CSS Document */


/* Main Visual
-----------------------------------------*/
.mainvisual{
	position: relative;
/*	margin-bottom: 50px;*/
}
.mainvisual .swipeshow{
	height: 140px;
	width:100%;
	display:block;
}
.mainvisual .slideImg{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 140px;
	-moz-background-size: 100% 140px;
	-webkit-background-size: 100% 140px;
	-o-background-size: 100% 140px;
	-ms-background-size: 100% 140px;
}
.mainvisual .slider-note{
	width: 75%;
	margin: 0 auto;
	padding-top: 70px;
	line-height: 1.2;
}
/*.slider-note span:after {
	content: '';
	position: absolute;
	left: 40px;
	bottom: 30px;
	width: 80%;
	height: 7px;
	margin:0 auto;
	background: repeating-linear-gradient(-45deg, skyblue, skyblue 2px, white 2px, white 4px);
}*/
.mainvisual .slider-note .slider-heading{
	font-family:sans-serif;
	font-size: 2rem;
}
.mainvisual .slider-note span{
	color: #fff;
	text-shadow: black 0 0 5px;
}
.mainvisual .button{
	position: absolute;
	top: 55px;
}
.mainvisual .next{
	right: 10px;
}
.mainvisual .previous{
	left: 10px;
}

.mainvisual .dots{
	position: absolute;
	bottom: 5px;
	text-align: center;
	width: 100%;
}
.mainvisual .dot-item{
	margin: 0 10px;
	padding: 0;
	width: 12px;
	height: 12px;
	background: #fff;
	border: none;
	border-radius: 7.5px;	
}
.mainvisual .dot-item.active{
	background: #F3981C;
}
.mainvisual .ribbon{
	top: 140px;
}

/* Search
-----------------------------------------*/
.search {
	background: rgba(34,34,34,0.8);
	padding: 15px 0;
/*	position:absolute;
	bottom: 0;*/
	width: 100%;
	margin-bottom: 20px;
}
.search ul{
	display: table;
	width: 100%;
}
.search li{
	display: table-cell;
	text-align: center;
	
}
.search ul li img{
	width: 90px;
}
.search .search-box{
	padding-bottom: 10px;
}
.search form{
	display: block;
	width: 100%;
	text-align: center;
}
.search input[type="text"]{
	width: 220px;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0px;
	line-height: 30px!important;	
}
.search input[type="image"]{
	width: 20px;
	height: 20px;
	padding: 5px;
	margin: 0;
	background: #F3981C; 
	border: none;
	border-radius: 0;
}


/*  Spesial Offers
-----------------------------------------*/
.sp-offers{
	margin-bottom: 30px;
}
.sp-offers .swipeshow{
	height: 350px;
}
.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;
	padding: 5px 0;
}
.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;
}



/* Popular Tour Category 
-----------------------------------------*/
.tour-cat .item{
	display: inline-block;
	position: relative;
	width: 42%;
	margin: 0 5.33% 5.33%;
}
.tour-cat .item:nth-child(odd){
	margin-right: 0;
}
.tour-cat .tag{
	display: inline-block;
	position: absolute;
	bottom: 15px;
	left: 0;
	padding: 0 0.5em;
	font-family: sans-serif;
	color: #fff;
	word-break:break-all;
	text-shadow: 0px 0px 4px #000000;
}
.tour-cat {
	margin-bottom: 40px;
}
	
	
/* 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;
}
.tour-ranking {
	margin-bottom: 30px;
}

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

/* Tour Review
-----------------------------------------*/
.tour-review .list{
	margin-bottom: 10px;
	padding: 0 15px;
}
.tour-review .thumbnail{
	width: 100px;
	height: 100px;
	margin: 0 7px 10px 0;
	background-position: center!important;
	background-size: cover!important;
	float: left;
}
.tour-review .item{
	width: 100%;
}
.tour-review .item>a{
	display: block;
}



/* Ecperienced Staff 
-----------------------------------------*/
.ex-staff{}
.ex-staff .item{
	display: inline-block;
	position: relative;
	width: 42%;
	margin: 0 5.33% 5.33%;
}
.ex-staff .item:nth-child(odd){
	margin-right: 0;
}
.ex-staff .tag{
	display: inline-block;
	position: absolute;
	bottom: 15px;
	left: 0;
	padding: 0 0.5em;
	background: rgba(34,34,34,0.80);
	font-family: sans-serif;
	color: #fff;
	word-break:break-all;
}
.ex-staff {
	margin-bottom: 40px;
}
.all_campaign a{
	text-align:right;
	margin-right:20px;
	margin-top:-20px;
	text-decoration:underline;
}
/*Sister sites links
-----------------------------------------*/
@media screen and (min-width: 641px) {
	.cate-innner label,
	.cate-innner input{display: none;}
	.kanren-box-ttl{
		padding-left: 5px;
		margin-bottom: 5px;
		margin-top: 20px;
		font-size: 20px;
		color: #333;
		border-left: 5px solid #f3981c;
	}
	.kanren-ttl{
		font-size: 16px;
		color: #333;
		border-left: 3px solid #f3981c;
		padding-left: 5px;
	}
	.box-category .cate-wrap .linkbox {
		padding: 0;
		max-width: 1000px;/*最大幅*/
	}
}
@media screen and (max-width: 641px){
	.box-category{
		width: 100%;
	}
	.box-category .cate-wrap .cate-innner {
		width: 100%
	}
	.box-category .cate-wrap .cate-innner.box-hotel li {
		width:100%;
	}
	.kanren-box-ttl{
		padding-left: 5px;
		margin-bottom: 5px;
		margin-top: 20px;
		font-size: 20px;
		color: #333;
		border-left: 5px solid #f3981c;
	}
	.kanren-ttl{
		display: none;
	}
	.box-category .cate-wrap .linkbox label {
		display: block;
		margin: 1.5px 0;
		padding: 11px 30px 11px 12px;
		color :#f3981c;
		font-weight: bold;
		background :#ffefd5;
		cursor :pointer;
		transition: all 0.5s;
		position: relative;
	}
	.box-category .cate-wrap .linkbox label:hover {background :#ffefd5;}
	.box-category .cate-wrap .linkbox input {display: none;}
	.box-category .cate-wrap .linkbox .linkshow {
		height: 0;
		padding: 0;
		overflow: hidden;
		opacity: 0;
		transition: 0.8s;
	}
	.box-category .cate-wrap .cssacc:checked + label + .linkshow {
		height: auto;
		padding: 5px;
		background: #fff;
		opacity: 1;
	}
	.box-category .cate-wrap .linkbox label::after {
		content: "";
		border: 0px;
		position: absolute;
		top: 45%;
		right: 3%;
		margin-top: -4px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 13px 8px 0 8px;
		border-color: #f3981c transparent transparent transparent;
	}
	.box-category .cate-wrap .cssacc:checked + label::after {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 8px 13px 8px;
		border-color: transparent transparent #f3981c transparent;
	}
	.box-category .cate-wrap .direction_guide {
		padding: 15px;
		line-height: 2;
	}
	.box-category .cate-wrap .cssacc:checked + .linkshow {
		height: auto;
		padding: 5px;
		background: #eaeaea;
		opacity: 1;
	}
}
/*  
-----------------------------------------*/