@charset "utf-8";
#header{position:fixed;top:0;display:block;background:rgba(0,0,0,0.9);width:100%;height:60px;margin:0;padding:0;-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s;box-shadow:0 3px 3px rgba(30,30,30,0.1);z-index:5}
#logo{display:block;font-size:18px;font-size:1.8rem;margin:0;padding:5px 0 0 10px;text-align:left;z-index:1}
#logo img{margin:0;padding:0;vertical-align:middle;text-align:center}
#logo a{color:#dcc592}
ul#header_sp_content{position:absolute;right:70px;top:10px;font-size:13px;font-size:1.3rem;font-weight:300;text-align:right}
ul#header_sp_content li#hfc,ul#header_sp_content li#hfc a{color:#b1a08e}
ul#header_sp_content li .s_hf{font-size:8px;font-size:.8rem;font-weight:500}
#header_pc_content{display:none}
#footer{padding-top:30px;padding-bottom:30px;background:#111}
.footer_block{padding-left:0;padding-right:0}
.footer_block:nth-child(n+3){display:none}
#footer_logo{text-align:center;margin-top:10px;margin-bottom:10px;padding-bottom:0}
#footer_logo img{width:100%;max-width:150px;height:auto}
p.footer_title{font-size:18px;font-size:1.8rem;font-weight:400;text-align:center;letter-spacing:1px;color:#FFF;line-height:60px;height:60px;margin-top:0;margin-bottom:0;padding-left:15px;padding-right:15px}
ul.footer_list{margin-bottom:15px;padding-left:0;padding-right:0}
ul.footer_list li{font-size:13px;font-size:1.3rem;font-weight:400;text-align:center;letter-spacing:1px;color:#ddd;line-height:35px;height:35px;padding-left:15px;padding-right:15px}
ul.footer_list li a{display:block;color:#ddd}
ul.footer_list li a:hover{text-decoration:underline}
#copyright{font-size:12px;font-size:1.2rem;font-weight:400;text-align:center;color:#FFF;margin-top:15px;margin-bottom:65px}
#bottom_menu{position:fixed;bottom:0;left:0;right:0;background:#1e1e1e;height:60px;padding-left:10px;padding-right:10px;z-index:2}
#menu_navigation{display:flex;width:100%;list-style:none;padding:0}
#menu_navigation li{width:16.666%;text-align:center;border-right:1px solid #343434;overflow:hidden}
#menu_navigation li:first-child{border-left:1px solid #343434}
#menu_navigation img{width:22px;height:22px;margin-top:8px;margin-bottom:5px}
#menu_navigation li a{display:block;font-size:10px;font-size:1.0rem;color:#FFF;height:60px;-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}
#menu_navigation li a:hover{background:#343434;text-decoration:none}
@media only screen and (min-width: 768px) {
#bottom_menu{display:none}
#copyright{font-size:12px;font-size:1.2rem;font-weight:400;text-align:center;color:#FFF;margin-top:15px;margin-bottom:15px}
}
@media only screen and (max-width: 1199px) {
#logo img{width:160px;height:auto}
#btn_block{position:fixed;top:0;right:0;background:#b00916;width:60px;height:60px;z-index:10}
#btn_block.active{background:transparent}
#btn_menu{position:absolute;right:15px;top:20px;width:28px;height:18px;z-index:10}
#btn_menu span{background:#FFF;display:block;height:1px;position:absolute;transition:transform .3s;width:100%}
#btn_menu span:nth-of-type(2){top:8px;width:60%}
#btn_menu span:nth-of-type(3){bottom:0;width:100%}
#btn_menu span.active:nth-of-type(1){top:8px;transform:rotate(45deg);background:#fff!important}
#btn_menu span.active:nth-of-type(2){transform:scaleX(0)}
#btn_menu span.active:nth-of-type(3){background:#fff!important;bottom:8px;transform:rotate(135deg)}
#category{display:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.93);overflow-y:scroll;z-index:10}
#category_block{overflow:hidden}
ul#category_navi{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;padding:60px 0 30px 0}
ul#category_navi li#menu_logo{width:100%!important;text-align:center;margin-bottom:60px}
ul#category_navi li#menu_logo img{width:160px;height:auto}
ul#category_navi li.navigation{position:relative;width:48%}
ul#category_navi li.navigation:before{content:'';width:6px;height:6px;border:0;border-top:solid 1px #FFF;border-right:solid 1px #FFF;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:45%;right:15px;margin-top:-4px}
ul#category_navi li.navigation:nth-child(2n+2){margin-right:4%}
ul#category_navi li:last-child{margin-bottom:0}
ul#category_navi li.navigation a{display:block;font-size:12px;font-size:1.2em;font-weight:300;text-align:center;text-decoration:none;letter-spacing:1px;color:#FFF;background:#202428;margin-bottom:10px;height:60px;line-height:60px;transition:.2s}
ul#category_navi li a:hover{background:#272c31;color:#FFF}
ul#navi_link{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;margin:0 0 30px;padding:0}
ul#navi_link li{text-align:center;width:48%;margin-right:4%}
ul#navi_link li:last-child{margin-right:0}
ul#navi_link li a,ul#navi_link li a:hover{color:#FFF}
#menu_contact,#menu_reservation,#menu_card{position:relative;display:block;background:#9b8b7b;color:#FFF;padding-top:28px;padding-bottom:8px}
#menu_contact:before{display:block;position:absolute;top:10px;right:0;left:0;background:url(../images/svg/navi/contact.svg) no-repeat center top / 15px 15px;width:15px;height:15px;margin:0 auto;content:""}
#menu_reservation:before{display:block;position:absolute;top:10px;right:0;left:0;background:url(../images/svg/navi/reservation.svg) no-repeat center top / 15px 15px;width:15px;height:15px;margin:0 auto;content:""}
#menu_card:before{display:block;position:absolute;top:10px;right:0;left:0;background:url(../images/svg/navi/card.svg) no-repeat center top / 15px 15px;width:15px;height:15px;margin:0 auto;content:""}
#menu_contact:hover,#menu_reservation:hover,#menu_card:hover{background:#b09e8c}
#info_box{margin-bottom:60px}
#info_box p{font-size:15px;font-size:1.5em;font-weight:300;color:#FFF;text-align:center}
#info_box p a{color:#FFF}
.fixed{position:fixed;width:100%;height:100%;z-index:1}
}
@media only screen and (min-width: 1200px) {
#header{height:auto;background:transparent;margin:40px 0 0;box-shadow:none}
#header.is_work{height:60px;background:rgba(0,0,0,0.9);margin:0;box-shadow:0 3px 3px rgba(30,30,30,0.1)}
#header,#header.is_work{display:block;width:100%;padding:0;-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s;z-index:10}
#header #logo{display:block;font-size:18px;font-size:1.8rem;margin:0;padding:17px 0 0 10px;text-align:left;-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}
#header #logo img{vertical-align:middle;text-align:left;max-width:100%;width:170px;height:auto;margin:0;padding:0}
#header #logo a{color:#FFF}
#header.is_work #logo{display:block;font-size:18px;font-size:1.8rem;margin:0;padding:6px 0 0 10px;text-align:left;-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s;z-index:10}
#btn_menu,#menu_logo,#navi_link,#info_box{display:none}
#category{display:block!important}
#category_navi{border-top:none;margin-top:10px;padding-left:0;transition:all .3s;float:right}
.is_work #category_navi{border-top:none;margin-top:0;padding-left:0;transition:all .3s}
ul#category_navi{display:flex;justify-content:flex-end;align-items:center;list-style:none}
ul#category_navi li a{padding:10px 8px 0}
#header.is_work ul#category_navi li a{padding:22px 8px 0}
ul#category_navi li a,#header.is_work ul#category_navi li a{display:block;font-family:"Helvetica Neue",Helvetica,Arial,Verdana,Roboto,"游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-size:13px;font-size:1.3rem;font-weight:400;color:#FFF;letter-spacing:1px;line-height:normal;border-bottom:0 none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:0;margin-bottom:0}
ul#category_navi li a:hover,ul#category_navi li a.active,#header.is_work ul#category_navi li.active{color:#AAA!important;text-decoration:none}
ul#category_navi li a:after{content:'';width:0;transition:all .3s ease;border-bottom:1px solid #AAA;display:block}
ul#category_navi li a:hover:after{width:100%;border-bottom:1px solid #AAA}
ul#header_sp_content{display:none}
#header_pc_content{display:block;width:100%}
.is_work #header_pc_content{display:none}
ul#header_pc_content{display:flex;justify-content:flex-end;align-items:center;list-style:none}
.pc_header_tel{font-family:Times New Roman,Times,serif;font-size:20px;font-size:2rem;font-weight:400;letter-spacing:1px;color:#FFF;text-align:right;margin-right:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.pc_header_tel a{position:relative;display:inline-block;transition:.3s;color:#FFF}
.pc_header_tel a:after{position:absolute;bottom:13px;left:0;content:'';width:0;height:1px;background:#FFF;transition:.3s}
.pc_header_tel a:hover:after{width:100%}
.pc_header_contact{display:block;width:100px}
.hc_btn{position:relative;font-size:10px;font-size:1rem;display:inline-block;width:100%;text-align:center;text-decoration:none;height:26px;line-height:26px;outline:0;z-index:2;border:1px solid #FFF;color:#FFF}
.hc_btn:after,.hc_btn:before{display:block;position:absolute;z-index:-1;content:''}
.hc_btn,.hc_btn:after,.hc_btn:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s;transition:all .3s}
.hc_btn:hover{background:#FFF;border:1px solid #FFF;color:#333}
.hc_btn:after,.hc_btn:before{top:0;width:50%;height:100%}
.hc_btn:before{right:0}
.hc_btn:after{left:0}
.hc_btn:hover:after,.hc_btn:hover:before{width:0;background:#FFF}
#footer{position:relative;padding-top:30px;padding-bottom:30px;background:#111}
.footer_box:nth-child(n+3){display:block}
#footer_logo{display:block;text-align:left;margin-top:0;margin-bottom:10px}
#footer_logo img{width:100%;max-width:140px;height:auto}
.footer_block{display:block;margin-bottom:0;margin-top:0}
.footer_block:nth-child(n+3){display:block}
p.footer_title{font-size:14px;font-size:1.4rem;font-weight:300;text-align:left;color:#FFF;line-height:24px;height:24px;margin-top:5px;margin-bottom:0}
ul.footer_list{margin-bottom:20px;padding-left:0;padding-right:0}
ul.footer_list li{font-size:13px;font-size:1.3rem;font-weight:300;text-align:left;color:#f4f4f4;line-height:30px;height:30px;padding-left:15px;padding-right:15px}
ul.footer_list > li > a:before{content:" - ";font-size:10px;font-size:1rem;font-weight:400;color:#f4f4f4}
#copyright{font-size:14px;font-size:1.4rem;font-weight:300;text-align:center;color:#FFF;margin-top:15px!important;margin-bottom:0!important}
}