@charset "shift_jis";
/*========================================*
*　■トップページ用スタイル
*========================================*/



/*---------------------------------
* 共通スタイル
*---------------------------------*/
.caption1{
	padding: 0 10px 10px 10px;
	border-bottom: 1px solid #ccc;
}
.caption1__icn{
	margin-right: 10px;
	vertical-align: bottom;
}
.caption1__icn img{}
.caption1__text{
	vertical-align: bottom;
	font-size: 15px;
	font-weight:bold;
}


.caption2{
	color: #323673;
	font-size: 15px;
	font-weight:bold;
	line-height: 1.5em;
}
.caption2__icn{
	margin-right: 10px;
}
.caption2__icn img{
	vertical-align: middle;
}




#v_text_size{
	display: none !important;
}




/*---------------------------------
* base custom
*---------------------------------*/
#v_contents{
	background: url(../../_img/fluid_index/index_bg.gif) repeat-x left top;
}
#v_contents_inner{
	background: none transparent;
}
#v_index.v_contents_wrap{
	padding-left: 0;
	padding-right: 0;
}

#v_contents{
	border-bottom: 1px solid #ccc;
}
#v_contents .v_contents_wrap{
	padding-top: 0;
}



/*---------- TOPは文字拡大禁止！ ----------*/
.text_big{
	font-size: 13px !important;
	line-height: 1.5em !important;
}
/*---------- TOPは文字拡大禁止！ ----------*/



/*---------------------------------
* gnavi custom
*---------------------------------*/
#v_mode_switch_top{ display: none; }

#v_reserve_inner,
#v_mode_switch_btm,
#v_mode_switch_top .v_bt_hotel,
#v_reserve_inner,
#v_mode_switch_btm,
#v_mode_switch_top .v_bt_hotel{
	display: block;
}
#v_reserve_inner fieldset .mode_area			{display:inline-block; vertical-align: middle;}
* html #v_reserve_inner fieldset .mode_area		{display:inline;zoom:1;}
*+html #v_reserve_inner fieldset .mode_area		{display:inline;zoom:1;}
#v_reserve_inner .mode_hotel					{display:none;}
#v_mode_switch_top .v_bt_area img				{visibility:hidden;}
/*#v_mode_switch_top .v_bt_hotel					{display:none;}*/
#v_mode_switch_btm .v_bt_area					{display:none;}
#v_mode_switch_btm .v_bt_hotel					{}
.mode_hotel #v_mode_switch_top .v_bt_area img	{visibility:visible;}
.mode_hotel #v_reserve_inner .mode_hotel		{display:block;}






/* reserve custom */
#v_reserve{
	overflow: hidden;
}
#v_reserve_inner{
	margin-bottom: -9999px;
	padding-bottom: 9999px;
}

/*--------------------20160926---------------------*/
/* reserve custom custom 2016-09-26 */
.js--custom_select{
	position: relative;
}
.js--custom_select .custom_select__select{
	width: 100%;
	position: relative;
	z-index: 2;
	opacity: 0;
	-o-opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
}
.js--custom_select .custom_select__select select{
	cursor: pointer;
}
.js--custom_select .custom_select__label{
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	
	box-sizing:				border-box;
	-o-box-sizing:			border-box;
	-ms-box-sizing:			border-box;
	-moz-box-sizing:		border-box;
	-webkit-box-sizing:		border-box;
}
.reserve_option{
	padding: 2px 5px;
	line-height: 1.5em;
	padding-right: 10px;
	background: url(../../_img/base/reserve__icon_pulldown.png) no-repeat 95% center;
	
	border: 1px solid #bbb;
	
	border-radius:			3px;
	-o-border-radius:		3px;
	-ms-border-radius:		3px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
}






#v_reserve{
	background: none #fff;
	
	border-style: solid;
	border-color: #ccc;
	border-width: 1px 1px 1px 0;
}
#v_reserve select{
	padding: 2px 1.5em 2px 5px;
}
#v_reserve_inner{
	border: none;
	background: none transparent;
}
.v_reserve__title{
	color: #264F9E;
	font-size: 20px;
	line-height: 1.5em;
	text-align: center;
}
.v_reserve__title_icon{
	display: none;
}
.v_bt_area,
.mode_area .v_bt_area,
.mode_hotel .v_bt_hotel{
	background-color: #0A68A7;
}

.v_bt_hotel,
.mode_hotel .v_bt_area,
.mode_area .v_bt_hotel{
	background: none #C3C8CB;
}
.v_bt_area a, .v_bt_hotel a,
.mode_hotel .v_bt_area a, .v_bt_hotel a, .mode_area .v_bt_hotel a{
	color: #fff;
}
.v_bt_area:after,
.mode_area .v_bt_area:after,
.mode_hotel .v_bt_hotel:after{
	border-top-color: #0A68A7;
}
#v_reserve_inner fieldset{
	background: none;
	border-bottom: 1px solid #ededed;
	
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#v_reserve_inner label.v_label01{ width: 32px; 	height: 16px; 	background: url(../../_img/base/reserve__label_area.png); }
#v_reserve_inner label.v_label02{ width: 60px; 	height: 16px; 	background: url(../../_img/base/reserve__label_date.png); }
#v_reserve_inner label.v_label03{ width: 219px; height: 16px; 	background: url(../../_img/base/reserve__label_option.png); }
#v_reserve_inner label.v_label04{ width: 63px; height: 16px; 	background: url(../../_img/base/reserve__label_hotel.png); }
#v_reserve_inner label.v_label05{ width: 83px; 	height: 17px; 	background: url(../../_img/base/reserve__label_smoke.png); }
#v_reserve_inner label.v_label06{ width: 44px; 	height: 14px; 	background: url(../../_img/base/reserve__label_from.png); }

#v_reserve_inner label.v_label01 img,
#v_reserve_inner label.v_label02 img,
#v_reserve_inner label.v_label03 img,
#v_reserve_inner label.v_label04 img,
#v_reserve_inner label.v_label05 img,
#v_reserve_inner label.v_label06 img{ display: none; }

#hs001{
	color: #0A68A7;
}

#v_bt_serch{
	width: 216px;
	height: 38px;
	overflow: hidden;
	background: url(../../_img/base/reserve__button_reserve.png);
}
#v_bt_serch input,
#v_bt_serch input:hover{
	opacity: 0;
}
#v_bt_map_search{
	margin-top: 10px;
}
#v_bt_map_search a{
	display: inline-block;
	width: 216px;
	height: 38px;
	background: url(../../_img/base/reserve__button_map.png);
}
#v_bt_map_search a img{
	display: none;
}
/*--------------------20160926---------------------*/


/*---------------------------------
* main visual
*---------------------------------*/
#v_mv{
	margin-bottom: 15px;
	margin-right: 10px;
}


/* main */
#v_main_mv{
	/*margin-left: 23.711340206185567010309278350515%;*/
	margin-left: 27.711340206185567010309278350515%;
	margin-bottom: 10px;
	position: relative;
}
#v_main_mv .display{
	overflow: hidden;
	position: relative;
	/*height: 300px;*/
	background: #fff;
	
	
	
	/* after version 20170225 */
	/*
	z-index: 2;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	*/
}
#v_main_mv .slide{
	background: #fff;
	width: 100%;
	display:none;
}
#v_main_mv .slide.on{
	display:block;
	
	/* css3 */
	animation:			fadein 0.5s linear both;
	-o-animation:		fadein 0.5s linear both;
	-ms-animation:		fadein 0.5s linear both;
	-moz-animation:		fadein 0.5s linear both;
	-webkit-animation:	fadein 0.5s linear both;
}
#v_main_mv .slide a{
	display:block;
	border: 6px solid #fff;
}
#v_main_mv .slide a img{
	width: 100%;
}
#v_main_mv .slide a,
#v_main_mv .slide a img{
	/* css3 */
	transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
}
#v_main_mv .slide a:hover{
	border-color: #323673;
}
#v_main_mv .slide a:hover img{
	/* css3 */
	opacity: 0.6;
	-o-opacity: 0.6;
	-ms-opacity: 0.6;
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}

#v_main_mv .controller ul{
	position: absolute;
	z-index: 2;
	left:	0;
	bottom:	5px;
	width:	100%;
}
#v_main_mv .controller ul li{
	width:	12px;
	height:	12px;
	margin-left: 5px;
	margin-right: 0;
	overflow: hidden;
}
#v_main_mv .controller ul li.on{}
#v_main_mv .controller ul li a{
	display:block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../../_img/fluid_index/bt_pointer.png) no-repeat left top;
}
#v_main_mv .controller ul li.on a,
#v_main_mv .controller ul li a:hover{
	background-position: left -12px;
}


