@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;}

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


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

#customer_header,
#customer_footer {
	color: #674107; font-size: 16px; font-weight: normal; line-height: 1.8;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック", sans-serif;
	-webkit-text-size-adjust: 100%;
}

#customer_header { padding-bottom: 74px; margin-bottom: 10px; background: url(../img/bg_line.png)repeat-x left bottom;}
#customer_footer { margin-top: 100px;}

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

#customer_header .arrow,
#customer_footer .arrow {
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}
#customer_header .arrow::before,
#customer_footer .arrow::before,
#customer_header .arrow::after,
#customer_footer .arrow::after,
#customer_footer #f_nav ul li::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

@media screen and (orientation:landscape) {
	body { width: 100%;}
}

/* Header
------------------------------------------------------ */
#customer_header #header_wrap { width: 100%; min-width: 1100px; background: url(../img/bg_y.gif); position: absolute; top: 0; left: 0; z-index: 10000; box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.4);}
#customer_header #header {
	width: 1100px;  max-width: 92%; padding: 15px 0 5px; margin: 0 auto;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
#customer_header #header h1 { width:358px; float: left; font-size: 12px; line-height: 1.8;}
#customer_header #header h1 a { display: inline-block;}
#customer_header #header h1 a:hover { text-decoration: none;}

#customer_header #h_nav_col { max-width: 630px; float: right;}
#customer_header #h_nav { float: right;}
#customer_header #h_nav li { float: left;}
#customer_header #h_nav li:nth-child(2) { padding-left: 25px; margin-top: -15px;}

#customer_header #lang { position: relative; float: left;}
#customer_header #lang:hover { cursor: pointer;}
#customer_header #lang>a { border: 1px solid #ae8b3a; padding: 5px 30px 5px 22px; border-radius: 2px; color: #381803;}
#customer_header #lang>a.arrow::after { right: 12px; left: inherit; width: 5px; height: 5px;
	border-bottom: 1px solid #381803; border-right: 1px solid #381803; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
#customer_header #lang_list { width: 100%; box-sizing: border-box; text-align: center; position: absolute; left: 0; top: 39px;}
#customer_header #lang_list a { display: block; padding: 3px 0; border: 1px solid #ae8b3a; border-top: none; color: #381803; background: url(../img/bg_w.gif);}
#customer_header #lang_list a:hover { text-decoration: none; background: #f9f1d5;}
#customer_header #lang_list { display: none;}
#customer_header #header_wrap:target #lang_list { display: block;}
#customer_header #lang_list .close a { padding: 0; background: #fbdb72;}
#customer_header #lang_list .close {
	float: none; position: relative; font-size: 16px;
	font-weight: normal; line-height: 1.8; opacity: 1;
	text-shadow: none;
}
#customer_header #lang_list .close:before {
	content: '';
	position: absolute;
	top: 47%;
	right: 8px;
	width: 10px;
	height: 1px;
	background-color: currentColor;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#customer_header #lang_list .close:after {
	content: '';
	position: absolute;
	top: 47%;
	right: 8px;
	width: 10px;
	height: 1px;
	background-color: currentColor;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}



/* G-nav
------------------------------------------------------ */
#customer_header .close_menu { display: none;}

#customer_header #gnav { clear: both; padding-top: 20px;}
#customer_header #gnav li {
 float: left;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
#customer_header #gnav li+li { padding-right: 32px;}
#customer_header #gnav #gn_07 { padding-right: 0;}
#customer_header #gnav a { display:block; padding: 5px 0; overflow: hidden; color: #674107; font-size: 19px;}

#customer_header #gn_home,
#customer_header #gn_lg_tit,
#customer_header .gn_lg { display: none;}
#customer_header #gnav a:hover { color: #f17101; text-decoration: none;}


/* Main img
------------------------------------------------------ */
#customer_header #main_img { width: 100%; padding: 120px 0; margin: 130px auto 0; background: url(../img/title_bg.jpg)no-repeat center; background-size: cover; text-align: center; box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.6);
	position: relative; z-index: 1;
}
#customer_header #main_img h2 { font-size: 47px; color: #fff;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; letter-spacing: 5px;
	text-shadow: 0 0 8px #000,0 0 10px #000,0 0 15px #000; line-height: 1.5;
}
#customer_header #main_img h2 span { display: block; font-size: 21px;}


