@charset "utf-8";
/* ===================================================
	Reset
====================================================== */
#customer_header *,
#customer_footer * { -webkit-box-sizing: content-box; box-sizing: content-box;}

#customer_header h1,
#customer_header h2,
#customer_header h3,
#customer_header h4,
#customer_header h5,
#customer_header h6,
#customer_footer h1,
#customer_footer h2,
#customer_footer h3,
#customer_footer h4,
#customer_footer h5,
#customer_footer h6 { margin: 0;}

#customer_header ul,
#customer_header ol,
#customer_header li,
#customer_footer ul,
#customer_footer ol,
#customer_footer li { padding: 0; margin: 0; list-style-type: none;}

#customer_header dl,
#customer_footer dl { padding: 0; margin: 0;}

#customer_header p,
#customer_footer p { padding: 0; margin: 0;}


/* ===================================================
	Custom CSS
	※ 予約番自体のコンテンツに影響するのを避けるため、
	　必ず #customer_header または #customer_footer からの継承で記述してください。
====================================================== */
body { min-width: 1100px; background: #fff; color: #000;}

#customer_header,
#customer_footer {
	font-size: 12px; font-weight: normal; line-height: 1.5;
	font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', メイリオ, 'sans-serif';
	-webkit-text-size-adjust: 100%;
}

#customer_header #header_wrap,
#customer_header #nav_wrap,
#customer_footer #footer_wrap {
	padding: 0; margin: 0;
}

#customer_header #header,
#customer_header #gnav ul,
#customer_footer #footer {
	width: 1100px; max-width: 100%; padding: 0; margin: 0 auto;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}

#customer_header a,
#customer_footer a { color: #B17B99; text-decoration: none;}
#customer_header a:hover,
#customer_footer a:hover { color: #555; text-decoration: underline;}
#customer_header a:hover img,
#customer_footer a:hover img { opacity: 0.75;}

#customer_header img,
#customer_footer img { max-width: 100%;}

#customer_header .ver_sp,
#customer_footer .ver_sp { display: none;}

#customer_header .none,#customer_footer .none { display:none; }
#customer_header .hidden,#customer_footer .hidden { visibility:hidden; }
#customer_header .reader,#customer_footer .reader { line-height:0; font-size:0; position:absolute; left:-9999px; }
#customer_header .nobr,#customer_footer .nobr { white-space:nowrap; }
#customer_header .block,#customer_footer .block { display:block; } .inline { display:inline; }
#customer_header .noimg,#customer_footer .noimg { background-image:none !important; }

#customer_header ul.liner li,#customer_footer ul.liner li { display:inline; float:left; padding-right:10px; }
#customer_header * html ul.liner li,#customer_footer * html ul.liner li { white-space:nowrap; margin-bottom:0.3em; }
#customer_header *:first-child+html ul.liner li,
#customer_footer *:first-child+html ul.liner li { white-space:nowrap; }

#customer_header .btn a,#customer_footer .btn a { display:block; line-height:normal; background-position:0 0; }
#customer_header .btn a:hover,#customer_footer .btn a:hover { background-position:0 100%; }
#customer_header .btn a.current,#customer_footer .btn a.current { background-position:0 100%; }

#customer_header img,#customer_footer img { vertical-align:text-bottom; border:none; }
#customer_header img.mid,#customer_footer img.mid { vertical-align:middle; }
#customer_header img.fit,#customer_footer img.fit { width:100%; max-width:100%; height:auto; width /***/:auto; }
#customer_header hr,#customer_footer hr { display:none; }

#customer_header .s,#customer_header small,#customer_footer .s,#customer_footer small { font-size:0.8em; }
#customer_header .l,#customer_header big,#customer_footer .l,#customer_footer big { font-size:1.2em; }
#customer_header .normal,#customer_footer .normal { font-style:normal; font-weight:normal; }
#customer_header .bold,#customer_footer .bold { font-weight:bold; }