#v_main_mv .controller .bt_back,
#v_main_mv .controller .bt_next{
	position: absolute;
	z-index: 2;
	top: 50%;
	margin-top: -60px;
}
#v_main_mv .controller .bt_back{left:	0px;}
#v_main_mv .controller .bt_next{right:	0px;}

/* preview window */
.preview{}
.preview-back,
.preview-next{
	position: absolute;
	z-index: 1;
	top: 	0;
	bottom: 0;
	
	width: 60%;
	margin-top: auto;
	margin-bottom: auto;
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	align-items: center;
}
.preview-back{
	left: 0;
}
.preview-next{
	right: 0;
}
.preview a{
	display: block;
	background-color: #fff;
}
.preview img{
	width: 100%;
	opacity: .25;
}



/* sub */
#v_sub_mv{}
#v_sub_mv .display{
	padding: 10px 4px;
	background: #000;
	overflow: hidden;
}
* html #v_sub_mv .display{position: relative; width: 950px;}
*+html #v_sub_mv .display{position: relative;}
#v_sub_mv .indisplay{
	width: 32768px;
}
#v_sub_mv .slide{
	background: #fff;
	position: relative;
	float: left;
	width: 180px;
	margin-left: 6px;
	border: 3px solid #fff;
}
* html #v_sub_mv .slide{
	overflow: hidden;
	height: 60px;
}
#v_sub_mv .slide.on{
	border-color: #FBC600;
}
#v_sub_mv .slide a{
	display:block;
	height: 50px;
	color: #000;
	overflow: hidden;
	padding-left: 60px;
	border: 2px solid #fff;
}
#v_sub_mv .slide .figure{
	width: 50px;
	height: 50px;
	overflow: hidden;
	position: absolute;
	left: 2px;
	top: 2px;
	margin-bottom: 0;
}
#v_sub_mv .slide .figure img{
	display:block;
	position: absolute;
	/*left: -169px;*/
	/*top: -59px;*/
	/*width: 364px;*/
	height: 50px;
	left: -38px;
	
	/* css3 */
	transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
}
#v_sub_mv .slide a:hover .figure img{
	/* css3 */
	opacity: 0.6;
	-o-opacity: 0.6;
	-ms-opacity: 0.6;
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}

#v_sub_mv .slide h2{
	margin-bottom: 0;
	color: #fff;
	padding: 3px 6px;
	margin-bottom: 2px;
	background: #323673;
	width: 32768px;
	font-size: 12px;
	line-height: 12px;
}
#v_sub_mv .slide p{
	margin-bottom: 0;
	font-size: 12px;
	line-height: 15px;
}

#v_sub_mv .slide .icn_pointer{
	position: absolute;
	left: 50%;
	top: -12px;
	display:none;
}
#v_sub_mv .on .icn_pointer{
	display:block;
}



/*---------------------------------
* bannres
*---------------------------------*/
#v_banners{
	position: relative;
	margin-bottom: 15px;
	line-height: 1em;
	
	margin-left: 10px;
	margin-right: 10px;
}
#v_banners .display{
	overflow: hidden;
	
	padding-bottom: 8px;
}
* html #v_banners .display{position: relative; width: 970px;}
*+html #v_banners .display{position: relative;}
#v_banners .indisplay{
	width: 32768px;
}
#v_banners .slide{
	float: left;
	
	margin-left: 0.52631578947368421052631578947368%;
	width: 32.631578947368421052631578947368%;
	max-width: 620px;
	
	
	/* css3 */
	box-shadow:			0px 3px 3px 0px rgba(0, 0, 0, .3);
	-o-box-shadow:		0px 3px 3px 0px rgba(0, 0, 0, .3);
	-ms-box-shadow:		0px 3px 3px 0px rgba(0, 0, 0, .3);
	-moz-box-shadow:	0px 3px 3px 0px rgba(0, 0, 0, .3);
	-khtml-box-shadow:	0px 3px 3px 0px rgba(0, 0, 0, .3);
	-webkit-box-shadow:	0px 3px 3px 0px rgba(0, 0, 0, .3);
}
* html #v_banners .slide{height: 78px;}

#v_banners .slide a,
#v_banners .slide span{
	display:block;
	
	overflow: hidden;
	position: relative;
	
	background: #fff;
	border: 5px solid #fff;
}
#v_banners .slide a img,
#v_banners .slide span img{
	
	width: 100%;
	/*
	display:block;
	position: absolute;
	left: -10px;*/
	
	/* css3 */
	transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
}
#v_banners .slide a:hover img{
	/* css3 */
	opacity: 0.6;
	-o-opacity: 0.6;
	-ms-opacity: 0.6;
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}


#v_banners .control{}
#v_banners .control ul{
	list-style:none;
}
#v_banners .control li{
	position: absolute;
	top: 50%;
	margin-top: -22px;
	background: #fff;
}
#v_banners .control .bt_back{left: -10px;}
#v_banners .control .bt_next{right: -10px;}

#v_banners .control li a img{
	/* css3 */
	transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
}
#v_banners .control li a:hover img{
	/* css3 */
	opacity: 0.6;
	-o-opacity: 0.6;
	-ms-opacity: 0.6;
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}

#v_banners .bn1 img{top:-100px;}
#v_banners .bn2 img{top:-200px;}
#v_banners .bn3 img{top:-300px;}
#v_banners .bn4 img{top:-400px;}
#v_banners .bn5 img{top:-500px;}
#v_banners .bn6 img{top:-600px;}
#v_banners .bn7 img{top:-700px;}
#v_banners .bn8 img{top:-800px;}
#v_banners .bn9 img{top:-900px;}
#v_banners .bn10 img{top:-1000px;}
#v_banners .bn11 img{top:-1100px;}
#v_banners .bn12 img{top:-1200px;}
#v_banners .bn13 img{top:-1300px;}
#v_banners .bn14 img{top:-1400px;}
#v_banners .bn15 img{top:-1500px;}
#v_banners .bn16 img{top:-1600px;}
#v_banners .bn17 img{top:-1700px;}
#v_banners .bn18 img{top:-1800px;}
#v_banners .bn19 img{top:-1900px;}
#v_banners .bn20 img{top:-2000px;}
#v_banners .bn21 img{top:-2100px;}
#v_banners .bn22 img{top:-2200px;}
#v_banners .bn23 img{top:-2300px;}
#v_banners .bn24 img{top:-2400px;}
#v_banners .bn25 img{top:-2500px;}
#v_banners .bn26 img{top:-2600px;}
#v_banners .bn27 img{top:-2700px;}
#v_banners .bn28 img{top:-2800px;}
#v_banners .bn29 img{top:-2900px;}
#v_banners .bn30 img{top:-3000px;}
#v_banners .bn31 img{top:-3100px;}
#v_banners .bn32 img{top:-3200px;}
#v_banners .bn33 img{top:-3300px;}
#v_banners .bn34 img{top:-3400px;}
#v_banners .bn35 img{top:-3500px;}
#v_banners .bn36 img{top:-3600px;}
#v_banners .bn37 img{top:-3700px;}
#v_banners .bn38 img{top:-3800px;}
#v_banners .bn39 img{top:-3900px;}
#v_banners .bn30 img{top:-4000px;}
#v_banners .bn41 img{top:-4100px;}
#v_banners .bn42 img{top:-4200px;}
#v_banners .bn43 img{top:-4300px;}
#v_banners .bn44 img{top:-4400px;}
#v_banners .bn45 img{top:-4500px;}
#v_banners .bn46 img{top:-4600px;}
#v_banners .bn47 img{top:-4700px;}
#v_banners .bn48 img{top:-4800px;}
#v_banners .bn49 img{top:-4900px;}
#v_banners .bn50 img{top:-5000px;}
#v_banners .bn51 img{top:-5100px;}
#v_banners .bn52 img{top:-5200px;}
#v_banners .bn53 img{top:-5300px;}
#v_banners .bn54 img{top:-5400px;}
#v_banners .bn55 img{top:-5500px;}
#v_banners .bn56 img{top:-5600px;}
#v_banners .bn57 img{top:-5700px;}
#v_banners .bn58 img{top:-5800px;}
#v_banners .bn59 img{top:-5900px;}
#v_banners .bn60 img{top:-6000px;}
#v_banners .bn61 img{top:-6100px;}
#v_banners .bn62 img{top:-6200px;}
#v_banners .bn63 img{top:-6300px;}
#v_banners .bn64 img{top:-6400px;}
#v_banners .bn65 img{top:-6500px;}
#v_banners .bn66 img{top:-6600px;}
#v_banners .bn67 img{top:-6700px;}
#v_banners .bn68 img{top:-6800px;}
#v_banners .bn69 img{top:-6900px;}
#v_banners .bn70 img{top:-7000px;}
#v_banners .bn71 img{top:-7100px;}
#v_banners .bn72 img{top:-7200px;}
#v_banners .bn73 img{top:-7300px;}
#v_banners .bn74 img{top:-7400px;}
#v_banners .bn75 img{top:-7500px;}
#v_banners .bn76 img{top:-7600px;}
#v_banners .bn77 img{top:-7700px;}
#v_banners .bn78 img{top:-7800px;}
#v_banners .bn79 img{top:-7900px;}
#v_banners .bn80 img{top:-8000px;}
#v_banners .bn81 img{top:-8100px;}
#v_banners .bn82 img{top:-8200px;}
#v_banners .bn83 img{top:-8300px;}
#v_banners .bn84 img{top:-8400px;}
#v_banners .bn85 img{top:-8500px;}
#v_banners .bn86 img{top:-8600px;}
#v_banners .bn87 img{top:-8700px;}
#v_banners .bn88 img{top:-8800px;}
#v_banners .bn89 img{top:-8900px;}
#v_banners .bn90 img{top:-9000px;}
#v_banners .bn91 img{top:-9100px;}
#v_banners .bn92 img{top:-9200px;}
#v_banners .bn93 img{top:-9300px;}
#v_banners .bn94 img{top:-9400px;}
#v_banners .bn95 img{top:-9500px;}
#v_banners .bn96 img{top:-9600px;}
#v_banners .bn97 img{top:-9700px;}
#v_banners .bn98 img{top:-9800px;}
#v_banners .bn99 img{top:-9900px;}



