@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:0.75em; line-height:1.8em; font-weight: normal;
	font-family:"メイリオ","ＭＳ Ｐゴシック",Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	-webkit-text-size-adjust: 100%; color:#402512;
}

#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 {
	max-width: 100%; padding: 0; margin: 0 auto;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}

#customer_header a,
#customer_footer a { color:#1d1f1a; text-decoration:none; overflow:hidden; }
#customer_header a:hover,
#customer_footer a:hover { color:#1d1f1a; 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%;}

/* clear */
#customer_header .clear,
#customer_footer .clear { clear:both;}
#customer_header .clearfix:after,
#customer_footer .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden;}
#customer_header .clearfix,
#customer_footer .clearfix { display: inline-block;}
/* Hides from IE-mac \*/
#customer_header .clearfix,
#customer_footer .clearfix { display: block; overflow:hidden}
/* End hide from IE-mac */

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

@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_wrapper { background:#f7eae3;}
#customer_header #header { width:1100px; margin:0 auto;}
#customer_header #header h1 { float:left; font-size:10px; margin:0; padding:20px 0 0 30px; line-height:1.7em; }
#customer_header #header #h_logo { float:left; width:326px;}
#customer_header #header dl { float:left; width:194px; padding:0 0 0 40px;}
#customer_header #header dl dt { padding:16px 0 5px 4px;}
#customer_header #header p { float:left; width:240px; padding:16px 0 0 15px; }

/* G-nav
------------------------------------------------------ */
#customer_header #gNavi2 {
	background-image: url(../img/gnavi_bg.gif); background-repeat: repeat-x; height: 52px; width:100%; }
#customer_header #gNavi2 ul { width:1100px; margin:0 auto; }
#customer_header #gNavi2 ul li { float:left; height:52px; }
#customer_header #gNavi2 ul li a {
	display:block; background-image: url(../img/gnavi.jpg); background-repeat: no-repeat; text-indent:-9999px; width:137px; height:52px; }
#customer_header #gNavi2 ul .dish a { background-position: 0px 0px; }
#customer_header #gNavi2 ul .dish a:hover { background-position: 0px -52px; }
#customer_header #gNavi2 ul .spa a { background-position: -137px 0px; }
#customer_header #gNavi2 ul .spa a:hover { background-position: -137px -52px; }
#customer_header #gNavi2 ul .room a { background-position: -274px 0px; }
#customer_header #gNavi2 ul .room a:hover { background-position: -274px -52px; }
#customer_header #gNavi2 ul .faci a { background-position: -411px 0px; }
#customer_header #gNavi2 ul .faci a:hover { background-position: -411px -52px; }
#customer_header #gNavi2 ul .acss a { background-position: -548px 0px; }
#customer_header #gNavi2 ul .acss a:hover { background-position: -548px -52px; }
#customer_header #gNavi2 ul .sight a {background-position: -685px 0px; }
#customer_header #gNavi2 ul .sight a:hover { background-position: -685px -52px; }
#customer_header #gNavi2 ul .group a { background-position: -822px 0px; }
#customer_header #gNavi2 ul .group a:hover { background-position: -822px -52px; }
#customer_header #gNavi2 ul .stay a { background-position: -959px 0px; }
#customer_header #gNavi2 ul .stay a:hover { background-position: -959px -52px; }

#customer_header #wrapper { background:url(../img/bg_body.gif) repeat-x; padding:15px 0 0 0;}
#customer_header #wrapper #container { width:1100px; margin:0 auto;}


/* Main img
------------------------------------------------------ */
/* #customer_header #main_img { width: 100%; padding: 65px 0; margin: 0 auto; background: #f5f5f5; text-align: center;}
#customer_header #main_img h2 { font-size: 30px; font-weight: bold;}

@media screen and (max-width: 768px) {
} */