#customer_header .pt30,#customer_footer .pt30 { padding-top:30px; }
#customer_header .pt20,#customer_footer .pt20 { padding-top:20px; }
#customer_header .pl20,#customer_footer .pl20 { padding-left:20px; }

#customer_header .tablet,#customer_footer .tablet { display:none; }
#customer_header .sumaho,#customer_footer .sumaho { display:none; }

/* #customer_header a:link,#customer_footer a:link { color: #B17B99;} */

@media screen and (orientation:landscape) {
	body { width: 100%;}
}
@media screen and (max-width: 768px) {
	body { min-width: 0;}

	#customer_header .ver_pc,
	#customer_footer .ver_pc { display: none;}
	#customer_header .ver_sp,
	#customer_footer .ver_sp { display: inline;}
}


/* Header
------------------------------------------------------ */
#customer_header #header { position:relative; width:100%; background:url(https://www.yufuin-tanokura.com/common/img/header_bg.png) #FFFFFF repeat-x left bottom; color:#FFFEF4; }
#customer_header #header_inner { position:relative; width:950px; height:95px; text-align:left; margin:0 auto; }
#customer_header #header_logo { position:absolute; width:190px; height:62px; left:0; top:33px; background-image:url(https://www.yufuin-tanokura.com/common/img/header_logo.png); }
#customer_header #header_logo a { display:block; width:190px; height:62px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
#customer_header #header_logo { background-image:url(https://www.yufuin-tanokura.com/common/img/header_logo@2x.png); background-size:190px 62px; }
}
#customer_header #header_info { position:absolute; width:245px; height:62px; right:0; top:33px; background-image:url(https://www.yufuin-tanokura.com/common/img/header_info.png); }

#customer_header #header_menu { position:absolute; width:110px; height:30px; right:0; top:0; }
#customer_header #header_menu ul { position:relative; width:220px; height:30px; }
#customer_header #header_menu li { display:inline; float:left; width:110px; height:30px; }
#customer_header #header_menu li a { width:110px; height:30px; display:block; background-position:0 0; }
#customer_header #header_menu li a.current { background-position:0 100%; }
#customer_header #header_menu li a:hover { background-position:0 100%; }
#customer_header #header_menu_contact a { background-image:url(https://www.yufuin-tanokura.com/common/img/header_menu_contact.png); }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
#customer_header #header_menu_contact a { background-image:url(https://www.yufuin-tanokura.com/common/img/header_menu_contact@2x.png); background-size:100%; }
}
#customer_header #header_link { position:absolute; width:260px; height:38px; right:0; top:45px; }
#customer_header #header_link ul { position:relative; width:260px; height:38px; }
#customer_header #header_link li { display:inline; float:left; width:128px; height:38px; margin:0 1px; }
#customer_header #header_link li a { width:128px; height:38px; display:block; background-position:0 0; }
#customer_header #header_link li a.current { background-position:0 100%; }
#customer_header #header_link li a:hover { background-position:0 100%; }
#customer_header #header_link_search a { background-image:url(https://www.yufuin-tanokura.com/common/img/header_link_search.png); }
#customer_header #header_link_plan a { background-image:url(https://www.yufuin-tanokura.com/common/img/header_link_plan.png); }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
#customer_header #header_link_search a { background-image:url(https://www.yufuin-tanokura.com/common/img/header_link_search@2x.png); background-size:100%; }
#customer_header #header_link_plan a { background-image:url(https://www.yufuin-tanokura.com/common/img/header_link_plan@2x.png); background-size:100%; }
}

#customer_header #header_font_size { position:absolute; top:4px; right:120px; }
#customer_header #header_font_size li { display:inline; float:left; height:20px; }
#customer_header #header_font_size li a { display:block; height:20px; }
#customer_header #font_size { background-image:url(https://www.yufuin-tanokura.com/common/img/header_font_size.png); width:110px; height:30px; }
#customer_header #font_size_normal { width:40px; margin:0 3px; }
#customer_header #font_size_zoom { width:40px; }
#customer_header #font_size_normal a { width:40px; background-image:url(https://www.yufuin-tanokura.com/common/img/btn_font_normal.png); }
#customer_header #font_size_zoom a { width:40px; background-image:url(https://www.yufuin-tanokura.com/common/img/btn_font_zoom.png); }

