@charset "UTF-8";

/* CSS Document */


/* --------------------------------------------------
	Reset
-------------------------------------------------- */

body { background:url(../img/bg.jpg) #f4f3f1 !important;}

#customer_header,
#customer_footer {
	margin: 0;
	text-align: center;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	line-height: 1.7;
	/* -moz-osx-font-smoothing: grayscale; */
	/* -webkit-font-smoothing: antialiased; */
}

#customer_header { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝","Sawarabi Mincho", serif;}
#customer_footer { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック", sans-serif;}

#customer_header,
#customer_footer,
#customer_header div,
#customer_footer div,
#customer_header span,
#customer_footer span,
#customer_header p,
#customer_footer p,
#customer_header em,
#customer_footer em,
#customer_header img,
#customer_footer img,
#customer_header small,
#customer_footer small,
#customer_header strong,
#customer_footer strong,
#customer_header b,
#customer_footer b,
#customer_header dl,
#customer_footer dl,
#customer_header dt,
#customer_footer dt,
#customer_header dd,
#customer_footer dd,
#customer_header ol,
#customer_footer ol,
#customer_header ul,
#customer_footer ul,
#customer_header li,
#customer_footer li,
#customer_header h1,
#customer_header h2,
#customer_header header,
#customer_header nav,
#customer_footer address,
#customer_footer footer {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}



#customer_header b,
#customer_footer b,
#customer_header strong,
#customer_footer strong,
#customer_header h1,
#customer_header h2 {
	font-weight: normal;
}

#customer_header header,
#customer_header nav,
#customer_footer footer {
	display: block;
}

#customer_header ul,
#customer_footer ul {
	list-style: none;
}

#customer_header li,
#customer_footer li,
#customer_header div,
#customer_footer div,
#customer_header p,
#customer_footer p,
#customer_header span,
#customer_footer span {
	word-wrap: break-word;
}

#customer_header img,
#customer_footer img {
	max-width: 100%;
	height: auto width: auto\9;
	/* ie8 */
	border: 0;
	vertical-align: bottom;
}

#customer_header a,
#customer_footer a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color: #000;
	text-decoration: none;
}

#customer_header a:hover,
#customer_footer a:hover {
 text-decoration: underline;
}

#customer_footer address {
	font-style: normal;
	font-size: 16px;
}


/* --------------------------------------------------
	Layout
-------------------------------------------------- */

#customer_header .reservation .btn,
#customer_footer .reservation .btn {
        background-image: -moz-linear-gradient( 0deg, rgb(219,100,89) 20%, rgb(233,123,113) 47%, rgb(238,155,146) 74%, rgb(228,110,93) 100%);
        background-image: -webkit-linear-gradient( 0deg, rgb(219,100,89) 20%, rgb(233,123,113) 47%, rgb(238,155,146) 74%, rgb(228,110,93) 100%);
        background-image: -ms-linear-gradient( 0deg, rgb(219,100,89) 20%, rgb(233,123,113) 47%, rgb(238,155,146) 74%, rgb(228,110,93) 100%);
        box-sizing: border-box;
        color:#fff;
        display: block;
        font-size:1.1em;
        height: 100%;
        padding:20px 0; line-height: 1; letter-spacing: 1px;
        z-index: 100;
        text-decoration: none; width: 245px; }
.reservation .btn:hover{opacity: 0.8;}


#customer_header #header { position: relative; height: 60px; width:100%; min-width: 1100px;}
#customer_header #header h1 { color:#abb267; font-size:13px; left:240px; top:0; position:fixed; z-index: 1009; line-height: 1.7;}
#customer_header #header #logo { background:url(../img/bg.jpg) #f4f3f1; display: block; padding:40px 0 0; height:165px; width:235px;
        box-sizing: border-box;
        box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
        transition: all 0.7s; position: fixed; z-index: 1010; }
#customer_header header #logo::after {
        content:""; display: block; height:105px; width:130px;
        background:url(../img/logo_bg.png) no-repeat; background-size:125px auto;
        left:235px; top:35px; position:absolute; transition: all 0.7s; z-index: 1010; }