/*---------------------------------
* wrap
*---------------------------------*/
#v_content_wrap{
	margin-bottom: 10px;
	
	margin-left: 10px;
	margin-right: 10px;
	
}
#v_main{
	float: left;
	width: 65.979381443298969072164948453608%;
}
#v_side{
	float: right;
	width: 32.989690721649484536082474226804%;
}

/* side 共通 */
#v_special_banner,
#v_new_hotels,
#v_news{
	padding-bottom: 10px;
	background: url(../../_img/index/bg_aside.png) no-repeat left bottom;
}
#v_special_banner_inner,
#v_new_hotels_inner,
#v_news_inner{
	background: url(../../_img/index/bg_checker.gif);
	border: 1px solid #ccc;
}
#v_news iframe{
	width: 100%;
}




/*---------------------------------
* map
*---------------------------------*/
#v_map{
	overflow: hidden;
	position: relative;
	margin-bottom: 15px;
}
* html #v_map{z-index: 1;}
*+html #v_map{z-index: 1;}
#v_map h3{
	/*
	position: absolute;
	left: 12.1875%;
	top: 8.3333333333333333333333333333333%;
	*/
	display:none;
}
#v_map_bg{
	/*min-width: 640px;*/
}
#v_map_bg img{
	width: 100%;
}
#v_map_area_list{}
#v_map_area_list ul{
	list-style:none;
}
#v_map_area_list li{
	width: 88px;
	position: absolute;
	font-weight:bold;
	font-size: 14px;
}
#v_map_area_list li a{
	display:block;
	height: 37px;
	line-height: 37px;
	text-align:center;
	background: url(../../_img/index/bt_map_bg.png) no-repeat center;
}
#v_map_area_list li .icn_wether{
	display:block;
	position: absolute;
	left:50%;
	top: -32px;
	margin-left: -16px;
}


#bt_hokkaido	{ left: 66%;		top: 25%; }
#bt_touhoku		{ left: 60%;		top: 45.185185185185185185185185185185%; }
#bt_kanto		{ left: 60%;		top: 60%; }
#bt_tokyo		{ left: 60%;		top: 65.3%; }
#bt_koshinetsu	{ left: 48%;		top: 50.5%; }
#bt_hokuriku	{ left: 38%;		top: 56%; }
#bt_toukai		{ left: 45%;		top: 68%; }
#bt_kinki		{ left: 35%;		top: 74%; }
#bt_osaka		{ left: 35%;		top: 79.5%; }
#bt_tyugoku		{ left: 21%;		top: 59.259259259259259259259259259259%; }
#bt_shikoku		{ left: 21%;		top: 81%; }
#bt_kyushu		{ left: 8%;			top: 74%; }
#bt_okinawa		{ left: 76%;		top: 83%; }
#bt_bangkok		{ left: 11.09375%;	top: 27.777777777777777777777777777778%; }
#bt_bangkok2	{ left: 11.09375%;	top: 34%; }
#bt_hanoi		{ left: 25%;		top: 23.148148148148148148148148148148%; }
#bt_candle		{ left: 25%;		top: 29%; }
#bt_yangon 		{ left: 3%;			top: 17.148%; }
#bt_thilawa 	{ left: -28px;		top: 166px; }

#bn_yamaga		{ left: 2%;			top: 85.648%; }
#bn_matsue		{ left: 18%;		top: 64.148%; }
#bn_lohas_hakata{ left: 2%;			top: 79.148%; }
#bn_minamialps	{ left: 32%;		top: 43.148%; }
#bn_kuki		{ left: 72.6%;		top: 58.548%; }



.searchHotel #v_map_area_list ul li#bt_hanoi,
.searchHotel #v_map_area_list ul li#bt_candle,
.searchHotel #v_map_area_list ul li#bt_yangon,
.searchHotel #v_map_area_list ul li#bt_thilawa{
	width: 220px !important;
	font-size: .8em !important;
	line-height: 2em !important;
}




.bn_hotels{
	position: absolute;
}
.bn_hotels img{
	/* css3 */
	transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
}
.bn_hotels a:hover img{
	/* css3 */
	opacity: 0.6;
	-o-opacity: 0.6;
	-ms-opacity: 0.6;
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
#bn_yaesu		{ left: 79.84375%;	top: 60.555555555555555555555555555556%; }
#bn_kurasiki	{ left: 8.28125%;	top: 55.555555555555555555555555555556%; }
#bn_bangkok		{ left: 11.25%;		top: 34.074074074074074074074074074074%; }
#bn_kumamoto	{ left: 8%;	top: 80%; }
#bn_tennouji	{ left: 35%;	top: 85%; }
#bn_izumo		{ left: 21.40625%;	top: 65%; }
#bn_hanoi		{ left: 25%;		top: 29.444444444444444444444444444444%; }
#bn_shinbanba	{ left: 60%;	top: 70.6%; }
/*#bn_kabukicho	{ left: 72.84375%;	top: 55.555555555555555555555555555556%; }*/
#bn_kabukicho	{ left: 53.9074%;	top: 72.2805%; }
/*#bn_kabukicho	{ left: 60%;	top: 80.0%; }*/
/*#bn_kadoma		{ left: 47.61%;		top: 78.05755395683453237410071942446%; }*/
#bn_kadoma		{ left: 35%;	top: 85%; }
/*#bn_myoden		{ left: 60%;	top: 70.6%; }*/
#bn_myoden		{ left: 73.04625199362041%;	top: 53.77697841726619%; }
#bn_mito		{ left: 85%;	top: 53.77697841726619%; }
#bn_ishigakijima{ left: 76.2%;	top: 88.5%; }

#bn_akasaka 	{ left: 60.5%;	top: 71.281%; }
#bn_jrnara 		{ left: 48.5%;	top: 74.281%; }
#bn_kusatsu 	{ left: 48.5%;	top: 84.281%; }
#bn_akihabara 	{ left: 60.5%;	top: 81.281%; }
#bn_akabane 	{ left: 73.907%;	top: 61.281%; }
#bn_jrfuji 		{ left: 49%;	top: 57%; }
#bn_ogaki 		{ left: 36.8%;	top: 62.5%; }
#bn_nihonbashi 	{ left: 35.7%;	top: 85.5%; }
#bn_fujinomiya 	{ left: 48.5%;	top: 74.281%; }
#bn_gotsu 		{ left: 17%;	top: 63.081%; }
#bn_yangon 		{ left: 3.4%;	top: 21.081%; }
#bn_honmachi 	{ left: 35.7%;	top: 85.081%; }
#bn_totsuka 	{ left: 72.5%;	top: 70%; }
#bn_ikebukuro 	{ left: 60.6%;	top: 70.481%; }
#bn_kouchi 		{ left: 13.6%;	top: 86.381%; }
#bn_ichihara 	{ left: 72.5%;	top: 62.981%; }

#bn_kashima 	{ left: 72.5%;	top: 56.481%; }
#bn_mihara 		{ left: 17%;	top: 64.681%; }
#bn_kinshicho 	{ left: 72.5%;	top: 49.681%; }





/* DOM sozai */
#v_sozai{
	display:none;
}
#v_map_wether{}