/* Footer
------------------------------------------------------ */
#customer_footer #pagetop { display:block; padding: 0; background: #dab445;}
#customer_footer #pagetop a { display: block; width: 100%; height: 48px; text-indent: -9999px;}
#customer_footer #pagetop.arrow::after { left: calc(50% - 13px); top: 15px;
width: 25px;
height: 25px;
border-top: 2px solid #8c6e19;
border-left: 2px solid #8c6e19;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);}

#customer_footer #footer_wrap { background: url(../img/bg_y.gif);}
#customer_footer #footer { padding: 30px 0 0;}
#customer_footer #f_logo { text-align: center; font-size: 14px;}
#customer_footer #f_logo address { padding-top: 10px; color: #000; line-height: 1.8;}

#customer_footer #f_reserve { padding: 35px 0; margin: 30px 0; background: url(../img/f_bg_w.gif);}
#customer_footer #f_reserve .inner { width: 1100px; max-width: 92%; margin: 0 auto;}
#customer_footer #f_reserve p { float: left; padding-right: 2%; border-right: 1px solid #cac1a2;}
#customer_footer #f_reserve ul { float: left;}
#customer_footer #f_reserve .btn_col { padding: 0 2%; }
#customer_footer #f_reserve .btn_col li { float: left;}
#customer_footer #f_reserve .btn_col li+li { margin-left: 5px;}
#customer_footer #f_reserve .btn_col li:nth-child(1) { margin-right: 10px; background: url(../img/f_mail_pc.gif)no-repeat center top 5px;}
#customer_footer #f_reserve .btn_col li:nth-child(1) a { display: block; padding-top: 38px; font-size: 14px;}
#customer_footer #f_reserve .link_col { width: 20%; font-size: 14px;}
#customer_footer #f_reserve .link_col li { display: inline-block; padding-top: 5px;}
#customer_footer #f_reserve .link_col li:nth-child(3) { margin-left: 4%;}
#customer_footer #f_reserve .link_col li:after { content: ""; padding-right: 17px; background: url(../img/f_arrow.gif)no-repeat right center;}

#customer_footer #f_nav { width: 1100px; max-width: 92%; margin: 0 auto;}
#customer_footer #f_nav .acc_tit { display: none;}
#customer_footer #f_nav ul { float: left; padding-right: 4%; box-sizing: border-box; font-size: 15px; border-right: 1px solid #d1b556;}
#customer_footer #f_nav ul+ul { padding-left: 4.5%;}
#customer_footer #f_nav ul:nth-of-type(4) { border-right: none;}
#customer_footer #f_nav ul.sp { display: none;}
#customer_footer #f_nav ul li { position: relative; padding: 0 0 0 16px;}
#customer_footer #f_nav ul li+li { margin-top: 7px;}
#customer_footer #f_nav ul li::before { left: 4px; box-sizing: border-box; width: 4px; height: 4px; border: 4px solid transparent; border-left: 4px solid #a58849;}

#customer_footer #f_nav+p { width: 1100px; max-width: 92%; margin: 0 auto; padding: 40px 0 25px; font-size: 14px;}

#customer_footer #copyright { padding: 5px 4%; background: #5f432b; text-align: center; color: #fff; font-size: 13px;}

@media screen and (max-width: 1200px) {
	#customer_footer #f_reserve p { max-width: 23%; padding-top: 10px;}
	#customer_footer #f_nav ul { padding-right: 3%;}
	#customer_footer #f_nav ul+ul { padding-left: 3%;}
}
@media screen and (max-width: 1133px) {
	#customer_footer #f_nav+p br { display: none;}
}


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

#customer_header #header:after,
#customer_header #h_nav_col:after,
#customer_header #h_nav:after,
#customer_header #nav_wrap:after,
#customer_header #gnav ul:after,
#customer_footer #f_nav div:after,
#customer_footer #f_reserve .inner:after,
#customer_footer #f_reserve .btn_col:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}


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



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