#customer_header #header #logo img { width:188px;transition: all 0.7s; }
#customer_header #header #logo.mini{ height:100px; padding:20px 0 0; width:180px; }
#customer_header #header #logo.mini img { width:135px; }
#customer_header #header #logo.mini::after { height:60px; width:80px; background-size:80px auto; left:180px; top:18px; }

#customer_header #h_nav { background:url(../img/bg.jpg) #f4f3f1; position: fixed; height:60px; width:100%; z-index: 999;
        box-shadow: 0px 3px 2px -2px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 3px 2px -2px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 3px 2px -2px rgba(0,0,0,0.2); }
#customer_header #h_nav>ul { right:0; height:60px; display:inline-flex; position: absolute; width:600px;}
#customer_header #h_nav .reservation { height:100%; position: absolute; right:80px; top: 0;}
#customer_header #h_nav .reservation img { display: none;}
#customer_header #h_nav .reservation .btn { cursor: pointer; border-radius: 0; line-height: 0.9; font-size: 17.6px;}
#customer_header #h_nav .tel-link img { margin:18px 15px 0 ; width:175px;}
#customer_header #h_nav .acc { display: none;}
#customer_header #h_nav .close_menu { position: absolute; top: 0; left: 0; z-index: -2;}
#customer_header #gnav { position: relative;}
#customer_header #gnav:target > a:nth-of-type(1) { position: relative; z-index: -1;}
#customer_header #gnav:target .close_menu { z-index: 1;}

#customer_header .menu-trigger { background:#000; position: relative; width: 80px; height: 100%; margin: 0 1px; z-index: 9999; }
#customer_header .menu-trigger,
#customer_header .menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box;}
#customer_header .menu-trigger span { position: absolute; left: 0; width: 50%; height: 3px; margin:0 25%;background-color: #f4f3f1; }
#customer_header .menu-trigger span:nth-of-type(1) { top: 15px; }
#customer_header .menu-trigger span:nth-of-type(2) { top: 25px; }
#customer_header .menu-trigger span:nth-of-type(3) { top: 35px; }
#customer_header .menu-trigger span:nth-of-type(4) { bottom: 14px; background: none; color: #000; font-size: 0;}
#customer_header .menu-trigger span:nth-of-type(4):before { content: "MENU"; font-size: 11px; color:#f4f3f1; }
#customer_header #h_nav .close_menu span:nth-child(1) { top: 25px; -webkit-transform: rotate(210deg); -moz-transform: rotate(210deg); transform: rotate(210deg); }
#customer_header #h_nav .close_menu span:nth-child(2) { width: 0; left: 50%; }
#customer_header #h_nav .close_menu span:nth-child(3) { top: 25px; -webkit-transform: rotate(-210deg); -moz-transform: rotate(-210deg); transform: rotate(-210deg) ; }
#customer_header #h_nav .close_menu span:nth-of-type(4):before { content: "CLOSE"; font-size: 11px;color:#f4f3f1; }

#customer_header .close_menu span:nth-of-type(4):before { content: "CLOSE"; font-size: 11px; color:#f4f3f1;}


#customer_header #h_nav .lang_nav { position: absolute; right:0; width:80px; }
#customer_header #h_nav .lang_nav p { font-size:20px; text-transform:uppercase; line-height: 1; padding:20px 16px; }
#customer_header #h_nav .lang_nav p::after { content:"▼";font-size:12px; }
#customer_header #h_nav .lang_nav p:hover {transition: all 0.7s; cursor: pointer;}
#customer_header #h_nav .lang_nav ul { background: url(../img/bg.jpg); border-right:1px solid #ccc; border-left:1px solid #ccc; display: none; position:absolute; top:60px ; right:0; width:200px; z-index: 1002;}
#customer_header #h_nav .lang_nav li {}
#customer_header #h_nav .lang_nav li a { border-bottom:1px solid #ccc; color:#000; display: block; padding:15px; text-decoration: none; }
#customer_header #h_nav .lang_nav li a:hover { background:rgba(0,0,0,0.08); transition: all 0.7s; }
#customer_header #h_nav .lang_nav.active ul{ display: flex; flex-direction: column; }
#customer_header #h_nav .lang_nav:hover ul { display: block;}