/* map zoom */
#v_map_detail{
	
	display:none;
	
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: url(../../_img/map/bg_black.png);
	
}
#v_map_detail.on{
	display:block;
}
* html #v_map_detail{position: absolute;}


/* background close */
#background_close{
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	text-indent:-999px;
}


/* appendix */
#v_map_detail #append{
	display:none;
}

#v_map_detail .button{
	position: absolute;
	background: #fff;
}
#v_map_detail .button img{
	/* css3 */
	transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
}
#v_map_detail .button a:hover img{
	/* css3 */
	opacity: 0.6;
	-o-opacity: 0.6;
	-ms-opacity: 0.6;
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
#bt_app_tokyo{
	left: 440px;
	top: 310px;
}
#bt_app_osaka{
	left: 420px;
	top: 250px;
}


/* map area */
#v_map_detail .v_map_area{
	display:none;
	width: 880px;
	position: absolute;
	z-index: 999;
	left: 50%;
	top: 50%;
	margin: -270px 0 0 -440px;
	border: 10px solid #355DA3;
}
#v_map_detail .v_map_area.v_map_area--append-reserve{
	margin: -270px 0 0 -515px;
	
	/* suite -> optimas 20170113 */
	margin: -270px 0 0 -450px;
}
#v_map_detail .v_map_area.on{
	display:block;
}
#v_map_detail .v_map_area_inner{
	background: #fff;
	border: 1px solid #31386F;
}
#v_map_detail .hgrp{
	position: relative;
	padding: 10px;
	margin-bottom: 0;
	border-bottom: 1px solid #31386F;
	background: #f9f9f9 url(../../_img/map/sh_logo.gif) no-repeat 10px center;
}
#v_map_detail .hgrp h4{
	color: #31386E;
	font-size: 32px;
	text-align:center;
	line-height: 1.1em;
	margin-bottom: 0;
}
#v_map_detail .hgrp .bt_close{
	position: absolute;
	right: 10px;
	top: 10px;
}
#v_map_detail .hgrp .bt_close img{
	/* css3 */
	transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
}
#v_map_detail .hgrp .bt_close a:hover img{
	/* css3 */
	opacity: 0.6;
	-o-opacity: 0.6;
	-ms-opacity: 0.6;
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}

#v_map_detail .v_inner{
	position: relative;
	height: 479px;
	overflow: hidden;
	
	
	background-repeat: no-repeat;
	background-image: url(../../_img/map/area_bg.png);
	
	-webkit-background-size: 1756px 5269px; /* fix for ipad safari (retina) */
}
/* - - - - - - - - - - - - - - - - - - - - - -
#v_map_detail .v_area_bg{
	height: 480px;
	width: 880px;
	overflow: hidden;
	position: absolute;
	left:0;
	top: 0;
}
#v_map_detail .v_area_bg img{position: absolute;}
 - - - - - - - - - - - - - - - - - - - - - -*/
#v_map_detail .v_map_hotel_list{}
#v_map_detail .v_map_hotel_list ul{
	height: 420px;
	/*
	x position: absolute;
	x top: 0;
	*/
	list-style:none;
}
#v_map_detail .v_map_hotel_list ul.v_map_list_1st{float: left;		margin-left: -1px;}
#v_map_detail .v_map_hotel_list ul.v_map_list_2nd{float: right;		margin-right: -1px;}
#v_map_detail .v_map_hotel_list li{
	width: 220px;
	font-size: 13px;
	line-height: 1.5em;
	font-weight: bold;
}
#v_map_detail .v_map_hotel_list li.odd{background: #fff;}
#v_map_detail .v_map_hotel_list li.evn{background: #F4F3F1;}
#v_map_detail .v_map_hotel_list li a{
	display:block;
	padding: 5px 10px 5px 10px;
	border-style: solid;
	border-color: #31386F;
	border-width: 0 1px 1px 1px;
	
	background-repeat: no-repeat;
	background-position: 96% center;
	background-image: url(../../_img/map/arrow_left.gif);
}

#v_map_detail .v_map_hotel_list li a:hover{
	color: #fff;
	background-color: #355DA3;
}
#v_map_detail .v_map_hotel_list li a:hover{background-position: 97% center;}
#v_map_detail .v_map_hotel_list li .icn_locator{
	display:block;
	position: absolute;
	width: 11px;
	height: 11px;
	background: url(../../_img/map/icn_location2.png) no-repeat;
}
#v_map_detail .v_map_hotel_list li .icn_locator img{}
#v_map_detail .v_map_hotel_list a:hover .icn_locator img{
	animation: blink .05s ease-in-out both 5 alternate;
	-o-animation: blink .05s ease-in-out both 5 alternate;
	-ms-animation: blink .05s ease-in-out both 5 alternate;
	-moz-animation: blink .05s ease-in-out both 5 alternate;
	-khtml-animation: blink .05s ease-in-out both 5 alternate;
	-webkit-animation: blink .05s ease-in-out both 5 alternate;
}
@keyframes blink			{ 0%{opacity:1;} 100%{opacity:0;} }
@-o-keyframes blink			{ 0%{opacity:1;} 100%{opacity:0;} }
@-ms-keyframes blink		{ 0%{opacity:1;} 100%{opacity:0;} }
@-moz-keyframes blink		{ 0%{opacity:1;} 100%{opacity:0;} }
@-khtml-keyframes blink		{ 0%{opacity:1;} 100%{opacity:0;} }
@-webkit-keyframes blink	{ 0%{opacity:1;} 100%{opacity:0;} }

* html #v_map_detail .v_map_hotel_list a:hover .icn_locator img{visibility:hidden;}
*+html #v_map_detail .v_map_hotel_list a:hover .icn_locator img{visibility:hidden;}
html>/**/body #v_map_detail .v_map_hotel_list a:hover .icn_locator img{visibility/***/:hidden\9;}
body:not(:target) #v_map_detail .v_map_hotel_list a:hover .icn_locator img{visibility\9:hidden\9;}










