@charset "UTF-8";
/*

Drawr Menu ============================================

*/
html.menu-close {
	background-color: #46A6CB;
}
html.menu-open {
	background-color: #eee;
}
#side_body {
	left: 0;
	position: relative;
	z-index: 200;
	background-color: #46A6CB;
}
#drawer {
	visibility: visible;
	z-index: 0;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	transform: none;
	display: none;
	width: 270px;
	padding: 0;
	position: static;
	top: 0;
	height: 100%;
	overflow-y: auto;
	left: 0;
	background-color: #eee;
}
.menu-animating #side_body {
	position: fixed;
	overflow: hidden;
	width: 100%;
	top: 0;
	bottom: 0;
}
.menu-animating.menu-close #side_body,
.menu-animating.menu-open #side_body {
	-webkit-transition: -webkit-transform 250ms;
	-moz-transition: -moz-transform 250ms;
	-o-transition: -o-transform 250ms;
	transition: transform 250ms;
}
.menu-animating.menu-open #side_body {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}
.menu-animating #drawer {
	display: block;
}
.menu-open #drawer {
	display: block;
	-webkit-transition-delay: 0ms, 0ms, 0ms;
	-moz-transition-delay: 0ms, 0ms, 0ms;
	-o-transition-delay: 0ms, 0ms, 0ms;
	transition-delay: 0ms, 0ms, 0ms;
}
.menu-open #drawer,
.menu-close #drawer {
	-webkit-transition: -webkit-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-moz-transition: -moz-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-o-transition: -o-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	transition: transform 250ms, opacity 250ms, visibility 0ms 250ms;
}

/* menu design ------- */