/* ---------------------------------------------------
	G-nav
------------------------------------------------------ */
/* #customer_header .close_menu { display: none;} */
#customer_header #gnav_menu { background: url(../img/nav_bg.jpg); background-size:auto; box-sizing: border-box; overflow: auto;
        padding: 0 30px 0 15px; width: 405px; visibility: hidden; position: fixed; top: 60px; right: 0; z-index: 1001;
        transition: all 0.7s; transform: translate(400px); }
#customer_header #gnav_menu ul { margin-bottom:20px; text-align: left;}
#customer_header #gnav_menu li:not(.s_menu){ border-bottom:1px solid #ddd; position: relative;}
#customer_header #gnav_menu li a { font-size:1.1em; font-weight: bold; padding:20px; text-decoration: none; display: block; width:100%; box-sizing: border-box;}
#customer_header #gnav_menu li:not(.s_menu):hover { background:rgba(0,0,0,0.05);}
#customer_header #gnav_menu li:not(.s_menu) a::before { content: ""; display: block; background:url(../img/list.png)no-repeat; background-size:5px auto;
        height:13px; width:5px; position: absolute; top: 27px; left: 0; }
#customer_header #gnav_menu li.s_menu { text-align: center;box-sizing: border-box; }
#customer_header #gnav:target #gnav_menu { pointer-events: auto; opacity: 1; padding: 0 3%; height:calc(100% - 60px); overflow: auto; position: fixed; top: 60px; right: 0;  transform: translate(0); opacity: 1; visibility: visible; width: 405px; z-index: 1001;  box-shadow: 0px 0px 6px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.2); font-size: 16px;}


#customer_header #gn_07,
#customer_header #gn_08,
#customer_header #gn_08{ float: left;width: calc(100%/3);}
#customer_header #gn_07 img,
#customer_header #gn_08 img,
#customer_header #gn_11 img{ width:55px;}
#customer_header #gn_09 { border:1px solid #ccc; clear:both; display: block; margin-bottom:20px; width:100%;}
#customer_header #gnav_menu li#gn_09 a { font-size:0.8em; }
#customer_header #gn_09:hover { background:rgba(0,0,0,0.05);}
#customer_header #gnav_menu li.s_menu#gn_10 { padding-bottom:0;}
#customer_header #gnav_menu ul+p .tel-link img { margin:10px 0 ; width:60%; }
#customer_header #gnav_menu li.s_menu ul,
#customer_header #gn_10{ display: none;}

#customer_header #gnav.open { padding: 0 3%; height:calc(100% - 60px); overflow: auto; position: fixed; top: 60px; right: 0;
         transform: translate(0); opacity: 1; visibility: visible; width: 405px; z-index: 1001;
         box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.2); }
#customer_header #gnav_inner { padding:50px 0 ; position: relative;}
#customer_header #gnav_inner::before{
        background: #000; color: #f4f3f1; content: "MENU"; display: block; font-size: 12px;
        margin-bottom:15px; letter-spacing: 0.5em; padding:6px 0; width:100%; }