/*--------------------20160914---------------------*/
/* 予約フォーム */
#v_map_detail .v_map_reserve{
	position: absolute;
	right: -140px;
	top: 0;
	bottom: 0;
	width: 130px;
	margin-top: -10px;
	margin-bottom: -10px;
	
	color: #365CA3;
	background-color: #EFC000;
	
	
	
	/* suite -> optimas 20170113 */
	display: none;
}
.v_map_reserve{
	width: 130px;
	color: #365CA3;
	background-color: #EFC000;
}
.v_map_reserve__heading{
	color: #fff;
	background-color: #355DA3;
	
	font-size: 15px;
	font-weight: bold;
	line-height: 1em;
	
	padding: 20px 0;
}
.v_map_reserve__heading .i__search{
	margin-right: 5px;
	vertical-align: middle;
}
.v_map_reserve__inner{
	padding: 10px;
}
.v_map_reserve__field{
	border: 0 none;
	margin: 0;
	padding: 0;
	
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #fff;
}
.v_map_reserve_field2{
	border: 0 none;
	margin: 0;
	padding: 0;
	
	text-align: center;
}
.v_map_reserve__legend{
	display: block;
}
.v_map_reserve__value{
	font-weight: bold;
}
.v_map_reserve__button{
	cursor: pointer;
	width: 100%;
	
	color: #fff;
	font-weight: bold;
	
	border: 0 none;
	padding: 10px 0;
	
	
	background: linear-gradient(#F90F10, #A10508);
	background: -o-linear-gradient(#F90F10, #A10508);
	background: -ms-linear-gradient(#F90F10, #A10508);
	background: -moz-linear-gradient(#F90F10, #A10508);
	background: -webkit-gradient(linear, left top, left bottom, from(#F90F10), to(#A10508));
	/* IE67 */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#F90F10, endcolorstr=#A10508));
	/* IE 8 */ -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#F90F10, endcolorstr=#A10508))";
	zoom: 1;
}
.v_map_reserve__button:hover{
	opacity: .75;
}
/*--------------------20160914---------------------*/













/* 天気予報 */
#v_map_detail .v_wether{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 680px;
}
#v_map_detail .v_wether table{
	width: 679px;
	background: #fff;
	border-top: 1px solid #bbb;
}
#v_map_detail .v_wether table thead th{}
#v_map_detail .v_wether table tbody th,
#v_map_detail .v_wether table tbody td{}
#v_map_detail .v_wether table th,
#v_map_detail .v_wether table td{
	color: #999;
	text-align:center;
	border-right: 1px solid #bbb;
}
#v_map_detail .v_wether table th{font-weight:normal;}
#v_map_detail .v_wether table td{}
#v_map_detail .v_wether table .odd,
#v_map_detail .v_wether table .evn{width: 80px;}
#v_map_detail .v_wether table .odd{}
#v_map_detail .v_wether table .evn{}
#v_map_detail .v_wether table .cpt{vertical-align: middle;}
#v_map_detail .v_wether table .thead{padding-top: 10px;}
#v_map_detail .v_wether table .tbody{padding-bottom: 10px;}


/* 観光マップ */
#v_map_detail .v_bt_spmap{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 200px;
	background: #fff;
}
/*
#v_map_detail .v_bt_spmap a{
	display:block;
	margin-bottom: -160px;
	
	transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
}
#v_map_detail .v_bt_spmap a:hover{
	margin-bottom: 0;
	text-decoration:none;
}
*/
#v_map_detail .v_bt_spmap a:hover{
	text-decoration:none;
}
#v_map_detail .v_bt_spmap a img{
	/* css3 */
	transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
}
#v_map_detail .v_bt_spmap a:hover img{
	/* css3 */
	opacity: 0.6;
	-o-opacity: 0.6;
	-ms-opacity: 0.6;
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
#v_map_detail .v_bt_spmap h5{
	height: 30px;
	color: #fff;
	font-size: 14px;
	text-align:center;
	line-height: 30px;
	background: #FBC500;
	margin-bottom: 0;
}
#v_map_detail .v_bt_spmap .figure{margin-bottom: 0;}


#v_area_hokkaido 	.v_inner{background-position: 0px -0px;}
#v_area_touhoku 	.v_inner{background-position: 0px -480px;}
#v_area_kanto 		.v_inner{background-position: 0px -960px;}
#v_area_koshinetsu 	.v_inner{background-position: 0px -1440px;}
#v_area_hokuriku 	.v_inner{background-position: 0px -1920px;}
#v_area_toukai 		.v_inner{background-position: 0px -2400px;}
#v_area_kinki 		.v_inner{background-position: 0px -2880px;}
#v_area_tyugoku 	.v_inner{background-position: 0px -3360px;}
#v_area_shikoku		.v_inner{background-position: 0px -3840px;}
#v_area_kyushu 		.v_inner{background-position: 0px -4320px;}
#v_area_okinawa 	.v_inner{background-position: 0px -4800px;}
#v_area_others		.v_inner{background-position: 0px -5280px;}

#v_area_tokyo		.v_inner{background-position: -880px -960px;}
#v_area_osaka		.v_inner{background-position: -880px -2880px;}

#v_area_vietnam .v_inner{
	background-image: url(../../_img/map/vietnum_bg.png);
}



/* - - - - - - - - - - - - - - - - sample - - - - - - - - - - - - - - - - */
#v_area_asahikawa .icn_locator			{left: 414px; top: 187px;}
#v_area_susukino .icn_locator			{left: 321px; top: 282px;}
#v_area_hakodate .icn_locator			{left: 254px; top: 389px;}
#v_area_kushiro .icn_locator			{left: 553px; top: 265px;}
#v_area_kushiroekimae .icn_locator		{left: 555px; top: 251px;}
#v_area_kitami .icn_locator				{left: 463px; top: 169px;}

#v_area_aomori .icn_locator				{left: 491px; top: 83px;}
#v_area_towada .icn_locator				{left: 512px; top: 97px;}
#v_area_hirosaki .icn_locator			{left: 468px; top: 92px;}
#v_area_hachinohe .icn_locator			{left: 522px; top: 110px;}
#v_area_hachinohekinen .icn_locator		{left: 532px; top: 104px;}
#v_area_morioka .icn_locator			{left: 515px; top: 177px;}
#v_area_hirose .icn_locator				{left: 493px; top: 294px;}
#v_area_sendai .icn_locator				{left: 485px; top: 284px;}
#v_area_iwaki .icn_locator				{left: 490px; top: 380px;}
#v_area_yamagata .icn_locator			{left: 450px; top: 282px;}
#v_area_higashine .icn_locator			{left: 450px; top: 270px;}
#v_area_tsuruoka .icn_locator			{left: 433px; top: 255px;}

#v_area_utsunomiya .icn_locator			{left: 485px; top: 99px;}
#v_area_oyama .icn_locator				{left: 467px; top: 139px;}
#v_area_mito .icn_locator				{left: 570px; top: 129px;}
#v_area_kashima .icn_locator			{left: 585px; top: 214px;}
#v_area_tachikawakita .icn_locator		{left: 401px; top: 270px;}
#v_area_shinyokohama .icn_locator		{left: 434px; top: 301px;}
#v_area_kannai .icn_locator				{left: 436px; top: 319px;}
#v_area_fujisawa .icn_locator			{left: 401px; top: 326px;}
#v_area_totsuka .icn_locator			{left: 421px; top: 325px;}
#v_area_musashikosugi .icn_locator		{left: 428px; top: 288px;}
#v_area_chiba .icn_locator				{left: 516px; top: 268px;}
#v_area_myoden .icn_locator				{left: 498px; top: 256px;}
#v_area_ichihara .icn_locator			{left: 508px; top: 303px;}

#v_area_omiya .icn_locator				{left: 441px; top: 225px;}
#v_area_wako .icn_locator				{left: 413px; top: 244px;}
#v_area_kuki .icn_locator				{left: 440px; top: 190px;}
#v_area_kawagoe .icn_locator			{left: 415px; top: 218px;}

#v_area_shinbashi .icn_locator			{left: 425px; top: 252px;}
#v_area_akasaka .icn_locator			{left: 435px; top: 187px;}
#v_area_shiba .icn_locator				{left: 427px; top: 262px;}
#v_area_tokyo_nihonbashi .icn_locator	{left: 467px; top: 203px;}
#v_area_yaesu .icn_locator				{left: 461px; top: 218px;}
#v_area_ginza .icn_locator				{left: 440px; top: 230px;}
#v_area_okachimachi .icn_locator		{left: 472px; top: 159px;}
#v_area_akihabara .icn_locator			{left: 472px; top: 169px;}
#v_area_asakusa .icn_locator			{left: 486px; top: 150px;}
#v_area_ueno .icn_locator				{left: 467px; top: 135px;}
#v_area_akabane .icn_locator			{left: 411px; top: 96px;}
#v_area_otsuka .icn_locator				{left: 410px; top: 124px;}
#v_area_ikebukuro .icn_locator			{left: 389px; top: 121px;}
#v_area_jrikebukuro .icn_locator		{left: 383px; top: 130px;}
#v_area_kabukicho .icn_locator			{left: 411px; top: 165px;}
#v_area_shinkoiwa .icn_locator			{left: 576px; top: 170px;}
#v_area_kameido .icn_locator			{left: 519px; top: 205px;}
#v_area_kinshicho .icn_locator			{left: 499px; top: 205px;}
#v_area_kamata .icn_locator				{left: 413px; top: 374px;}
#v_area_hamamatsucho .icn_locator		{left: 420px; top: 270px;}
#v_area_shinbanba .icn_locator			{left: 430px; top: 290px;}
#v_area_aomonoyokocho .icn_locator		{left: 424px; top: 306px;}

#v_area_nigata .icn_locator				{left: 507px; top: 95px;}
#v_area_arai .icn_locator				{left: 412px; top: 195px;}
#v_area_matumoto .icn_locator			{left: 406px; top: 276px;}
#v_area_matsumotohigashi .icn_locator	{left: 410px; top: 287px;}
#v_area_iida .icn_locator				{left: 390px; top: 370px;}
#v_area_kofu .icn_locator				{left: 440px; top: 347px;}
#v_area_minamialps .icn_locator			{left: 428px; top: 350px;}

#v_area_takaoka .icn_locator			{left: 484px; top: 155px;}