#customer_header #header_lang { position:absolute; top:3px; right:120px; z-index:991; font-size:115%; cursor:pointer; line-height:1; }
#customer_header #header_lang #header_lang_title { border:1px solid #ddd; background:url(https://www.yufuin-tanokura.com/common/img/header_lang_arrow.png) no-repeat 98% 50%; color:#FFF; padding: 3px 14px 3px 5px; }
#customer_header #header_lang #header_lang_title:hover { color:#e18800; }
#customer_header #header_lang #header_lang_items { color:#000; background:#FBF9F4; border-radius:2px; border:1px solid #DCDACC; }
#customer_header #header_lang #header_lang_items ul li a { color:#000; display:block; padding:4px; border-radius:2px; }
#customer_header #header_lang #header_lang_items ul li a:hover,#header_lang #header_lang_items ul li a.current { color:#fff; background-color:#030409; }

#customer_header #image { width:100%; }
#customer_header #image div { width:950px; height:248px; background-position:center bottom; margin:0 auto; }

/* グローバルナビゲーションバー */
#customer_header #nav { position:relative; width:100%; height:55px; background:url(https://www.yufuin-tanokura.com/common/img/nav_bg.png) #000000 repeat-x left top; z-index:2000; }
#customer_header #nav ul { position:relative; text-align:left; margin:0 auto; width:950px; height:55px; }
#customer_header #nav li { display:inline; float:left; height:55px; }
#customer_header #nav li a { height:55px; display:block; background-position:0 0; }
#customer_header #nav li a.current { background-position:0 100%; }
#customer_header #nav li a:hover { background-position:0 100%; }


#nav_plans a { width:159px; background-image:url(https://www.yufuin-tanokura.com/common/img/nav_plans.png); }
#nav_room a { width:158px; background-image:url(https://www.yufuin-tanokura.com/common/img/nav_room.png); }
#nav_spa a { width:158px; background-image:url(https://www.yufuin-tanokura.com/common/img/nav_spa.png); }
#nav_dish a { width:158px; background-image:url(https://www.yufuin-tanokura.com/common/img/nav_dish.png); }
#nav_access a { width:158px; background-image:url(https://www.yufuin-tanokura.com/common/img/nav_access.png); }
#nav_sightseeing a { width:159px; background-image:url(https://www.yufuin-tanokura.com/common/img/nav_sightseeing.png); }

/* Footer
------------------------------------------------------ */
/* フッター */
#customer_footer #footer { color:#FFFFFF; position:relative; width:100%; padding-bottom:40px; background:url(https://www.yufuin-tanokura.com/common/img/footer_bg.png) #FFFFFF repeat-x left top; }
#customer_footer #footer_inner { position:relative; width:950px; text-align:left; margin:0 auto; }

#customer_footer #footer_menu { margin: 2px 0 0 36px; width:220px; height:30px; }
#customer_footer #footer_menu ul { position:relative; width:220px; height:30px; }
#customer_footer #footer_menu li { display:inline; float:left; width:110px; height:30px; }
#customer_footer #footer_menu li a { width:110px; height:30px; display:block; background-position:0 0; }
#customer_footer #footer_menu li a.current { background-position:0 100%; }
#customer_footer #footer_menu li a:hover { background-position:0 100%; }

/* #customer_footer #footer_logo { padding-top:25px; } */
#customer_footer #footer_tel { padding-top:20px; }
#customer_footer #footer_plan { padding-top:25px; }
#customer_footer #footer_copyright { padding:10px; color:#333333; font-family:'Georgia', sans-serif;  }