#customer_header #main_img { /* padding:0 40px; */ position: relative; overflow: hidden; height:600px; margin: 0 auto; max-width:1600px; min-width:1100px; z-index: 1; }
#customer_header #main_img img { display: none; }
#customer_header #main_img h2 { color:#000; font-size:50px; position: absolute; top:200px; z-index: 20; text-align: center; width:100%; text-shadow: #fff 1px 1px 10px, #fff -1px 1px 6px, #fff 1px -1px 10px, #fff -1px -1px 6px; line-height: 1.7;}
#customer_header #main_img h2 span { text-transform:uppercase; font-size:14px; display: block; margin-top:20px; letter-spacing: 6px;}
#customer_header #main_img h2 span::before,
#customer_header #main_img h2 span::after { content:"-";}
#customer_header #main_img { background:url(../img/tit.jpg) no-repeat center bottom; /* background-size: -webkit-calc(100% - 80px) auto ; background-size: calc(100% - 80px) auto ; */ }
#customer_header #main_img #breadcrumb { margin: 5px 2% 25px 0; width: 98%; font-size: 12px; text-align: right;}
#customer_header #main_img #breadcrumb li { display: inline-block; line-height: 1.6;text-shadow: #fff 1px 1px 3px, #fff -1px 1px 3px, #fff 1px -1px 3px, #fff -1px -1px 3px;}
#customer_header #main_img #breadcrumb li:before { content: '>'; margin: 0 5px;}
#breadcrumb li:first-child:before { display: none;}

#webc_con .webc_pagetop{display: none;}

#customer_footer #pagetop { display:block; position: fixed; bottom: 10px; right: 10px; z-index: 9999;}
#customer_footer #pagetop a { display: block; width: 58px; height: 58px;}

#customer_footer #footer { border-top:3px solid #000; width:100%; min-width: 1100px;}
#customer_footer #footer div.inner:nth-of-type(1) { background: url(../img/nav_bg.jpg); border-bottom:1px dotted #ccc; padding: 50px 0;}
#customer_footer #footer div.inner:nth-of-type(2) { margin:0 auto; padding: 50px 0; width:1100px; }
#customer_footer #f_logo { margin:0 auto; font-style: normal; width: 420px;}
#customer_footer .ccpt { font-size:26px; letter-spacing: 1px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝","Sawarabi Mincho", serif;}/*トップページテキスト共有スタイル*/
#customer_footer .ccpt span:nth-of-type(1){ color:#d6533d; }
#customer_footer .ccpt span:nth-of-type(2){ color:#409c72; }
#customer_footer .ccpt span:nth-of-type(3){ color:#c6820d; }
#customer_footer #f_logo p a { }
#customer_footer #f_logo p a img {display: block; margin: 65px auto 25px; width:180px;}
#customer_footer #f_logo address>span { display:block; }
#customer_footer #f_logo address>span span{ display: inline-block; padding:3px 10px;}
#customer_footer #f_logo address>span .tel-link { }
#customer_footer #f_logo address+a img { margin: 30px 10px 0 0; width:45px;}
#customer_footer #f_logo > a img{ margin: 30px auto 0; width: 45px;}
#customer_footer #f_nav { float:left; width:60%; }
#customer_footer #f_nav .acc_tit { display: none; }
#customer_footer #f_nav div { display: flex; flex-wrap: wrap; padding: 15px 0 0; }
#customer_footer #f_nav ul:nth-of-type(1) { width:38%; font-size: 16px;}
#customer_footer #f_nav ul:nth-of-type(2) {width:60%; font-size: 16px;}
#customer_footer #f_nav li { padding: 0 0 0 20px; margin: 0 10px 20px 0; position: relative; text-align: left; box-sizing: border-box;}
#customer_footer #f_nav li::before { content:"";  width: 0; height: 0; display: block; position: absolute; left:0 ; top:7px;
        border-left: 6px solid black;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;}
#customer_footer #reserve_col { float:right; padding: 15px 0 0; width:300px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝","Sawarabi Mincho", serif; font-size: 16px;}
#customer_footer #reserve_col p:nth-of-type(1) { float:right; width:55px;}
#customer_footer #reserve_col .tel-link img { width:200px; }
#customer_footer #reserve_col .tel-link { display: block; margin-bottom:10px;}
#customer_footer #reserve_col .reservation {clear:both;}
#customer_footer #reserve_col .reservation .btn { margin:20px auto; border-radius: 0;}
#customer_footer #copyright { clear: both; padding: 15px 5%; text-align: center; font-size: 16px;}