#v_area_nagaizumi .icn_locator			{left: 610px; top: 222px;}
#v_area_gotenba .icn_locator			{left: 622px; top: 214px;}
#v_area_gotenba2 .icn_locator			{left: 615px; top: 205px;}
#v_area_fujinomiya .icn_locator			{left: 574px; top: 200px;}
#v_area_fuji .icn_locator				{left: 593px; top: 200px;}
#v_area_jrfuji .icn_locator				{left: 586px; top: 210px;}
#v_area_fujihon .icn_locator			{left: 574px; top: 213px;}
#v_area_hamamatsu .icn_locator			{left: 430px; top: 285px;}
#v_area_okazaki .icn_locator			{left: 358px; top: 252px;}
#v_area_anjo .icn_locator				{left: 341px; top: 246px;}
#v_area_nagoya .icn_locator				{left: 310px; top: 217px;}
#v_area_takayama .icn_locator			{left: 384px; top: 66px;}
#v_area_ogaki .icn_locator				{left: 275px; top: 185px;}
#v_area_yokkaichi .icn_locator			{left: 266px; top: 252px;}
#v_area_kokudo_yokkaichi .icn_locator	{left: 277px; top: 249px;}
#v_area_suzuka .icn_locator				{left: 259px; top: 277px;}
#v_area_kuwanaekimae .icn_locator		{left: 284px; top: 229px;}
#v_area_matusaka .icn_locator			{left: 260px; top: 318px;}

#v_area_hikone .icn_locator				{left: 541px; top: 103px;}
#v_area_kusatsu .icn_locator			{left: 515px; top: 125px;}
#v_area_otsu .icn_locator				{left: 486px; top: 143px;}
#v_area_karasuma .icn_locator			{left: 470px; top: 150px;}
#v_area_shijyo .icn_locator				{left: 480px; top: 150px;}
#v_area_jrnara .icn_locator				{left: 496px; top: 210px;}
#v_area_lohasnara .icn_locator			{left: 483px; top: 212px;}
#v_area_yamatokoriyama .icn_locator		{left: 476px; top: 232px;}
#v_area_nara .icn_locator				{left: 472px; top: 202px;}
#v_area_kobe .icn_locator				{left: 396px; top: 196px;}

#v_area_shinosaka .icn_locator			{left: 486px; top: 154px;}
#v_area_osakaspa .icn_locator			{left: 459px; top: 175px;}
#v_area_higo .icn_locator				{left: 486px; top: 164px;}
#v_area_tanimachi .icn_locator			{left: 518px; top: 175px;}
#v_area_honmachi .icn_locator			{left: 486px; top: 175px;}
#v_area_nihonbashi .icn_locator			{left: 486px; top: 193px;}
#v_area_tennouji .icn_locator			{left: 486px; top: 211px;}
#v_area_esaka .icn_locator				{left: 486px; top: 134px;}
#v_area_kadoma .icn_locator				{left: 514px; top: 117px;}
#v_area_sakai .icn_locator				{left: 485px; top: 250px;}

#v_area_tottori .icn_locator			{left: 624px; top: 142px;}
#v_area_tottorikita .icn_locator		{left: 616px; top: 134px;}
#v_area_yonago .icn_locator				{left: 528px; top: 142px;}
#v_area_matsue .icn_locator				{left: 489px; top: 124px;}
#v_area_izumo .icn_locator				{left: 449px; top: 148px;}
#v_area_gotsu .icn_locator				{left: 410px; top: 180px;}
#v_area_kurasiki .icn_locator			{left: 575px; top: 261px;}
#v_area_hiroshima .icn_locator			{left: 425px; top: 291px;}
#v_area_mihara .icn_locator				{left: 455px; top: 291px;}
#v_area_yuda .icn_locator				{left: 286px; top: 314px;}
#v_area_houfuekimae .icn_locator		{left: 303px; top: 323px;}
#v_area_ube .icn_locator				{left: 270px; top: 337px;}

#v_area_takamatsu .icn_locator			{left: 571px; top: 95px;}
#v_area_takamatsutamachi .icn_locator	{left: 565px; top: 81px;}
#v_area_anan .icn_locator				{left: 650px; top: 185px;}
#v_area_kouchi .icn_locator				{left: 441px; top: 230px;}
#v_area_matuyama .icn_locator			{left: 301px; top: 169px;}
#v_area_yawatahama .icn_locator			{left: 229px; top: 227px;}
#v_area_niihama .icn_locator			{left: 389px; top: 149px;}
#v_area_ehime_ozu .icn_locator			{left: 245px; top: 200px;}
#v_area_shikokuchuo .icn_locator		{left: 428px; top: 139px;}

#v_area_lohas_hakata .icn_locator		{left: 470px; top: 45px;}
#v_area_hakata .icn_locator				{left: 458px; top: 45px;}
#v_area_kokura .icn_locator				{left: 495px; top: 28px;}
#v_area_kumamoto .icn_locator			{left: 469px; top: 159px;}
#v_area_yamaga .icn_locator				{left: 458px; top: 142px;}
#v_area_minamata .icn_locator			{left: 441px; top: 219px;}
#v_area_nakatsu .icn_locator			{left: 557px; top: 78px;}
#v_area_miyazaki .icn_locator			{left: 531px; top: 284px;}
#v_area_satumasendai .icn_locator		{left: 405px; top: 292px;}

#v_area_naha .icn_locator				{left: 481px; top: 233px;}
#v_area_shintoshin .icn_locator			{left: 492px; top: 222px;}
#v_area_nago .icn_locator				{left: 531px; top: 190px;}
#v_area_ishigakijima .icn_locator		{left: 110px; top: 364px;}

#v_area_hanoi .icn_locator				{left: 380px; top: 60px;}
#v_area_candle .icn_locator				{left: 370px; top: 70px;}



/*---------------------------------
* とくとく情報
*---------------------------------*/
#v_otoku{}
#v_otoku h3{
	margin-bottom: 10px;
}
#v_otoku .display{
	/*overflow: hidden;*/
	height: 224px;
}
* html #v_otoku .display{position: relative;}
*+html #v_otoku .display{position: relative;}
#v_otoku .indisplay{
	margin-left: -10px;
}
* html #v_otoku .indisplay{width: 660px; margin-left: -20px;}
*+html #v_otoku .indisplay{width: 650px;}
#v_otoku .slide{
	float: left;
	/*width: 313px;*/
	/*min-height: 100px;*/
	
	/*width: 48.4375%;*/
	width: 48.1%;
	
	height: 100px;
	overflow: hidden;
	margin-left: 10px;
	margin-bottom: 10px;
	background: #fff;
	border: 1px solid #ccc;
}
/** html .slide{height: 100px;}*/
#v_otoku .slide a{
	display:block;
	position: relative;
	padding: 8px;
}
#v_otoku .slide .figure{
	float: right;
	width: 30.32258064516129032258064516129%;
	height: 84px;
	overflow: hidden;
}
#v_otoku .slide .figure img{
	width: 100%;
	
	/* css3 */
	transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
}
#v_otoku .slide a:hover .figure img{
	/* css3 */
	opacity: 0.6;
	-o-opacity: 0.6;
	-ms-opacity: 0.6;
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
#v_otoku .slide .note{
	float: left;
	width: 64.516129032258064516129032258065%;
}
#v_otoku .slide h4{
	color: #000;
	font-size: 14px;
	line-height: 18px;
	font-weight:bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
#v_otoku .slide p{
	margin-bottom: 0;
	font-size: 12px;
	line-height: 15px;
}





