@charset "UTF-8";

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.js-carousel {
	position: relative;
}
.js-carousel.bx-loading {
	background: #FFF;
}
.js-carousel.bx-loading li img {
	visibility: hidden;
}
.js-carousel.bx-loading li~li {
	display: none;
}
.js-carousel.bx-loading li::after {
	content: '';
	min-height: 50px;
	background: url(/sp/images/common/img-loading_white.gif) center center no-repeat;
	background-size: 40px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}
.js-carousel li {
	padding-left: 10px;
	max-width: 72%;
}
.js-carousel.only li {
	padding-left: 0;
	max-width: 72%;
	margin: 0 auto;
}
.js-carousel img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	visibility: visible;
}
.menu-open .js-carousel li {
	padding-left: 0
}
.menu-open .js-carousel li~li {
	display: none;
}

/** THEME
===================================*/
.bx-wrapper {
	position: relative;
	padding: 0;
	overflow: hidden;
	padding-left: 12.5%;
	padding-right: 14%;
}

.bx-wrapper .bx-viewport {
	background: #fff;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
}
.bx-wrapper .bx-viewport ul::before,
.bx-wrapper .bx-viewport ul::after {
	content: "";
	display: table;
}
.bx-wrapper .bx-viewport ul::after {
	clear: both;
}



/** Site Top
===================================*/

/* .module-head_unit */
#header .module-head_unit {
	padding-top: 9px;
	padding-bottom: 8px;
}
	#header .module-head_unit .logo img {
		margin-left: 10px;
	}
	#header .module-head_unit .logo span {
		display: block;
		font-size: 0.6rem;
		margin-top: 3px;
	}
	#header .module-head_unit .tel {
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -1.2rem;
		margin-right: 2%;
		font-size: 1.6rem;
		font-weight: 700;
		color: #0099CC;
	}

/* #contents ------------------------------ */
#contents {
	padding-bottom: 0;
	border-bottom: 1px solid #fff;
}
/* module-category_menu ------------------------------ */
#main .module-category_menu {
	padding-top: 10px;
}
	#main .module-category_menu ul {
		width: 100%;
	}
	#main .module-category_menu ul li {
		width: 50%;
		background: #0099CB;
		text-align: left;
		float: left;
		border-top: 1px solid #fff;
		position: relative;
	}
	#main .module-category_menu ul li:nth-child(1),
	#main .module-category_menu ul li:nth-child(2) {
		border-top: 0;
	}
	#main .module-category_menu ul li:nth-child(2n) {
		border-left: 1px solid #fff;
	}
	#main .module-category_menu ul li::after {
		content: '';
		display: inline-block;
		background: url(/sp/images/index/icn-nav_arrow.png) no-repeat right center;
		-webkit-background-size: 11px 18px;
		background-size: 11px 18px;
		width: 11px;
		height: 18px;
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -9px;
		margin-right: 7px;
	}
	#main .module-category_menu ul li a {
		color: #fff;
		text-decoration: none;
		padding: 13px 0 13px 42px;
		display: block;
		font-size: 1.3rem;
		font-weight: 700;
		background: #0099CB no-repeat 6px center;
	}
	#main .module-category_menu ul li.package a {
		background-image: url(/sp/images/index/icn-category_packages.png);
		-webkit-background-size: 24px 29px;
		background-size: 24px 29px;
	}
	#main .module-category_menu ul li.flight_hotel a {
		background-image: url(/sp/images/index/icn-category_flighthotel.png);
		-webkit-background-size: 24px 29px;
		background-size: 24px 29px;
	}
	#main .module-category_menu ul li.flight a {
		background-image: url(/sp/images/index/icn-category_flights.png);
		-webkit-background-size: 24px 29px;
		background-size: 24px 29px;
	}
	#main .module-category_menu ul li.hotel a {
		background-image: url(/sp/images/index/icn-category_hotels.png);
		-webkit-background-size: 24px 29px;
		background-size: 24px 29px;
	}
	#main .module-category_menu ul li.activities a {
		background-image: url(/sp/images/index/icn-category_activities.png);
		-webkit-background-size: 24px 29px;
		background-size: 24px 29px;
	}
	#main .module-category_menu ul li.railpass a {
		background-image: url(/sp/images/index/icn-rail_pass.png);
		-webkit-background-size: 24px 29px;
		background-size: 24px 29px;
	}

/* module-head_select ext-top_recommended ------------------------------*/
#main .module-head_select.ext-top_recommended {
	margin-top: 17px;
}
	#main .module-head_select.ext-top_recommended p {
		font-size: 1.6rem;
		padding-left: 3%;
		line-height: 37px;
		float: left;
	}
	#main .module-head_select.ext-top_recommended p ~ label {
		width: auto;
		max-width: 80px;
		float: right;
		margin-right: 1%;
	}
	#main .module-head_select.ext-top_recommended p ~ label select {
	}

/* module-recommended_stage ------------------------------*/
#main .module-recommended_stage {
	margin-top: 7px;
}
	#main .module-recommended_stage .tel {
		padding-top: 3px;
		font-weight: 700;
		font-size: 1.6rem;
		color: #666666;
		background: #E5E4E0;
		vertical-align: middle;
		padding-bottom: 2px;
		text-align: center;
	}
	#main .module-recommended_stage .tel span {
		font-size: 2rem;
		color: #0099CC;
		margin-left: 10px;
	}

/* module-item ------------------------------*/
#main .module-item {
	padding: 0;
	background: none;
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	margin-top: 0;
}
#main .module-item + .module-item {
	border-top: 0;
}
	#main .module-item a {
		color: #333;
		text-decoration: none;
	}
	#main .module-item .info {
		width: 100%;
		display: table;
		padding-right: 2%;
		position: relative;
	}
	#main .module-item .info .img {
		display: table-cell;
		min-width: 86px;
		vertical-align: top;
		text-align: left;
	}
	#main .module-item .info .img img {
		width: 100%;
		max-width: 166px;
		max-height:108px;
	}
	#main .module-item .info .detail {
		display: table-cell;
		vertical-align: top;
		width: 75%;
		padding-left: 10px;
		padding-right: 20px;
		background: url(/sp/images/common/icn-item_arrow_dark.png) no-repeat right center;
		background-size: 16px 25px;
	}

	#main .module-item.ext-unlink .info .detail {
		background-image: none;
	}
	#main .module-item .info .detail .hotel_name,
	#main .module-item .info .detail h1 {
		display: table-cell;
		vertical-align: middle;
		padding-top: 5px;
		line-height: 1.1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: box;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	#main .module-item .info  .detail .rating img {
		vertical-align: middle;
	}
	#main .module-item .info .detail .hotel_name + .price {
		margin-top: 10px;
	}
	#main .module-item .price {
		white-space: nowrap;
		color: #FF0033;
		font-size: 1.4rem;
		font-weight: 700;
	}
	#main .module-item .price span {
		font-size: 1.2rem;
		margin-right: 3px;
	}
		
	footer .tel {
		padding-top: 3px;
		font-weight: 700;
		font-size: 1.6rem;
		color: #666666;
		background: #E5E4E0;
		vertical-align: middle;
		padding-bottom: 2px;
		text-align: center;
		margin-bottom: 2px;
	}	
	footer .tel span {
		font-size: 2rem;
		color: #0099CC;
		margin-left: 10px;
	}