@charset "utf-8";/*=============================================
 * body
 *=============================================*/
body{color:#000;font-family:'Noto Sans JP';font-size:14px;line-height:28px;font-weight:400;letter-spacing:0.05em;background:#FFF;min-width:inherit;min-height:inherit;max-height:100%}
.fnt-mincho{font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif}
.fnt-meiryo{font-family:"メイリオ",Meiryo,"ヒラギノ角ゴシックPro","ＭＳ ゴシック","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif}
.fnt-gothic{font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif}
@font-face{font-family:'Noto Sans JP';src:url("../font/NotoSansJP-Light.ttf");font-weight:300}
@font-face{font-family:'Noto Sans JP';src:url("../font/NotoSansJP-Regular.ttf");font-weight:400}
@font-face{font-family:'Noto Sans JP';src:url("../font/NotoSansJP-Medium.ttf");font-weight:500}
@font-face{font-family:'Noto Sans JP';src:url("../font/NotoSansJP-Bold.ttf");font-weight:700}
@font-face{font-family:'Noto Serif JP';src:url("../font/NotoSerifJP-Regular.otf");font-weight:400}
@font-face{font-family:'Noto Serif JP';src:url("../font/NotoSerifJP-Medium.otf");font-weight:500}
@font-face{font-family:'Noto Serif JP';src:url("../font/NotoSerifJP-SemiBold.otf");font-weight:600}
.fnt-serfi{font-family:'Noto Serif JP';font-weight:500}
.block::after{clear:both;content:"";display:block}
.txt-center{text-align:center}
.txt_b{font-weight:bold}
a:hover{text-decoration:none}
/*=============================================
 * header
 *=============================================*/
.preloader-wrapper{position:fixed;z-index:100000;top:0;left:0;width:100%;height:100%;background:#FFF}
.percentage-wrapper{position:absolute;left:50%;transform:translate(-50%,-50%);top:50%;text-align:center;font-size:15px;font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif}
.loadbar-percent{width:0;height:2px;background:#000}
.preloader-wrapper .preloader-text{display:block}
.percentage-wrapper #percent{display:none;margin-bottom:20px}
.preloader-wrapper .line{display:none;background:#eaeaea}
img{width:100%;max-width:100%;height:auto}
header{position:relative;z-index:95}
header .logo{width:40%;margin-left:5%}
header h1{font-size:10px;font-weight:normal;z-index:10;width:96%;color:#e4e4e4;position:absolute;bottom:3%;left:2%;letter-spacing:0}
header .header_top{color:#fff;position:relative;z-index:11;background:url("../img/shared/head_bg.jpg") repeat center top;padding:8px 0}
.wrap{padding:0 4%}
/*====================== nav ====================== */
header .menu_toggle{padding:20px 10px 120px 20px;background:url("../img/shared/head_bg.jpg") repeat center top;color:#fff;transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s}
header .menu_toggle .logo_menu{max-width:160px;margin:0 auto 10px}
#menu_toggle li{transform:matrix(1,0,0,1,0,-20);transition:all ease 0.5s 0.3s;opacity:0;text-align:left}
#menu_toggle .sub_scroll_box li{margin:0 20px;border:none}
#menu_toggle .sub_scroll_box li a{padding:5px 0}
#menu_toggle .sub_scroll_box li:last-child{border-bottom:none}
.navOpen .menu_toggle.nav-style01{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);right:0}
.navOpen #menu_toggle{opacity:1;visibility:visible;pointer-events:visible}
.navOpen #menu_toggle li{opacity:1;transform:matrix(1,0,0,1,0,0)}
.navOpen.mn_tyle_a li{text-align:left!important}
.navOpen.mn_tyle_a .hamburger{opacity:0;visibility:hidden}
.navOpen.mn_tyle_a .hamburger.type_a{opacity:1;visibility:visible}
.navOpen .hamburger.type_a{opacity:0;visibility:hidden}
header .menu_toggle .nav-menu li a,header .menu_toggle .nav-menu li span{font-family:'Noto Serif JP';font-style:normal;font-weight:400;padding:15px 0 15px 15px;text-align:left;position:relative}
header .menu_toggle .nav-menu li a em,header .menu_toggle .nav-menu li span em{font-family:'Noto Sans JP',sans-serif;text-align:left;position:relative;font-style:normal;font-size:12px;margin-left:5px;color:#8c8c8b}
header .menu_toggle .nav-menu a.active::before{border-left:8px solid #9c0000}
header .menu_toggle li a.btn_recruit::before{display:none}
header .menu_toggle .nav-menu li a::before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);border-bottom:3px solid transparent;border-top:3px solid transparent;border-left:8px solid #8c8c8b;border-right:3px solid transparent}
header .menu_toggle .toggle .toggle-link:after{content:"";position:absolute;top:50%;left:0;border-bottom:3px solid transparent;border-top:3px solid transparent;border-left:8px solid #8c8c8b;border-right:3px solid transparent;bottom:auto;margin-top:-3px;transform:none}
header .menu_toggle .toggle.active .toggle-link:after{border-bottom:3px solid transparent;border-left:3px solid transparent;border-top:8px solid #9c0000;border-right:3px solid transparent}
header .menu_toggle li.active::before{display:none}
header .menu_toggle.nav-style01{top:0;right:-100%;display:block;transition:all 0.5s ease 0s}
header .menu_toggle .nav-menu li a.btn_recruit{display:inline-block;background:url(../img/shared/icon_person.png)no-repeat left 15px center,url(../img/shared/btn_recruit.png)repeat center top;padding:10px 20px 10px 40px}
header .menu_toggle .nav-sns li a{color:#FFF;text-decoration:none;transition:all 0.4s ease;display:block;font-family:'Noto Serif JP';font-style:normal;font-weight:400;display:inline-block}
header .menu_toggle .nav-sns li a.active{color:#9c0000}
header .menu_toggle .nav-sns li a+a{margin-left:40px}
header .menu_toggle .nav-sns{margin-top:10px}
header .menu_toggle .nav-sns li a.icon_cart{padding-left:40px;background:url("../img/shared/icon_shop.png") no-repeat center left}
header .menu_toggle .nav-sns li a.icon_mail{padding-left:40px;background:url("../img/shared/icon_mail.png") no-repeat center left}
header .menu_toggle .nav-sns li a.icon_new{padding-left:40px;background:url("../img/shared/icon_news.png") no-repeat center left}
.navOpen .menu_toggle.nav-style01{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);right:0}
.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:25px;height:2px;background-color:#000}
.hamburger-inner::before{top:-8px;display:none}
.hamburger-inner{margin-top:-5px}
.hamburger-inner::after{bottom:-8px}
.hamburger-box{width:25px;display:block}
.hamburger{background-color:#fff;position:fixed;top:25px;z-index:100;right:15px;border:1px solid #000;padding:5px 6px 4px 55px;color:#000}
.hamburger.is-active{background:none;border:none}
.is-active .hamburger-inner,.is-active .hamburger-inner::before,.is-active .hamburger-inner::after{background-color:#fff}
.hamburger:after{font-size:14px;content:'MENU';position:absolute;top:3px;left:0;right:33px;text-align:center}
.type_a{padding:11px 10px 3px;right:auto;left:15px}
.type_a:after{display:none}
.navOpen .hamburger:after{content:''}
/*====================== end nav ====================== */

/*====================== header key ====================== */
header #key{position:relative;overflow:hidden}
/*====================== end nav ====================== */
section{overflow:hidden}
/*=============================================*/

/*                   　footer　　　　　          */

/*=============================================*/
footer{color:#fff;position:relative;z-index:90;background:url("../img/shared/head_bg.jpg") repeat center top;padding:6vw 0 20vw;font-size:12px;text-align:center}
footer .shopinfo{padding:10% 3%;position:relative}
footer .vcard{padding:0 1%;margin-bottom:3%}
footer .vcard dd{}
#f_logo{margin:0 auto 15px;width:145px}
footer .f_tel{text-align:center;padding:20px 0}
footer .f_tel dt{font-size:16px;padding-bottom:15px}
footer .f_tel dt a{font-size:18px;font-weight:bold}
footer .f_tel dt a:before{font-size:22px}
footer address{margin:5px 0}
.cookies_link a{text-decoration:underline}
/*====================== ft_fixed ====================== */
#ft_fixed{position:fixed;width:16%;bottom:0;right:5px;top:65px;font-size:12px;z-index:999}
.navOpen #ft_fixed{z-index:0}
.has_nav #ft_fixed{opacity:1;visibility:visible}
.ft_fixed_shared{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-flow:row;text-align:center;width:100%;border-top:1px solid #fff;z-index:100}
.ft_fixed_shared li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:33.33%;color:#fff;background-color:#000;border-right:1px solid #fff}
.ft_fixed_shared li:last-child{border-right:0}
.ft_fixed_shared li a{display:block;padding:8px 10px 8px 0;font-size:12px;position:relative}
.ft_fixed_shared li a:before{font-size:12px}
.ft_fixed_shared li a:after{font-size:12px;position:absolute;right:10px;top:50%;transform:translateY(-50%);content:'\f105';font-family:"fontello";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit}
.ft_fixed_shared.ft_a li{width:100%}
.ft_fixed_shared.ft_b li{width:50%}
.ft_fixed_shared.ft_c li{width:calc((100% - 50px)/3)}
.ft_fixed_shared #pagetop{position:relative;top:auto;bottom:auto;width:50px}
.ft_fixed_shared #pagetop:before{font-size:20px;position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%,-50%)}
.ft_d a,.ft_c a,.ft_b a,.ft_a a{padding:3px 10px 3px 0!important}
.ft_a a:after,.ft_b a:after,.ft_c a:after,.ft_d a:after{right:8px!important}
.ft_fixed_shared.ft_c li:nth-child(2){min-width:110px}
.ft_fixed_shared.ft_e li{border:none;width:calc(100% - 174px)}
.ft_fixed_shared.ft_e li a{padding:8px 23px 8px 0}
.ft_fixed_shared.ft_e .btn_reserve{padding:8px 10px;width:130px}
.ft_fixed_shared.ft_e .btn_reserve a{background-color:#fff;color:#000;padding:0 15px 0 0;border-radius:2px}
.ft_fixed_shared.ft_e li.icon-up-dir{position:relative;top:auto;bottom:auto;width:44px;border-left:1px solid #fff}
.ft_fixed_shared.ft_e li.icon-up-dir:before{font-size:20px;position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%,-50%)}
#pagetop{bottom:75px;z-index:1000;width:45px}
.mb0{margin-bottom:0}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
/*=============================================*/

/*                   　index　　　　　          */

/*=============================================*/
.bg_parallax{position:relative;padding-top:45vh}
.img_parallax{clip:rect(0,auto,auto,0);margin-bottom:0;height:100%;position:absolute;top:0;left:0;right:0;z-index:1}
.img_parallax img{width:100%;height:100vh;position:fixed;top:0;left:0;padding:0;margin:0;object-fit:cover;z-index:0;transform:translateZ(0)}
.toggle .toggle-link{padding-bottom:5vw}
.toggle .toggle-link:after{font-size:0;right:auto;transform:translateX(-50%);color:#000;border-left:10px solid transparent;border-right:10px solid transparent;border-top:13px solid #fff;content:"";top:auto;bottom:1vw;left:50%;text-align:center;margin-left:0}
.toggle.active .toggle-link:after{content:'';border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:13px solid #fff;border-top:none}
.slick-arrow{font-size:0;color:#fff;line-height:26px;outline:0 none;position:absolute;text-indent:-9999px;top:50%;width:28px;transform:translateY(-50%);background-color:transparent;z-index:80;border:none}
.slick-prev{left:-6%}
.slick-next{right:-6%}
.slick-prev:before{content:"\f104";right:0;position:absolute;text-indent:0;top:0;font-size:38px;font-family:"fontello";color:#bc0101}
.slick-next:before{content:"\f105";left:0;position:absolute;text-indent:0;top:0;font-size:38px;font-family:"fontello";color:#bc0101}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 2px;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:10px;height:10px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:#444444}
.slick-dots{text-align:center}
.slick-dots li.slick-active button{background:#bc0101}
dl:after{content:"."!important;clear:both!important;display:block!important;height:0!important;visibility:hidden!important}
/* -- -- */
.bl-nav{display:flex;flex-wrap:wrap;padding:13vw 4% 0}
.bl-nav li{width:50%;text-align:center;border-top:1px solid #fff;box-sizing:border-box}
.bl-nav li:nth-child(even){border-left:1px solid #fff}
.bl-nav li:last-child{width:100%}
.bl-nav li a,.bl-nav li span{display:block;background-color:#000;color:#fff;font-family:'Noto Serif JP';font-style:normal;font-weight:400;line-height:20px;padding:10px;text-align:center;position:relative}
.bl-nav li a small,.bl-nav li span small{display:block;font-family:'Noto Sans JP',sans-serif;position:relative;font-style:normal;font-size:12px;padding-left:16px}
.bl-nav li a small:after,.bl-nav li span small:after{content:"";display:inline-block;vertical-align:middle;border-bottom:3px solid transparent;border-top:3px solid transparent;border-left:8px solid #8c8c8b;border-right:3px solid transparent;margin-left:5px}
.bl-nav li.active>a small:after{border-left:8px solid #9c0000}
.bl-nav li.toggle{}
.bl-nav li.toggle .toggle-link{padding-bottom:10px}
.bl-nav li.toggle .toggle-link small:after{display:none}
.bl-nav li.toggle .toggle-link:after{content:"\e811";width:25px;height:25px;border:2px solid #fff;color:#fff;font-size:15px;line-height:24px;border-radius:50%;text-align:center;top:50%;right:15px;bottom:auto;left:auto;transform:translate(0,-50%);margin-top:0}
.bl-nav li.toggle .toggle-main{padding:0}
.bl-nav li.toggle .toggle-main p{border-top:1px solid #fff}
.bl-nav li.toggle.active .toggle-link:after{content:"\e812"}
.btn_reserve_osechi{background:#000;border:1px solid #dbd9da;color:#ffffff;padding:10px;display:block;margin:12px auto 0;text-align:center;font-weight:normal;line-height:1.8;font-size:18px}