@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&family=Shippori+Mincho:wght@400;500;600;700;800&display=swap";html{font-size:100%}@media screen and (max-width: 1024px){html{font-size:93.75%}}@media screen and (max-width: 767px){html{font-size:87.5%}}:root{--c_black: #1e1003;--c_white: #fff;--c_navy: #061129;--c_blue: #0f3866;--c_orange: #dc7708;--c_beige: #fbdaa2}*{margin:0;padding:0}*,*::before,*::after{box-sizing:border-box}body{font-family:"Shippori Mincho",serif;font-size:1rem;font-weight:500;font-style:normal;line-height:1.7;color:var(--c_black);background-color:var(--c_navy);font-feature-settings:"palt"}span{display:inline-block}a{display:block;color:inherit;text-decoration:none;transition:ease .3s}a:hover{filter:brightness(0.7)}a:hover .c-arrow img{animation:arrow-move .5s ease}ul{list-style:none}.flex{display:flex}.inline-flex{display:inline-flex}.block{display:block}.inline-block{display:inline-block}.grid{display:grid}.none{display:none}.jc-c{justify-content:center}.jc-fs{justify-content:flex-start !important}.jc-sb{justify-content:space-between}.jc-sa{justify-content:space-around}.jc-fe{justify-content:flex-end}.ai-c{align-items:center}.ai-fs{align-items:flex-start}.ai-fe{align-items:flex-end}.fd-c{flex-direction:column}.fw-w{flex-wrap:wrap}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.u-center-x{left:50%;translate:-50% 0}.ta-l{text-align:left}.ta-c{text-align:center}.ta-r{text-align:right}.nowrap{white-space:nowrap}.break-all{word-break:break-all}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.img-cover{width:100%;height:100%;object-fit:cover;object-position:center}img{width:100%;max-width:100%;height:auto;display:block}.js-fade-up{opacity:0;translate:0 20px;filter:blur(4px);transition:opacity .9s ease,translate .9s cubic-bezier(0.22, 1, 0.36, 1),filter .9s ease}.js-fade-up.is-visible{opacity:1;translate:0 0;filter:blur(0)}@media(prefers-reduced-motion: reduce){.js-fade-up{opacity:1;translate:none;filter:none;transition:none}}.js-ink-reveal{position:relative}.js-ink-reveal>img,.js-ink-reveal>svg{display:block;width:100%;height:auto;opacity:0}.js-ink-reveal canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.js-ink-reveal.is-complete>img,.js-ink-reveal.is-complete>svg{opacity:1}.js-ink-reveal.is-complete canvas{opacity:0}.wrapper{position:fixed;inset:0;width:100%;height:100svh;overflow:hidden;isolation:isolate;background:linear-gradient(to bottom, #061129 0%, #061129 38%, #28232a 58%, #70401f 78%, #dc7708 100%);background-size:100% 140%;animation:sky-gradient 24s ease-in-out infinite alternate}.wrapper::before{content:"";position:absolute;inset:0;background-image:url(../img/overlay.webp);background-size:cover;background-position:center;mix-blend-mode:overlay;z-index:1;pointer-events:none}.wrapper::after{content:"";position:absolute;inset:-20%;background-image:url(../img/bg.webp);background-size:cover;background-position:center;mix-blend-mode:overlay;opacity:.85;z-index:2;pointer-events:none;transform-origin:center;animation:sky-clouds 36s linear infinite;will-change:transform}@keyframes sky-gradient{0%{background-position:center top}100%{background-position:center bottom;background-size:100% 200%}}@keyframes sky-clouds{0%{transform:translate3d(-7%, 1%, 0) scale(1.05)}20%{transform:translate3d(-4%, -1%, 0) scale(1.07)}40%{transform:translate3d(0%, -2%, 0) scale(1.1)}60%{transform:translate3d(4%, -1%, 0) scale(1.08)}80%{transform:translate3d(7%, 1%, 0) scale(1.06)}100%{transform:translate3d(-7%, 1%, 0) scale(1.05)}}@media(prefers-reduced-motion: reduce){.wrapper,.wrapper::after{animation:none}}html.is-loading,body.is-loading{overflow:hidden}.side,.main{opacity:1;transition:opacity 2.8s cubic-bezier(0.22, 1, 0.36, 1)}body.is-loading .side,body.is-loading .main,body.is-revealing .side,body.is-revealing .main{opacity:0}body.is-loading .side,body.is-loading .main{visibility:hidden}body.is-revealing .side,body.is-revealing .main,body.is-loaded .side,body.is-loaded .main{visibility:visible}body.is-loaded .side,body.is-loaded .main{opacity:1}.loading{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:1;visibility:visible;transition:opacity 1.4s ease,visibility 1.4s ease}.loading__copy{display:flex;justify-content:center;flex-wrap:wrap;padding-inline:1rem;color:#fff;font-size:clamp(17px,16px + 1vw,32px);letter-spacing:.12em;text-align:center;visibility:hidden}.loading__copy.is-ready{visibility:visible}.loading__copy .char{display:inline-block;opacity:0;filter:blur(8px);transform:translateY(10px);transition:opacity 1.5s ease,filter 1.8s ease,transform 1.8s cubic-bezier(0.22, 1, 0.36, 1)}.loading__copy .char.is-visible{opacity:1;filter:blur(0);transform:translateY(0)}.loading.is-hidden{opacity:0;visibility:hidden}@media(prefers-reduced-motion: reduce){.loading,.side,.main,.loading__copy .char{transition:none}.loading__copy .char{opacity:1;filter:none;transform:none}}.gnav{position:fixed;top:0;left:50%;transform:translateX(-50%) translateY(100%);z-index:998;max-width:490px;width:100%;height:100dvh;overflow-y:auto;overscroll-behavior:contain;visibility:hidden;color:var(--c_white);background:linear-gradient(to bottom, #061129 0%, #061129 62%, #dc7708 85%, #fbdaa2 100%);transition:transform .8s cubic-bezier(0.76, 0, 0.24, 1),visibility 0s linear .8s}.gnav::before{content:"";position:absolute;inset:0;width:100%;height:100%;background-image:url(../img/overlay_sp.webp);background-size:cover;mix-blend-mode:overlay;pointer-events:none}.gnav.is-open{visibility:visible;transform:translateX(-50%) translateY(0);transition:transform .8s cubic-bezier(0.76, 0, 0.24, 1),visibility 0s}.gnav .logo{width:157px}.gnav__inner{padding:2.5rem}.gnav__head{justify-content:space-between;gap:1rem}.gnav__head .close{position:relative;display:block;width:43px;height:43px;border-radius:50%;border:solid 1px var(--c_white);transition:ease .3s}.gnav__head .close span{position:absolute;width:2px;height:20px;background:var(--c_white);top:50%;left:51%}.gnav__head .close span:nth-child(1){transform:translate(-50%, -50%) rotate(45deg)}.gnav__head .close span:nth-child(2){transform:translate(-50%, -50%) rotate(-45deg)}.gnav__head .close:hover{opacity:.7}.gnav__contents .tel{gap:.5rem;align-items:flex-end}.gnav__contents .tel span{flex:none;font-size:.90625rem}.gnav__contents .links{padding-block:3rem 1rem}.gnav__contents .links a::before{border:solid 1px var(--c_white);filter:brightness(0) invert(1)}.gnav__contents .bottom{justify-content:space-between}.gnav__contents .bottom a img{filter:brightness(0) invert(1)}.gnav .nav.--list{padding-block:3rem;margin-bottom:2rem;border-bottom:solid 1px var(--c_white)}body.is-nav-open{overflow:hidden}@media(prefers-reduced-motion: reduce){.gnav{transition-duration:0s}.gnav.is-open{transition-duration:0s}}.nav .--list{display:flex;flex-direction:column;gap:2rem}.nav .--item a{font-size:2.5rem;line-height:1}.nav .--item a small{display:inline-block;font-size:55%;transform:translateY(-3px)}.nav .--item a .en{display:inline-block;margin-left:.5rem;font-size:1rem;transform:translateY(-5px)}.side{position:absolute;top:0;width:calc((100vw - 490px)/2);height:100svh;padding:3rem;display:flex;flex-direction:column;justify-content:space-between;z-index:3}@media screen and (max-width: 1199px){.side{display:none}}.side--left{left:0}.side--left .logo{max-width:220px;width:50%}@media screen and (max-width: 1200px){.side--left .links{flex-direction:column}}.side--right{right:0;align-items:flex-end;color:var(--c_white)}@media screen and (max-width: 1490px){.side--right .side__contact,.side--right .side__nav{zoom:.85}}.side__contact{max-width:298px;width:100%}.side__reserve{justify-content:center;gap:.5rem;padding:.5rem;border-radius:999px;font-size:1.125rem;background:var(--c_orange);font-family:"Noto Sans JP",sans-serif;font-weight:500}.side__reserve img{width:22px}.side__tel{width:85%;margin:0 auto;margin-top:1.3rem;text-align:center}.side__tel p{font-size:.9375rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:solid 1px var(--c_white)}.side__tel span{display:block;margin-top:.5rem;letter-spacing:.07rem;font-size:.9375rem}.side__nav{position:absolute;top:55%;transform:translateY(-50%);left:10%}.main{max-width:490px;width:100%;min-height:100svh;margin:0 auto;z-index:9;background-color:#faf6f0;box-shadow:7px 7px 10px rgba(0,0,0,.5)}.fixed-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);display:flex;gap:5px;max-width:490px;width:100%;height:65px;z-index:999;background:var(--c_blue)}.fixed-nav__item{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;gap:.35rem;color:var(--c_white)}.fixed-nav__item:hover img{animation:pop-up .8s ease}.fixed-nav__item img{width:1.4375rem;transition:transform .3s ease}.fixed-nav__item span{font-size:15px;font-family:"Noto Sans JP",sans-serif;font-weight:500}.fixed-nav__item span,.fixed-nav__item p{line-height:1}.fixed-nav__item.--tel{background:#ce6512}.fixed-nav__item.--reserve{background:#dd7f12}.fixed-nav__item.--map{background:#b57924}.fixed-nav__item.--menu{gap:.5rem;background:var(--c_blue);transition:ease .3s}.fixed-nav__item.--menu:hover{filter:brightness(0.7)}.fixed-nav__item.--menu:hover .dots span{animation:dot-bounce .45s ease-in-out both}.fixed-nav__item.--menu:hover .dots span:nth-child(1){animation-delay:0s}.fixed-nav__item.--menu:hover .dots span:nth-child(2){animation-delay:0.12s}.fixed-nav__item.--menu:hover .dots span:nth-child(3){animation-delay:0.24s}.fixed-nav__item.--menu p{font-size:16px}.fixed-nav__item.--menu .dots{gap:7px}.fixed-nav__item.--menu .dots span{width:11px;aspect-ratio:1/1;border-radius:50%}.fixed-nav__item.--menu .dots span:nth-child(1){background-color:var(--c_beige)}.fixed-nav__item.--menu .dots span:nth-child(2){background-color:var(--c_orange)}.fixed-nav__item.--menu .dots span:nth-child(3){background-color:#3d79a5;opacity:.7}@keyframes pop-up{0%{transform:scale(1)}30%{transform:scale(0.8)}60%{transform:scale(1.2)}80%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes dot-bounce{0%,100%{transform:translateY(0)}40%{transform:translateY(-6px)}70%{transform:translateY(2px)}}.mv{width:100%;height:93svh;background:var(--c_navy);z-index:0;overflow:hidden;color:var(--c_white)}.mv::before{content:"";position:absolute;inset:0;width:100%;height:100%;background-image:url(../img/overlay_sp.webp);background-size:100%;z-index:-1;mix-blend-mode:overlay;pointer-events:none}.mv__head{position:relative;padding-inline:2rem;margin-top:3rem;text-align:center;z-index:3}.mv__head .logo{width:320px;width:85%;margin:0 auto}.mv__head .txt{margin-top:1.5rem;font-size:1.3125rem}.mv__h1{width:93%;margin:0 auto;position:absolute;bottom:1.8rem;left:50%;transform:translateX(-50%);font-size:clamp(11px,10px + .1vw,13px);font-weight:400;z-index:1;text-align:center}.mv__img{position:absolute;bottom:0;left:0;width:100%;z-index:0;overflow:hidden}.mv__img img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;scale:1.12;transition:opacity 1.8s ease,scale 2.5s cubic-bezier(0.22, 1, 0.36, 1)}.mv__img.is-visible img{opacity:1;scale:1}@media(prefers-reduced-motion: reduce){.mv__img .mv__img img{opacity:1;scale:1;transition:none}}.mv .mizuhiki{width:100%;margin-top:3rem;overflow:hidden}.mv .mizuhiki__inner{width:100%}.mv .mizuhiki__inner svg{display:block;width:100%;height:auto}.lead{padding-block:5rem 15rem;padding-inline:2.5rem;background-image:url(../img/lead_bg.svg);background-position:top center;background-size:cover;overflow:hidden}.lead__txtarea .ttl .img{max-width:280px;width:85%}.lead__txtarea .ttl .en{display:inline-block;color:var(--c_orange);margin-top:.7rem}.lead__txtarea .txt{margin-top:1.5rem}.lead__txtarea .txt span{display:block;font-size:clamp(15px,13.75px + .195vw,17px);letter-spacing:.1rem;line-height:2.2}.lead__imgarea{position:absolute;inset:2% 0 0 0;width:100%;pointer-events:none}@media screen and (max-width: 395px){.lead__imgarea{transform:translateX(5%)}}@media screen and (max-width: 350px){.lead__imgarea{width:90%;margin-left:auto}}.lead__imgarea span{opacity:0;transform:scale(0.8) rotate(-12deg);transition:opacity 1s ease,transform 1.4s cubic-bezier(0.22, 1, 0.36, 1);position:absolute}.lead__imgarea span:nth-child(1){top:11rem;right:2rem;width:37.76%}.lead__imgarea span:nth-child(2){width:24.49%;bottom:7rem;right:2rem}@media screen and (max-width: 375px){.lead__imgarea span:nth-child(2){bottom:9rem}}.lead__imgarea span:nth-child(3){width:31.63%;bottom:2rem;right:11rem}@media screen and (max-width: 375px){.lead__imgarea span:nth-child(3){right:9.5rem}}.lead__imgarea.is-active span{opacity:1;transform:scale(1) rotate(0deg)}.lead__imgarea.is-active .lead__dot{opacity:1;transform:scale(1)}.lead__dots{position:absolute;inset:0;pointer-events:none}.lead__dot{position:absolute;display:block;width:var(--size);aspect-ratio:1;border-radius:50%;background:var(--color);opacity:0;transform:scale(0);transition:opacity .2s ease,transform .65s cubic-bezier(0.34, 1.56, 0.64, 1)}@media(prefers-reduced-motion: reduce){.lead__imgarea span,.lead__dot{transition:none}}.menu__wrapper{width:100%;height:100%;isolation:isolate}.menu__contents{display:none;opacity:0;transform:translateY(10px)}.menu__contents.active{display:block;animation:menu-fade-in .5s ease forwards}.menu__btn{width:75%;position:relative;display:flex;align-items:center;justify-content:center;padding:1rem;margin-inline:auto;border-radius:999px;background:linear-gradient(to right, #352414 50%, var(--c_black) 50%) right/200% 100% no-repeat;color:var(--c_white);transition:background-position .5s ease}.menu__btn::before{content:"";position:absolute;top:50%;left:4.5%;width:33px;aspect-ratio:1;border-radius:50%;background:var(--c_orange);transform:translateY(-50%);transition:transform .4s ease}.menu__btn::after{content:"";position:absolute;top:50%;left:9.3%;transform:translate(-50%, -50%);width:20px;aspect-ratio:4/3;background-image:url(../img/arrow.svg);background-size:contain;background-position:center;background-repeat:no-repeat;filter:brightness(0) invert(1);transition:transform .4s ease}.menu__btn span{position:relative;z-index:1;font-size:1rem;letter-spacing:.08em}.menu__btn:hover{filter:brightness(1);background-position:left}.menu__btn:hover::before{transform:translate(6px, -50%)}.menu__btn:hover::after{transform:translate(calc(-50% + 6px), -50%)}.menu__tab{margin-top:2rem;justify-content:center;gap:.7rem}.menu__tab .btn{display:block;font-size:1.0625rem;background:var(--c_white);color:var(--c_black);line-height:1;padding:.7rem 2rem;border-radius:999px}.menu__tab .btn.active{background:var(--c_orange);color:var(--c_white)}.menu__dinner,.menu__lunch,.menu__morning{position:relative;z-index:2;padding-bottom:4rem;isolation:isolate}.menu__dinner::before,.menu__dinner::after,.menu__lunch::before,.menu__lunch::after,.menu__morning::before,.menu__morning::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}.menu__dinner::before,.menu__lunch::before,.menu__morning::before{opacity:0;transition:opacity 1.2s ease}.menu__dinner::after,.menu__lunch::after,.menu__morning::after{background-image:url(../img/menu_overlay.webp);background-size:cover;background-position:center;mix-blend-mode:overlay;opacity:.7}.menu__dinner.is-visible::before,.menu__lunch.is-visible::before,.menu__morning.is-visible::before{opacity:1}.menu__dinner{color:var(--c_white);background:#061129}.menu__dinner::before{background:linear-gradient(to bottom, #061129 0%, #061129 55%, #3b261f 85%, #dc7708 100%)}.menu__lunch{background:#dc7708}.menu__lunch::before{background:linear-gradient(to bottom, #dc7708 0%, #dc7708 55%, #e9a65d 80%, #fbdaa2 100%)}.menu__morning{background:var(--c_beige)}.menu__morning::before{background:linear-gradient(to bottom, #fbdaa2 0%, var(--c_beige) 100%)}.menu__head{position:sticky;top:0;left:0;justify-content:space-between;align-items:center;padding-block:2.3rem;padding-inline:2rem;z-index:2}.menu__head .num,.menu__head .en{font-size:14px}.menu__head h2{font-size:3.125rem;font-weight:500;line-height:1;transform:translateX(7%)}.menu__head h2 small{display:inline-block;font-size:50%}.menu__dinner .menu__head{background:var(--c_navy);color:var(--c_white)}.menu__lunch .menu__head{background:#e7a30d}.menu__morning .menu__head{background:#fce5bf}.menu__head::before,.menu__head::after{content:"";position:absolute;width:100%;height:18px;left:0;background-size:100%;z-index:1}.menu__dinner .menu__head::before,.menu__dinner .menu__head::after{filter:brightness(0) invert(1)}.menu__head::before{top:0;background-image:url(../img/line_top.svg);background-position:top center}.menu__head::after{content:"";bottom:0;background-image:url(../img/line_bottom.svg);background-position:bottom center}.menu__list{width:80%;margin:0 auto;flex-direction:column;gap:3rem;padding-block:3rem}.menu__item .txtarea{gap:2rem;margin-top:2rem}.menu__item .txtarea h3{flex:none;font-size:2.125rem;font-weight:600;line-height:1.3}.menu__item .txtarea h3.vertical{writing-mode:vertical-rl;letter-spacing:.2rem;line-height:1.1}.menu__item .txtarea h3.vertical small{display:block;font-size:70%}.menu__item .txtarea p{font-size:15px;font-weight:400}.menu__lunch .menu__item .txtarea,.menu__morning .menu__item .txtarea{flex-direction:column;gap:1.5rem}.menu__lunch .menu__item .txtarea h3,.menu__morning .menu__item .txtarea h3{font-size:1.6875rem}.menu__item .img{border-radius:.7rem;width:100%}.menu__item .img img{border-radius:.7rem}.menu__item .img.slide{position:relative;overflow:hidden}.menu__item .img.slide img{display:block;width:100%;height:100%;object-fit:cover}.menu__item .img.slide img:not(:first-child){position:absolute;inset:0}.menu__item .img.slide img{opacity:0;transition:opacity 1.5s ease-in-out}.menu__item .img.slide img.is-active{opacity:1}.menu__item .bnr-img{margin-top:2rem}.menu .banner{width:100%}.menu .banner::before{content:"";position:absolute;inset:0;width:100%;height:100%;background-image:url(../img/overlay_sp.webp);background-size:100%;z-index:1;mix-blend-mode:overlay;pointer-events:none}@keyframes menu-fade-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.info{margin-top:2rem}.info__slider{width:100%;border-radius:15px;overflow:hidden}.info__slider .swiper-slide{aspect-ratio:1.36;background:#b5b5b5}.info__thumb{width:100%;margin-top:1rem;overflow:hidden}.info__thumb .swiper-slide{aspect-ratio:1.55;border-radius:8px;background:#807f7f;cursor:pointer;opacity:.5;transition:opacity .4s ease}.info__thumb .swiper-slide.swiper-slide-thumb-active{opacity:1}.info__thumb .swiper-slide p{font-size:48%}.info .swiper-slide{display:flex;justify-content:center;align-items:center}.info__prev,.info__next{position:absolute;top:50%;z-index:10;width:35px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:2px solid #2c1903;border-radius:50%;background:rgba(0,0,0,0);cursor:pointer;transform:translateY(-50%)}.info__prev span,.info__next span{position:relative;display:block;width:17px;height:2px;background:#2c1903;border-radius:999px;transition:transform .3s ease}.info__prev span::after,.info__next span::after{content:"";position:absolute;top:50%;width:13px;height:13px;border-top:2px solid #2c1903;border-right:2px solid #2c1903;border-radius:1px}.info__prev{left:1rem}.info__prev span{transform:rotate(180deg)}.info__prev span::after{right:0;transform:translateY(-50%) rotate(45deg)}.info__prev:hover span{transform:rotate(180deg) translateX(3px)}.info__next{right:1rem}.info__next span::after{right:0;transform:translateY(-50%) rotate(45deg)}.info__next:hover span{transform:translateX(3px)}.info__body{margin-top:3rem;padding-inline:2rem}.info__head h2{font-size:16px;font-weight:500}.info__head p{font-size:1.875rem}.info__list{display:flex;flex-direction:column;gap:1rem;padding-block:2rem}.info__list dl{display:flex;gap:3rem;padding-bottom:1rem;border-bottom:dotted 1px var(--c_black)}.info__list dt{width:67px;flex:none}.info__list dd a{text-decoration:underline}.info .gmap{width:100%;min-width:0}.info .gmap iframe{display:block;width:100%;max-width:100%;aspect-ratio:4/3;height:auto;border:0}.info .gmap a{display:inline-block;margin-top:1rem;text-decoration:underline}.footer{width:86%;margin:0 auto;margin-top:4rem;padding-top:3rem;padding-bottom:calc(65px + 2rem);border-top:solid 1px var(--c_black)}.footer .logo{width:344px;width:80%}.footer__bttom{justify-content:space-between;gap:1.5rem}.sns{gap:.7rem}.sns a{width:35px}.links{padding-block:1.5rem 1rem;gap:1rem}.links a{position:relative;font-size:1rem;transition:ease .3s}.links a span{display:inline-block;margin-left:1.5rem}.links a::before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:20px;aspect-ratio:1/1;background-image:url(../img/arrow.svg);background-size:11px 9px;background-position:center;transition:transform .4s ease;border-radius:50%;border:solid 1px var(--c_black)}.links a:hover{opacity:.7}/*# sourceMappingURL=style.css.map */