#v_otoku .control{
	position: relative;
	
	/* css3 */
	box-shadow:			0px 1px 2px 0px rgba(0, 0, 0, .3);
	-o-box-shadow:		0px 1px 2px 0px rgba(0, 0, 0, .3);
	-ms-box-shadow:		0px 1px 2px 0px rgba(0, 0, 0, .3);
	-moz-box-shadow:	0px 1px 2px 0px rgba(0, 0, 0, .3);
	-khtml-box-shadow:	0px 1px 2px 0px rgba(0, 0, 0, .3);
	-webkit-box-shadow:	0px 1px 2px 0px rgba(0, 0, 0, .3);
}
#v_otoku .control a:before{
	content: "";
	
	position: absolute;
	left:	50%;
	top:	50%;
	width:	0px;
	height:	0px;
	margin-left: -8px;
	
	border-width: 8px;
	border-style: solid;
	border-color: transparent;
	
}
#v_otoku .control a{
	display:block;
	height: 30px;
	
	text-indent: -9999px;
	border: 1px solid #ccc;
	
	/* css3 */
	background: #fff;
	background: linear-gradient(#fff, #fff 50%,  #f4f4f4);
	background: -o-linear-gradient(#fff, #fff 50%,  #f4f4f4);
	background: -ms-linear-gradient(#fff, #fff 50%,  #f4f4f4);
	background: -moz-linear-gradient(#fff, #fff 50%,  #f4f4f4);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.5, #fff), to(#f4f4f4));
}
#v_otoku .control a:hover{
	border-color: #323673;
}
#v_otoku .bt_back{margin-bottom: 10px;}
#v_otoku .bt_next{}

#v_otoku .bt_back a:before{border-bottom-color: #ccc; margin-top: -12px;}
#v_otoku .bt_next a:before{border-top-color: #ccc; margin-top: -4px;}

#v_otoku .bt_back a:hover:before{border-bottom-color: #0075A5;}
#v_otoku .bt_next a:hover:before{border-top-color: #0075A5;}





/*---------------------------------
* スペシャルバナー
*---------------------------------*/
#v_special_banner{}
#v_special_banner_inner{}
#v_special_banner .sbn_items{}
#v_special_banner h3{
	margin-bottom: 0;
	border-bottom: 0 none;
}
#v_special_banner .sbn_item{}
#v_special_banner .sbn_link{
	display: block;
	position: relative;
}
#v_special_banner .sbn_link:after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 64px;
	height: 36px;
	margin: auto;
	background: url(../../_img/fluid_index/button_play.png) no-repeat center center;
	
}
#v_special_banner .sbn_img{
	width: 100%;
}





/*---------------------------------
* 新着・リニューアル ホテル
*---------------------------------*/
#v_new_hotels{}
#v_new_hotels h3{
	margin-top: -1px;
	margin-left: -1px;
}
#v_new_hotels .inner{
	overflow-x: hidden;
	overflow-y: auto;
	/*height: 421px;*/
	height: 482px;
	margin: 0 10px 10px 10px;
}
* html #v_new_hotels .inner{position: relative;}
*+html #v_new_hotels .inner{position: relative;}
#v_new_hotels .article{
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #ccc;
}
#v_new_hotels .article:first-child{
	margin-top: 0;
	padding-top:0px;
	border-top: 0 none;
}
#v_new_hotels .article a{
	display:block;
	color: #000;
	margin:0;
	
	
	
	
}
#v_new_hotels .article .figure{
	width: 25%;
	float: left;
	
}
#v_new_hotels .article .figure img{
	width: 100%;
	
	/* css3 */
	transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
}
#v_new_hotels .article a:hover .figure img{
	/* css3 */
	opacity:			0.6;
	-o-opacity:			0.6;
	-ms-opacity:		0.6;
	-moz-opacity:		0.6;
	-webkit-opacity:	0.6;
	filter:				alpha(opacity=60);
	-ms-filter:			"alpha(opacity=60)";
}
#v_new_hotels .article:first-child .figure{top: 0;}
#v_new_hotels .article .figure img{
	width: 100%;
}
#v_new_hotels .article .note{
	float: right;
	width: 71.875%;
}
#v_new_hotels .article .note p{
	margin-bottom: 0;
}


#v_new_hotels .article .hgroup{}
#v_new_hotels .article h4{
	margin:0;
	color: #335DA3;
	font-size: 16px;
	line-height: 1.2em;
}
#v_new_hotels .article h5{
	font-size: 12px;
	line-height: 1.2em;
}
#v_new_hotels .article p{
	font-size: 12px;
	line-height: 1.5em;
}
#v_new_hotels .v_bt_detail{
	margin-left: -1px;
	margin-bottom: -1px;
}
#v_new_hotels .v_bt_detail img{
	/* css3 */
	transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
}
#v_new_hotels .v_bt_detail a:hover img{
	/* css3 */
	opacity: 0.6;
	-o-opacity: 0.6;
	-ms-opacity: 0.6;
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}


/*---------------------------------
* 新着情報
*---------------------------------*/
#v_news{}
#v_news h3{
	margin-bottom: 0;
	margin-top: -1px;
	margin-left: -1px;
}
#v_news .inner{
	padding: 10px;
	min-height: 281px;
}
* html #v_news .inner{height: 450px;}


#info-body{
	overflow: auto;
	height: 261px;
	
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
#info-body ul{
	margin: 0;
	padding: 0;
	list-style:none;
}
#info-body li{
	margin: 0 0 20px 0;
}
#info-body li p{
	margin:0;
	padding:0;
}



/*---------------------------------
* hotel list
*---------------------------------*/
#v_hotel_list{
	background: #fff;
	margin-top: -10px;
	
	padding-left: 10px;
	padding-right: 10px;
	
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
#v_hotel_list_inner{}

#v_hotel_list .header{
	position: relative;
}
#v_hotel_list .header .onsen_icn{
	position: absolute;
	right: 0;
	top: 30px;
}


#v_hotel_list .clearfix{}
#v_hotel_list .v_glid{
	float: left;
	width: 19.17525773195876288659793814433%;
	margin-left: 1.0309278350515463917525773195876%;
}
* html #v_hotel_list .v_glid{
	margin-left: 5px;
}
#v_hotel_list .v_glid:first-child{
	margin-left: 0;
}
#v_hotel_list .v_area{
	margin-bottom: 10px;
	padding-bottom: 10px;
	
	/* css3 */
	transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
}
#v_hotel_list .v_area:hover{
	background: #fbfbfb;
}
#v_hotel_list .v_area h4{
	padding: 10px;
	font-size: 1.2em;
	margin-bottom: 15px;
	background: #E9E9E2;
}
#v_hotel_list .v_area ul{
	list-style:none;
}
#v_hotel_list .v_area li{
	padding-left: 20px;
	margin-bottom: 10px;
}
#v_hotel_list .v_area .icn_spa{background: url(../../_img/base/icn_spa.gif) no-repeat left center;}
#v_hotel_list .v_area .icn_bath{background: url(../../_img/base/icn_bath.gif) no-repeat left center;}











/*====================================================================================================*/
/* ■航空券プラン検索 */
/*====================================================================================================*/
.v_map_tab{
	position: absolute;
	left: 4%;
	top: 0;
	list-style: none;
}
.v_map_tab:after{
	content: "";
	display: block;
	clear: both;
}
.v_map_tab__item{
	float: left;
	
	font-size: 120%;
	line-height: 1.5em;
	font-weight: bold;
}
.v_map_tab__item .tabnavi__switch--selected{
	padding-top: 20px;
	padding-bottom: 20px;
	opacity: .5;
}


.v_map_tab__item a{
	display: block;
	padding: 10px 20px;
	color: #fff;
	background: #323673;
}
.v_map_tab__item a:hover{
	background: #595B8B;
	text-decoration: none;
}


.blink1{
	animation: 			kf--blink1 .3s ease-in-out both;
	-o-animation: 		kf--blink1 .3s ease-in-out both;
	-ms-animation: 		kf--blink1 .3s ease-in-out both;
	-moz-animation: 	kf--blink1 .3s ease-in-out both;
	-webkit-animation: 	kf--blink1 .3s ease-in-out both;
}
.blink2{
	animation: 			kf--blink2 .3s ease-in-out both;
	-o-animation: 		kf--blink2 .3s ease-in-out both;
	-ms-animation: 		kf--blink2 .3s ease-in-out both;
	-moz-animation: 	kf--blink2 .3s ease-in-out both;
	-webkit-animation: 	kf--blink2 .3s ease-in-out both;
}






.v_area_map--plane,
.v_area_map--plane a{
	color: #fff;
}
.v_area_map--plane{
	
	display: none;
	
	
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	
	width: 80%;
	height: 80%;
	
	margin: auto;
	
	
	padding: 20px;
	
	
	background-color: #000;
	background-color: 			rgba(0,0,0,.8);
	-o-background-color: 		rgba(0,0,0,.8);
	-ms-background-color: 		rgba(0,0,0,.8);
	-moz-background-color: 		rgba(0,0,0,.8);
	-webkit-background-color: 	rgba(0,0,0,.8);
	
	box-sizing:				border-box;
	-o-box-sizing:			border-box;
	-ms-box-sizing:			border-box;
	-moz-box-sizing:		border-box;
	-webkit-box-sizing:		border-box;
}
.v_area_map--plane--selected{
	display: block;
	
	animation: 			kf--fadein .3s ease-in-out both;
	-o-animation: 		kf--fadein .3s ease-in-out both;
	-ms-animation: 		kf--fadein .3s ease-in-out both;
	-moz-animation: 	kf--fadein .3s ease-in-out both;
	-webkit-animation: 	kf--fadein .3s ease-in-out both;
}
.v_area_plane__close{
	display: block;
	position: absolute;
	right: 	10px;
	top: 	10px;
	
	font-size: 1.5em;
	width: 1em;
	height: 1em;
	line-height: 1em;
	text-align: center;
	
	border: 1px solid #fff;
	padding: 10px;
}
.v_area_plane__title{
	font-size: 2em;
	line-height: 1.5dm;
	margin-bottom: 20px;
}
.v_area_plane__hotels{
	list-style: none;
}
.v_area_plane__hotel{
	width: 50%;
	margin-bottom: 5px;
	display: inline-block;
}
.v_area_plane__hotel a{}
.v_area_plane__hotel a:before{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left-color: #fff;
}
.v_area_plane__hotel a:hover:before{
	position: relative;
	left: 2px;
}








