@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Serif+JP&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Noto+Serif+TC&display=swap);
body{color:#0c0303;font-family:"Playfair Display","Noto Serif JP","Noto Serif TC","Times New Roman",serif}body,html{margin:0;padding:0;background-color:#8b2f25;color:#0c0303;z-index:0;height:100%;scrollbar-width:none}header{width:100%;height:50px;position:fixed;display:flex;z-index:2000}*{margin:0;padding:0;position:relative;z-index:inherit;scrollbar-color:rgba(129,126,116,.25)}ul{list-style-type:none}a{color:#0c0303;text-decoration:none}a:hover{text-decoration:underline}[data-language=jp]{font-family:"Playfair Display","Noto Serif JP",serif}[data-language=en]{font-family:"Playfair Display","Noto Serif JP","Noto Serif TC","Times New Roman",serif}[data-language=cn]{font-family:"Playfair Display","Noto Serif TC",serif}.logo-mini{max-width:100px;margin-inline:auto}.logo-text{width:100px;height:100px;padding:1rem 1rem 1.7rem 1rem;scale:.7;background-color:#942428;font-family:"Times New Roman",Times,serif;font-size:2rem;opacity:1;border:1px solid #fff}.logo-text>p{margin:0;padding:0;color:#fff}.content-container{height:100%;width:100vw;overflow-x:hidden;overflow-y:auto;scroll-snap-align:center;scroll-snap-stop:always;scrollbar-width:none}.content{height:fit-content;top:5%;width:90%;box-sizing:border-box;z-index:10;transition-duration:.151s;border-radius:5px}@media(min-width: 768px){.content{top:10%;width:90%;min-width:600px;max-width:1000px}}.paper{background:#c9a669}.paper::after{background:url(img/paper-transparent.png) repeat;background-size:100px,100%;opacity:1;pointer-events:none;z-index:1000}.rough{background:url(img/rough-transparent.png) repeat;background-size:450px,100%}.rough:after{content:" ";position:absolute;z-index:1;backdrop-filter:blur(0.4px)}.separator-1{height:1px;margin:.1rem 0 .5rem 0;background-color:#0c0303}.separator-3{height:3px;margin:.5rem 0 .5rem 0;background-color:#0c0303}.no-display,.modal-bg.no-display{display:none}.flex-column{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.justify-center,.flex-center-all{justify-content:center}.justify-space-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.align-center,.flex-center-all{align-items:center}.align-start{align-items:start}.align-space-between{align-items:space-between}.flex-wrap{flex-wrap:wrap}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.mb-2{margin-block-end:.5rem}.mb-4{margin-block-end:1rem}.over{z-index:9001}.pl-1{padding-left:.5rem}.pl-2{padding-left:1rem}.pl-4{padding-left:2rem}.border-top{border-top:1px solid rgba(0,0,0,.5)}.border-bottom{border-bottom:1px solid rgba(0,0,0,.5)}.border-all{border:1px solid rgba(0,0,0,.5)}.mbl-1{margin-top:.5rem;margin-bottom:.5rem}.font-thin{font-weight:300}.font-regular{font-weight:400}.font-thick{font-weight:600}.font-sm{font-size:.7rem}.font-italic{font-style:italic}.font-noto{font-family:"Noto Sans",Arial,sans-serif}.font-noto-jp{font-family:"Playfair Display","Noto Serif JP",serif}.font-noto-tc{font-family:"Playfair Display","Noto Serif TC",serif}.font-playfair{font-family:"Playfair Display","Noto Serif JP","Noto Serif TC","Times New Roman",serif}.text-center,.text-center-all{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-middle,.text-center-all{vertical-align:middle}.float-right{float:right}.disabled{pointer-events:none;opacity:.3}.radius-16{border-radius:16px}.radius-8{border-radius:8px}.radius-4{border-radius:4px}.radius-2{border-radius:2px}.content.loupe-mode,.content.loupe-mode .loupe-bg,.content.loupe-mode .gallery-container,.edge-inset-shadow,.post-item:after,.paper::after,.rough:after{top:0;left:0;right:0;bottom:0}.edge-inset-shadow,.post-item:after,.paper::after{content:" ";position:absolute;border-radius:inherit;box-shadow:inset .5px .5px 0 0 rgba(255,255,255,.5),inset -0.5px -0.5px 0 0 rgba(0,0,0,.5);pointer-events:none}.shadow-2{box-shadow:1px 1px 2px 0 rgba(0,0,0,.7)}.shadow-4{box-shadow:1px 1px 4px -1px rgba(0,0,0,.7)}.shadow-8{box-shadow:2px 2px 8px -2px rgba(0,0,0,.7)}.shadow-16{box-shadow:2px 2px 16px -2px rgba(0,0,0,.7)}.modal-bg{position:fixed;width:100vw;height:100vh;top:0;left:0;display:flex;justify-content:center;align-items:center;background-color:rgba(255,255,255,.5);backdrop-filter:blur(8px);z-index:100}.modal-bg>*{position:absolute}.light{position:fixed;top:-100px;left:-100px;bottom:-100px;right:-100px;z-index:1900;animation:light-translator 360s infinite alternate;transition-duration:.7s;scale:1.3;background:radial-gradient(circle, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.7) 100%);pointer-events:none}@media(min-width: 768px){.light{scale:1.5}}.scrolling .light{scale:1}@keyframes light-translator{0%{transform:translate(0px, 0px);backdrop-filter:brightness(1.05)}17%{transform:translate(-5px, -5px)}33%{transform:translate(5px, -5px)}50%{transform:translate(-5px, 0px)}67%{transform:translate(5px, 0px)}83%{transform:translate(-5px, 5px)}100%{transform:translate(5px, 5px);backdrop-filter:brightness(0.95)}}.placeholder{display:flex;justify-content:center;align-items:center;width:100%;padding:1rem;box-sizing:border-box;border:4px dashed rgba(0,0,0,.25);border-radius:8px;outline:none;user-select:none}.main-container{display:flex;height:100%;width:auto;position:absolute;top:0;left:0;transition-duration:.151s;overflow-y:hidden;scroll-snap-type:x mandatory;background-color:#8b2f25}.hightlighter{display:none}@media(min-width: 768px){.hightlighter{display:block;position:fixed;width:100px;height:100px;top:0;left:0;z-index:1901;transition-duration:.31s;scale:1.2;pointer-events:none;outline:1px solid #fff;opacity:.5}.hightlighter.no-display{display:none}}#language-picker{display:flex;position:fixed;top:1.29rem;right:5rem;transition-duration:.151s;opacity:.5}#language-picker.active{opacity:1}@media(min-width: 768px){#language-picker{right:1.29rem}}#language-picker[data-picked=en]>img[data-lang=en]{display:inline}#language-picker[data-picked=jp]>img[data-lang=jp]{display:inline}#language-picker[data-picked=cn]>img[data-lang=cn]{display:inline}#language-picker img{width:32px;margin:2px;display:none;cursor:pointer;border-radius:5px}#language-picker.active img{display:inline;box-shadow:1px 1px 5px 0 #333}.menux-container{position:fixed;top:-2rem;right:2rem;height:10rem;display:flex;justify-content:center;align-items:center;z-index:2}.menux{position:relative;width:2rem;height:3rem;z-index:3;cursor:pointer}.menux .menu-line{position:absolute;display:inline-block;width:2rem;height:.3rem;transform-origin:50% 50%;background-color:#817e74;border-radius:4px;animation-duration:1s;animation-fill-mode:forwards;box-shadow:1px 1px 4px -1px rgba(0,0,0,.7)}.menux>.menu-line-0{animation-name:kf-menu-line0-lines;top:0rem}.menux.active>.menu-line-0{animation-name:kf-menu-line0-x}@keyframes kf-menu-line0-lines{50%{transform:translate(0, 0.5rem) rotate(0deg);background-color:#fff}75%{transform:translate(0, 0.5rem)}100%{transform:translate(0, 0)}}@keyframes kf-menu-line0-x{0%{transform:translate(0, 0)}25%{transform:translate(0, 0.5rem)}75%{transform:translate(0, 0.5rem) rotate(45deg);background-color:#817e74}100%{transform:translate(0, 0.5rem) rotate(45deg);background-color:#817e74}}.menux>.menu-line-1{animation-name:kf-menu-line1-lines;top:.5rem}.menux.active>.menu-line-1{animation-name:kf-menu-line1-x}@keyframes kf-menu-line1-lines{50%{transform:translate(0, 0rem) rotate(0deg);background-color:#fff}75%{transform:translate(0, 0rem)}100%{transform:translate(0, 0)}}@keyframes kf-menu-line1-x{0%{transform:translate(0, 0)}25%{transform:translate(0, 0rem)}75%{transform:translate(0, 0rem) rotate(45deg);background-color:#817e74}100%{transform:translate(0, 0rem) rotate(45deg);background-color:#817e74}}.menux>.menu-line-2{animation-name:kf-menu-line2-lines;top:1rem}.menux.active>.menu-line-2{animation-name:kf-menu-line2-x}@keyframes kf-menu-line2-lines{50%{transform:translate(0, -0.5rem) rotate(0deg);background-color:#fff}75%{transform:translate(0, -0.5rem)}100%{transform:translate(0, 0)}}@keyframes kf-menu-line2-x{0%{transform:translate(0, 0)}25%{transform:translate(0, -0.5rem)}75%{transform:translate(0, -0.5rem) rotate(-45deg);background-color:#817e74}100%{transform:translate(0, -0.5rem) rotate(-45deg);background-color:#817e74}}.navbar{position:fixed;height:100vh;width:100%;top:0;left:0;right:0;transform:translateY(-200%);transition:transform .5s ease;z-index:1;opacity:1;padding:0;display:grid;justify-content:center;align-items:center;background-color:rgba(255,255,255,.4);backdrop-filter:blur(5px)}.nav-items{height:600px;width:400px;display:flex;flex-direction:column;align-items:center;gap:5%;border-radius:5px}.nav-item{top:10%;font-size:1.5rem;animation:fadeInUp .152s ease forwards;transition-duration:.15s}.nav-item:hover{scale:1.1}.nav-item:active{scale:.9}.nav-item a{color:#0c0303;text-decoration:none}.nav-item a .regular{display:inline}.nav-item a .br{display:none}.navbar.active{transform:translateY(0)}@media(min-width: 768px){.navbar{height:10%;transform:none;flex-direction:row;align-items:start;padding:0;opacity:1;background-color:rgba(255,255,255,0);text-shadow:1px 1px 3px rgba(0,0,0,.7);backdrop-filter:none}.navbar.latin .nav-items{align-items:center}.navbar.latin .nav-items .nav-item:first-child{top:18%}.nav-items{height:64px;width:100%;flex-direction:row;justify-content:center;align-items:start;gap:5rem;border:none;background-color:rgba(255,255,255,0)}.nav-items.paper{background:none;box-shadow:none}.nav-items.paper::after{background:none;box-shadow:none}.nav-item{left:-10%;margin-block:0;display:inline;opacity:1}.nav-item:first-child{top:-45%;scale:.6}.nav-item.no-display{display:none}.nav-item a{color:#fff}.nav-item a span[data-language=jp],.nav-item a span[data-language=cn]{overflow:hidden;text-overflow:ellipsis;word-wrap:normal;display:block;line-height:1em;max-height:10vh;writing-mode:vertical-rl}.nav-item a span.regular{display:none}.nav-item a span.regular:only-child{display:inline}.nav-item a span.br{display:inline}.menu-toggle{display:none}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-card{min-height:90%}.home-card.paper::after{opacity:.8}.home-card--text,.home-card--logo{top:-5%;z-index:2}.home-card--text{width:80%;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.7);text-align:center}.home-card--logo{width:200px}.home-card .home-card--develop,.home-card .home-card--image{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit}.home-card--image{overflow:hidden;z-index:0;background-size:cover;background-repeat:no-repeat}.home-card--image img{width:100%;height:100%;object-fit:cover;z-index:0;border-radius:inherit}.home-card--image::after{content:" ";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.8) 100%) no-repeat;opacity:1;pointer-events:none;z-index:1;border-radius:inherit}.home-card--develop{z-index:1;background-color:#303030;pointer-events:none;animation-name:flash-animation;animation-timing-function:ease-in;animation-duration:2s}@keyframes flash-animation{0%{opacity:1}100%{opacity:0}}@media screen and (min-width: 768px){.home-card{min-height:80%}}#menu-section{min-width:100vw;width:auto;overflow-x:hidden}#menu-section .card{flex-direction:row}.food-menu--page{min-width:252px;max-width:500px;width:90vw;box-sizing:border-box}.food-menu--item{display:grid;grid-template-columns:auto min-content;grid-template-areas:"name price" "description price"}.food-menu--item-name{grid-area:name}.food-menu--item-description{grid-area:description;font-size:.7rem}.food-menu--item-price{grid-area:price;white-space:pre}.food-menu--item li{padding-left:1.5rem}#menu-switcher{position:absolute;top:240px;left:50%;height:144px;width:32px;z-index:11;transform:translate(-50%, -50%);background-color:#817e74;border-radius:100px;opacity:.5;cursor:pointer;transition-duration:.31s}#menu-switcher::after{top:50%;left:50%;display:block;white-space:nowrap;position:absolute;transition-duration:.31s;transform:translate(-50%, -50%) rotate(90deg);color:#fff;user-select:none}#menu-switcher[data-toside=food]{box-shadow:1px 1px 3px -1px #333,inset .5px .5px 0 0 rgba(255,255,255,.5),inset -0.5px -0.5px 0 0 rgba(0,0,0,.5);transform:translate(-50%, -50%) rotate(0)}#menu-switcher[data-toside=food]::after{content:"▼ A LA CARTE ▼"}#menu-switcher[data-toside=drinks]{box-shadow:-1px -1px 3px -1px #333,inset -0.5px -0.5px 0 0 rgba(255,255,255,.5),inset .5px .5px 0 0 rgba(0,0,0,.5);transform:translate(-50%, -50%) rotate(180deg)}#menu-switcher[data-toside=drinks]::after{content:"▼ BOISSONS ▼"}#menu-locator,#food-locator,#drinks-locator{position:absolute;height:100%;width:100vw;top:50%;left:50%;z-index:0;transform:translate(-50%, -50%);pointer-events:none}.loupe-bg{display:none;background-color:rgba(255,255,255,.5);backdrop-filter:blur(5px);pointer-events:none}.gallery-photo{max-height:250px;max-width:250px;height:150px;width:150px;position:absolute;top:-100%;left:-100%;overflow:hidden;transition-duration:.151s;cursor:pointer}@media only screen and (min-width: 0px)and (max-width: 150px){.gallery-photo{width:calc((90vw - 1rem*0)/1 - 16px);height:calc((90vw - 1rem*0)/1 - 16px)}}@media only screen and (min-width: 151px)and (max-width: 588px){.gallery-photo{width:calc((90vw - 1rem*1)/2 - 16px);height:calc((90vw - 1rem*1)/2 - 16px)}}@media only screen and (min-width: 589px)and (max-width: 790px){.gallery-photo{width:calc((90vw - 1rem*2)/3 - 16px);height:calc((90vw - 1rem*2)/3 - 16px)}}@media only screen and (min-width: 791px)and (max-width: 992px){.gallery-photo{width:calc((90vw - 1rem*3)/4 - 16px);height:calc((90vw - 1rem*3)/4 - 16px)}}@media only screen and (min-width: 993px)and (max-width: 100000px){.gallery-photo{width:calc((90vw - 1rem*4)/5 - 16px);height:calc((90vw - 1rem*4)/5 - 16px)}}@media only screen and (min-width: 993px){.gallery-photo{max-width:180px;max-height:180px}}.gallery-photo img{height:100%;width:100%;object-fit:cover}.gallery-photo.visible{position:relative;top:0;left:0;box-shadow:0 0 0 7px #fff,1px 1px 2px 6px #333}.gallery-photo.visible:hover{scale:1.2;z-index:11}.content.loupe-mode .gallery-container,.content.loupe-mode .loupe-bg,.content.loupe-mode{display:flex;position:fixed;align-items:center}.content.loupe-mode{max-width:100vw;align-items:center}@media screen{.content.loupe-mode{max-width:100vw;width:100%}}.content.loupe-mode .loupe-bg{display:block;z-index:0}.content.loupe-mode .gallery-container{justify-content:center;gap:0}.content.loupe-mode .gallery-photo{max-width:600px;max-height:90%;height:0;width:0;box-shadow:none}.content.loupe-mode .gallery-photo:hover{scale:1}.content.loupe-mode .gallery-photo.unexpanded img{width:0}.content.loupe-mode .gallery-photo.expanded{width:100%;height:auto;background-color:rgba(255,255,255,0);pointer-events:fill}.content.loupe-mode .gallery-photo.expanded img{object-fit:contain}.content.loupe-mode .gallery-nav{position:fixed;bottom:1rem}.gallery-container{min-height:70vh;align-content:center;overflow:visible;z-index:1}.gallery-nav{height:3rem;z-index:4}.gallery-nav *{height:100%}.gallery-nav--arrow{max-width:30%;transition-duration:.15s;-webkit-filter:drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.7)) brightness(10);filter:drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.7)) brightness(10);-webkit-user-select:none;-ms-user-select:none;user-select:none}.gallery-nav--arrow:hover{scale:1.1;cursor:pointer;-webkit-filter:drop-shadow(5px 5px 4px rgba(0, 0, 0, 0.7)) brightness(10);filter:drop-shadow(5px 5px 4px rgba(0, 0, 0, 0.7)) brightness(10)}.gallery-nav--arrow:active{-webkit-filter:drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.7)) brightness(10);filter:drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.7)) brightness(10)}.gallery-nav #gallery-next{-webkit-transform:scaleX(-1);transform:scaleX(-1);-webkit-filter:drop-shadow(-3px 3px 2px rgba(0, 0, 0, 0.7)) brightness(10);filter:drop-shadow(-3px 3px 2px rgba(0, 0, 0, 0.7)) brightness(10)}.gallery-nav #gallery-next:hover{-webkit-filter:drop-shadow(-5px 5px 4px rgba(0, 0, 0, 0.7)) brightness(10);filter:drop-shadow(-5px 5px 4px rgba(0, 0, 0, 0.7)) brightness(10)}.gallery-nav #gallery-next:active{-webkit-filter:drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.7)) brightness(10);filter:drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.7)) brightness(10)}.gallery-nav--bubble{width:64px;height:64px;display:grid;align-content:center;text-align:center;background-color:#817e74;opacity:.6;border-radius:50px;box-shadow:1px 1px 3px -1px #817e74,inset .5px .5px 0 0 rgba(255,255,255,.5),inset -0.5px -0.5px 0 0 rgba(0,0,0,.5);cursor:pointer;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.gallery-nav--bubble span{color:#fff;text-decoration:none;font-size:.8rem;font-weight:bold}.gallery-photo--desc{width:100%;height:15%;padding:1rem;display:none;bottom:0;position:absolute;overflow-y:auto;box-sizing:border-box;background-color:rgba(255,255,255,.5)}.expanded>.gallery-photo--desc{display:block}[data-translation-key=about-text] p{margin-bottom:1rem}[data-translation-key=about-text] p:last-child,[data-translation-key=about-text] p:only-child{margin-bottom:0}[data-translation-key=about-text] .garcon-start,[data-translation-key=about-text] .garcon-end{max-width:50%;left:50%;transform:translate(-50%, 0);float:inline-start}@media(min-width: 768px){[data-translation-key=about-text] .garcon-start,[data-translation-key=about-text] .garcon-end{max-width:20%;left:auto;transform:translate(0, 0);float:right}}[data-translation-key=about-text] .garcon-start{display:none}@media(min-width: 768px){[data-translation-key=about-text] .garcon-start{display:block}}[data-translation-key=about-text] .garcon-end{display:block}@media(min-width: 768px){[data-translation-key=about-text] .garcon-end{display:none}}.post-item{height:fit-content;width:100%;max-width:1000px;box-sizing:border-box;background-color:#fff}.post-item[data-post-type=highlight]{width:calc(100% + 2rem);margin-bottom:1rem}.post-item[data-post-type=highlight] .post-item--text{font-size:1.2rem}.post-item[data-post-type=highlight] .post-item--image{max-height:250px}.post-item[data-post-type=highlight] .post-item--image img{max-height:250px}.post-item[data-post-type=pinned]{width:calc(100% + 1rem);margin-bottom:.5rem}.post-item[data-post-type=pinned] .post-type-icon{transform:rotate(20deg)}.post-item a{text-decoration:underline}.post-item ul>li{list-style-type:circle}.post-item li{margin-left:1rem}.post-item li::marker{font-size:.9rem}.post-item--images{overflow-x:auto;overflow-y:hidden}.post-item--image{max-height:200px}.post-item--image img{max-height:200px}.post-item--text{overflow:hidden}.post-item--text:empty{display:none}.post-item--text p{margin-bottom:.5rem}.post-item--text p:last-child,.post-item--text p:only-child{margin-bottom:0}.post-item--text img{max-height:200px}.post-type-icon{width:16px;height:16px}#info>.content{max-width:600px}.googlemap{width:100%;margin-top:1rem}