#drawer,
.js-menu_target {
	-webkit-box-shadow: -3px 0 3px rgba(0,0,0,0.1) inset;
	-moz-box-shadow: -3px 0 3px rgba(0,0,0,0.1) inset;
	box-shadow: -3px 0 3px rgba(0,0,0,0.1) inset;
}
	#drawer > ul,
	.js-menu_target > ul {
		margin-bottom: 80px;
		background: #EEEEEE;
		-webkit-box-shadow: -3px 0 3px rgba(0,0,0,0.1) inset;
		-moz-box-shadow: -3px 0 3px rgba(0,0,0,0.1) inset;
		box-shadow: -3px 0 3px rgba(0,0,0,0.1) inset;
	}
	#drawer ul li,
	.js-menu_target ul li {
		color: #333333;
		border-bottom: 1px solid #FFFFFF;
		height: auto;
	}
	#drawer > ul > li,
	.js-menu_target > ul > li {
		border-bottom: none;
	}
	#drawer > ul > li.note,
	.js-menu_target > ul > li.note {
		padding: 15px 5%;
		font-size: 1.6rem;
		line-height:1.4;
	}
	#drawer > ul > li.note span,
	.js-menu_target > ul > li.note span {
		display: block;
		text-align: right;
		white-space: nowrap;
	}
	#drawer > ul > li.note span a,
	.js-menu_target > ul > li.note span a {
		display: inline-block;
		padding: 0;
		font-size: 1.4rem;
		text-decoration: underline;
	}
	#drawer > ul > li .ttl-belt,
	.js-menu_target > ul > li .ttl-belt {
		background-color: #46A6CB;
		color: #FFFFFF;
		font-size: 1.6rem;
		padding: 9px 5%;
		display: block;
	}
	#drawer > ul > li a,
	.js-menu_target > ul > li a {
		display: block;
		padding: 15px 5% 15px 18%;
		font-size: 1.6rem;
		color: #333333;
		text-decoration: none;
		position: relative;
	}
	#drawer ul > li > ul > li:not([class]) a,
	.js-menu_target ul > li > ul > li:not([class]) a {
		padding: 15px 5%;
	}
	#drawer ul:not(.lang) li a::before,
	.js-menu_target ul:not(.lang) li a::before {
		content: "";
		position: absolute;
		display: block;
		top: 50%;
		left: 3%;
		margin-top: -11.5px;
		width: 34px;
		height:34px;
		background-repeat: no-repeat;
		z-index: 1;
	}
	#drawer ul.lang li,
	.js-menu_target ul.lang li {
		overflow: hidden;
	}
	#drawer ul.lang li.select a,
	.js-menu_target ul.lang li.select a {
		pointer-events: none;
		cursor: default;
		padding: 15px 0 15px 5%;
		width: 230px;
		display: inline-block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#drawer ul.lang li a+span,
	.js-menu_target ul.lang li a+span {
		width: 22px;
		margin-top: 11.5px;
		margin-right: 18px;
		display: inline-block;
		vertical-align: top;
	}
	#drawer ul.category li.flighthotel a::before,
	.js-menu_target ul.category li.flighthotel a::before {
		background-image: url(../../images/common/icn-category_flighthotel.png);
		background-size: 34px;
		margin-top: -17px;
	}
	#drawer ul.category li.flights a::before,
	.js-menu_target ul.category li.flights a::before {
		background-image: url(../../images/common/icn-category_flights.png);
		background-size: 26px;
		margin-left: 4px;
	}
	#drawer ul.category li.hotels a::before,
	.js-menu_target ul.category li.hotels a::before {
		background-image: url(../../images/common/icn-category_hotels.png);
		background-size: 26px;
		margin-left: 4px;
	}
	#drawer ul.category li.packages a::before,
	.js-menu_target ul.category li.packages a::before {
		background-image: url(../../images/common/icn-category_packages.png);
		background-size: 26px;
		margin-left: 4px;
	}
	#drawer ul.category li.activities a::before,
	.js-menu_target ul.category li.activities a::before {
		background-image: url(../../images/common/icn-category_activities.png);
		background-size: 26px;
		margin-left: 4px;
	}
	#drawer ul.category li.railpass a::before,
	.js-menu_target ul.category li.railpass a::before {
		background-image: url(../../images/common/icn-category_railpass.png);
		background-size: 26px;
		margin-left: 4px;
	}
	#drawer ul.category li.dp a::before,
	.js-menu_target ul.category li.dp a::before {
		background-image: url(../../images/common/icn-category_dp.png);
		background-size: 32px;
		margin-left: 3px;
		margin-top: -15px;
	}
	#drawer ul.profile li.mypage a::before,
	.js-menu_target ul.profile li.mypage a::before {
		background-image: url(../../images/common/icn-profile_mypage.png);
		background-size: 26px;
		margin-left: 4px;
		margin-top: -5px;
	}
	#drawer ul.profile li.cart a::before,
	.js-menu_target ul.profile li.cart a::before {
		background-image: url(../../images/common/icn-profile_cart.png);
		background-size: 26px;
		margin-left: 4px;
	}
	#drawer ul.link li.register a::before,
	.js-menu_target ul.link li.register a::before {
		background-image: url(../../images/common/icn-link_register.png);
		background-size: 22px;
		margin-left: 5px;
	}
	#drawer ul.link li.home a::before,
	.js-menu_target ul.link li.home a::before {
		background-image: url(../../images/common/icn-link_home.png);
		background-size: 22px;
		margin-left: 5px;
	}
	#drawer ul.link li.info a::before,
	.js-menu_target ul.link li.info a::before {
		background-image: url(../../images/common/icn-link_info.png);
		background-size: 22px;
		margin-left: 5px;
	}
	#drawer ul.link li.pc a::before,
	.js-menu_target ul.link li.pc a::before {
		background-image: url(../../images/common/icn-link_pc.png);
		background-size: 22px;
		margin-left: 5px;
	}
	.android-2 .js-menu_target {
		position: absolute;
		top: 48px;
		width: 270px;
		z-index: 100;
	}
	.android-2 #drawer > ul,
	.android-2 .js-menu_target > ul{
		margin-bottom: 0;
	}