.plane__controller{
	position: absolute;
	left: 	4%;
	top: 	13%;
	
	
	
	
	padding: 20px 20px 10px 20px;
	text-align: center;
	
	
	background: #fff;
	background-color: 			rgba(255,255,255,.8);
	-o-background-color: 		rgba(255,255,255,.8);
	-ms-background-color: 		rgba(255,255,255,.8);
	-moz-background-color: 		rgba(255,255,255,.8);
	-webkit-background-color: 	rgba(255,,255255,.8);
	
	
	box-sizing:				border-box;
	-o-box-sizing:			border-box;
	-ms-box-sizing:			border-box;
	-moz-box-sizing:		border-box;
	-webkit-box-sizing:		border-box;
}
.plane_field{
	margin-bottom: 10px;
}
.plane_field{}
.plane_field__title{
	color: #323673;
	font-weight: bold;
	font-size: ;
}
.plane_field__input{}
.plane_search_button{
	width: 100%;
	
	cursor: pointer;
	
	
	color: #345DA3;
	font-size: 110%;
	font-weight: bold;
	
	padding: 5px;
	border: 1px solid #345DA3;
	background-color: #FBC600;
	
	/* css3 */
	background: linear-gradient(#FBC600, #D4A900);
	background: -o-linear-gradient(#FBC600, #D4A900);
	background: -ms-linear-gradient(#FBC600, #D4A900);
	background: -moz-linear-gradient(#FBC600, #D4A900);
	background: -webkit-gradient(linear, left top, left bottom, from(#FBC600), to(#D4A900));
	/* IE67 */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FBC600, endcolorstr=#D4A900));
	/* IE 8 */ -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FBC600, endcolorstr=#D4A900))";
	zoom: 1;
	
	
	border-radius:			3px;
	-o-border-radius:		3px;
	-ms-border-radius:		3px;
	-moz-border-radius:		3px;
	-khtml-border-radius:	3px;
	-webkit-border-radius:	3px;
}



@keyframes kf--fadein			{ 0% { opacity:0; } 100% { opacity:1; } }
@-o-keyframes kf--fadein		{ 0% { opacity:0; } 100% { opacity:1; } }
@-ms-keyframes kf--fadein		{ 0% { opacity:0; } 100% { opacity:1; } }
@-moz-keyframes kf--fadein		{ 0% { opacity:0; } 100% { opacity:1; } }
@-webkit-keyframes kf--fadein	{ 0% { opacity:0; } 100% { opacity:1; } }


@keyframes kf--blink1			{ 0% { opacity:0; } 20% { opacity:1; } 40% { opacity:0; } 60% { opacity:1; } 80% { opacity:0; } 100% { opacity:1; } }
@-o-keyframes kf--blink1		{ 0% { opacity:0; } 20% { opacity:1; } 40% { opacity:0; } 60% { opacity:1; } 80% { opacity:0; } 100% { opacity:1; } }
@-ms-keyframes kf--blink1		{ 0% { opacity:0; } 20% { opacity:1; } 40% { opacity:0; } 60% { opacity:1; } 80% { opacity:0; } 100% { opacity:1; } }
@-moz-keyframes kf--blink1		{ 0% { opacity:0; } 20% { opacity:1; } 40% { opacity:0; } 60% { opacity:1; } 80% { opacity:0; } 100% { opacity:1; } }
@-webkit-keyframes kf--blink1	{ 0% { opacity:0; } 20% { opacity:1; } 40% { opacity:0; } 60% { opacity:1; } 80% { opacity:0; } 100% { opacity:1; } }

@keyframes kf--blink2			{ 0% { opacity:0; } 20% { opacity:1; } 40% { opacity:0; } 60% { opacity:1; } 80% { opacity:0; } 100% { opacity:1; } }
@-o-keyframes kf--blink2		{ 0% { opacity:0; } 20% { opacity:1; } 40% { opacity:0; } 60% { opacity:1; } 80% { opacity:0; } 100% { opacity:1; } }
@-ms-keyframes kf--blink2		{ 0% { opacity:0; } 20% { opacity:1; } 40% { opacity:0; } 60% { opacity:1; } 80% { opacity:0; } 100% { opacity:1; } }
@-moz-keyframes kf--blink2		{ 0% { opacity:0; } 20% { opacity:1; } 40% { opacity:0; } 60% { opacity:1; } 80% { opacity:0; } 100% { opacity:1; } }
@-webkit-keyframes kf--blink2	{ 0% { opacity:0; } 20% { opacity:1; } 40% { opacity:0; } 60% { opacity:1; } 80% { opacity:0; } 100% { opacity:1; } }











/*====================================================================================================*/
/* ■リニューアルTOP　2017 */
/*====================================================================================================*/
body#index{
	min-width: 1200px !important;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
#info-body{
	height: auto;
}
#info-body li{
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
#info-body li:last-child{
	border-bottom: 0 none;
}
#info-body li:after{ content: ""; display: block; clear: both; }
#info-body .date{
	display: block;
	float: left;
}
#info-body .date + br{
	display: none;
}
#info-body span.title{
	display: none;
}
#info-body a.title{
	display: block;
	overflow: hidden;
	
	padding: 0 0 0 2em;
}
#info-body .bt-more{
	display: none;
}




body#index .header{
	background-color: #EEEBDF;
}




.news_renewal .rerewal_more .inner .article .name{
	font-size: 1.6rem;
	color: #151a5f;
}
.renewal .name{
	color: #000;
	font-weight: normal;
}
.news_renewal .renewal .inner .article .date{
	color: #000;
	background-color: #EEEBDF;
}
.news_renewal .rerewal_more .inner .article .name{
	color: #000;
	font-weight: normal;
}






/* header adjust */
.header_sns{
	position: absolute;
	right: 0;
	top: 35px;
}
.header .header_lang{
	right: 120px;
	
	border-color: #000;
	background-color: #EEEBDF;
}
.header .header_lang__title{
	color: #000;
	border: 0 none;
}
.header .header_submenu{
	right: 230px;
}
.header .header_lang ul li{
	border-top-color: #000;
}
.header .header_lang__items{
	border-left: 0 none;
	border-right: 0 none;
}
.header .header_lang__item{
	border-bottom: 0 none;
}





/* book now */
.bookNow{
	background-color: #EEEBDF;
	border-bottom: 1px solid #666;
}
.bookNow form input:not(.bookNow_form_submit),
.bookNow form select{
	border: 1px solid #000;
}
.bookNow .bookNow_edit a{
	color: #000;
}
.bookNow .bookNow_edit a:hover{
	color: #cc1421;
}




/* push contents */
.pushContents .pushContents_article a{
	display: flex;
	align-items: center;
	justify-content: center;
	
	
	background-color: rgba(0, 0, 0, .45);
}
.pushContents .pushContents_morning a,
.pushContents .pushContents_onsen a,
.pushContents .pushContents_stay a{
	padding: 2em;
	align-items: flex-end;
	justify-content: flex-start;
}
.pushContents .pushContents_article h3{
	height: auto;
	margin: 0;
	padding-top: 0;
}
.pushContents .pushContents_stay h3{
	width: 190px;
}





/* pickup banner */
.pickupBnr{
	background-image: none;
	/*background-color: #EEEBDF;*/
	background-color: #fff;
}




/* recently */
.recently{
	background: none;
}
.recently .recently_slider a{
	display: block;
	color: inherit;
}




/* more button */
.btn_more a{
	color: #fff;
	background-color: #EDA614;
	border: 0 none;
}
.btn_more a:hover{
	background-color: #EDB540;
	border: 0 none;
}




/* all hotels */
.allHotelList h3{
	font-weight: normal;
}