#customer_footer #footer_lang { padding-top:15px; padding-right:9px; }
#customer_footer #footer_lang ul li { width:6em; float:right}
#customer_footer #footer_lang ul a { display:block; border:1px solid #CCCCCC; background-color:#3B3B3B; }
#customer_footer #footer_lang ul a span { display:block; margin:2px; color:#FFFFFF; padding:6px; text-align:center; }/* background:url(https://www.yufuin-tanokura.com/common/img/btn.png) #3B3B3B no-repeat 5px center; */
#customer_footer #footer_lang ul a:hover span { background-color:#555555; }
#customer_footer #footer_lang ul a.current span { background-color:#555555; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
#customer_footer #footer_lang ul a span { background-image:url(https://www.yufuin-tanokura.com/common/img/btn@2x.png); background-size:3px 4px; }
}

#customer_footer #footer_link li { background:url(https://www.yufuin-tanokura.com/common/img/footer_menu_li.png) no-repeat right center; padding:0 7px !important; margin-bottom:1px; font-size:0.8em;}
#customer_footer #footer_link li.none { background:none; }
#customer_footer #footer_link li a { display:block; padding:0 5px; color:#333333; }
#customer_footer #footer_link li a:hover { display:block; padding:0 5px; color:#999999; }

/* footer用グリッド */
#customer_footer address { margin-bottom: 0; font-size: 13px;}
#customer_footer .footer_grid { position:relative; width:100%; }
#customer_footer .footer_grid .g1,#customer_footer .footer_grid .g2,#customer_footer .footer_grid .g3,#customer_footer .footer_grid .g4,#customer_footer .footer_grid .g5,#customer_footer .footer_grid .g6,
#customer_footer .footer_grid .g7,#customer_footer .footer_grid .g8,#customer_footer .footer_grid .g9,#customer_footer .footer_grid .g10,#customer_footer .footer_grid .g11,#customer_footer .footer_grid .g12
{ position:relative; float:left; margin-left:10px !important; /*background-color:#ffeeee;*/ }
#customer_footer .footer_grid .g1 { width:70px; }
#customer_footer .footer_grid .g2 { width:150px; }
#customer_footer .footer_grid .g3 { width:230px; }
#customer_footer .footer_grid .g4 { width:310px; }
#customer_footer .footer_grid .g5 { width:390px; }
#customer_footer .footer_grid .g6 { width:470px; }
#customer_footer .footer_grid .g7 { width:550px; }
#customer_footer .footer_grid .g8 { width:630px; }
#customer_footer .footer_grid .g9 { width:710px; }
#customer_footer .footer_grid .g10 { width:790px; }
#customer_footer .footer_grid .g11 { width:870px; }
#customer_footer .footer_grid .g12 { width:950px; margin-left:0 !important; clear:left;  }
#customer_footer .footer_grid .fst { margin-left:0 !important; clear:left; }
#customer_footer .footer_grid:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#customer_footer .footer_grid { display:inline-block; } .footer_grid { display:block; }
#customer_footer .footer_grid .footer_grid { width:100%; }

#customer_footer #footer_menu_contact a { background-image:url(https://www.yufuin-tanokura.com/common/img/footer_menu_contact.png); }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
#customer_footer #footer_menu_contact a { background-image:url(https://www.yufuin-tanokura.com/common/img/footer_menu_contact@2x.png); background-size:100%; }
}
#customer_footer #footer_menu_sitemap a { background-image:url(https://www.yufuin-tanokura.com/common/img/footer_menu_sitemap.png); }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
#customer_footer #footer_menu_sitemap a { background-image:url(https://www.yufuin-tanokura.com/common/img/footer_menu_sitemap@2x.png); background-size:100%; }
}

/* clear
------------------------------------------------------ */

#header:after,
#nav_wrap:after,
#gnav ul:after,
#contents_wrap:after,
#footer:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}


/* ---------------------------------------------------
	更新履歴
------------------------------------------------------



------------------------------------------------------ */