/* breadcrumb
------------------------------------------------------ */
#customer_header #breadcrumbs { background:url(../img/bg_bread.gif) repeat-x;  height: 100%; text-align:right; width: 1100px; margin: 15px auto 0; padding: 5px 15px; box-sizing: border-box; font-size: 12px; }
#customer_header #breadcrumbs li { display:inline; }
#customer_header #breadcrumbs li span { display:inline-block; padding:0 7px;}
#customer_header #breadcrumbs li a { color:#98454f; text-decoration:underline; }


/* Footer
------------------------------------------------------ */
/* footer_top */
#customer_footer #bottom_area_wrapper { background:url(../img/footer_bg.gif) repeat-x; height:54px; margin-top:50px;}
#customer_footer #bottom_area { width:1100px; margin:0 auto;}
#customer_footer #bottom_area p#copy { float:left; padding-top:27px; color:#fff; font-size: 12px; }
#customer_footer #bottom_area p#pagetop { float:right; padding:23px 0 16px 0;}


/* footer */
#customer_footer #footer { background:#f7eae3; color:#654037; font-size: 12px; clear:both; }
#customer_footer #footer #footer_top { width:1100px; margin:0 auto;}
#customer_footer #footer #footer_top img.left { float:left; width:205px; padding-top:21px;}
#customer_footer #footer #footer_top dl#logo { float:left; width:273px; padding:21px 0 0 13px;}
#customer_footer #footer #footer_top dl#logo dt { padding-bottom:10px;}
#customer_footer #footer #footer_top dl#logo dd { padding-left:20px; line-height:1.6em;}
#customer_footer #footer #footer_top ul { float:left; width:117px; padding:29px 0 0 39px;}
#customer_footer #footer #footer_top ul li { float:left; width:22px; padding-right:7px;}
#customer_footer #footer #footer_top div.right { float:right; width:442px; margin-top:29px; background:#f9f7f5; }
#customer_footer #footer #footer_top div.right dl { float:left; width:240px; height:128px; padding:10px 0 0 19px; }
#customer_footer #footer #footer_top div.right dt { padding-bottom:4px; line-height: 1;}
#customer_footer #footer #footer_top div.right dd { text-align:right; padding:2px 0; line-height: 1;}
#customer_footer #footer #footer_top div.right dd:nth-of-type(2) { padding:1px 0 2px;}
#customer_footer #footer #footer_top div.right p { float:right; width:90px; font-size:0.8em; line-height:1.6em; padding:10px 25px 0 0;}

#customer_footer #footer #footer_bottom { width:1100px; margin:0 auto; padding:30px 0;}
#customer_footer #footer #footer_bottom div.left { float:left; width:800px;}
#customer_footer #footer #footer_bottom div.left ul li { float:left; padding: 2px 0; }
#customer_footer #footer #footer_bottom div.left ul li span { display:inline-block; padding:0 5px;}
#customer_footer #footer #footer_bottom div.left ul li a { color:#654037;}
#customer_footer #footer #footer_bottom p.mobile { float:right; width:257px;}
#customer_footer #footer #footer_bottom div.left p.f_text { font-size:10px; width:500px; line-height:1.7em; padding:10px 0 0 0;}
#customer_footer #footer #footer_bottom div.right { float: right; width: 150px; }
#customer_footer #footer #footer_bottom div.right a img { padding-right: 5px; }


/* sp_nav
------------------------------------------------------ */

/* #customer_footer #sp_nav { display: none;}

@media screen and (max-width: 768px) {
	#customer_footer #sp_nav { display: block; position: fixed; bottom: 0; left: 0; background: #000; border-top: 3px solid #555;}
	#customer_footer #sp_nav ul { display: table; width: 100%; table-layout: fixed;}
	#customer_footer #sp_nav li { display: table-cell; -webkit-box-sizing: border-box; box-sizing: border-box;}
	#customer_footer #sp_nav li + li { border-left: 1px solid #555;}
	#customer_footer #sp_nav a { display: block; padding: 10px; text-align: center;}
	#customer_footer #sp_nav img { width: 50px;}
} */


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

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


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



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