@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600;800&family=Poppins:wght@600;800&display=swap);body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;padding:0}#root{background-color:#000;min-height:100%;position:relative}main{padding-bottom:50px}footer{background-color:#f8f9fa;bottom:0;padding:10px;position:absolute;text-align:center}.header,footer{left:0;width:100%}.header{align-items:center;background-color:#1c1c1c;box-sizing:border-box;display:flex;justify-content:space-between;padding:20px max(16px,env(safe-area-inset-right)) 20px max(16px,env(safe-area-inset-left));position:sticky;right:0;top:0;z-index:1000}.header-logo{flex:0 0 auto;height:auto;margin-right:10px;width:72px}.instagram-link{align-items:center;display:flex;flex:0 0 auto}.instagram-icon{cursor:pointer;transition:transform .2s ease;width:30px}.instagram-icon:hover{transform:scale(1.1)}@media (max-width:768px){.header{align-items:center;flex-direction:row;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.header-logo{width:52px}.instagram-link{align-items:center;display:flex}.instagram-icon{width:20px}}.footer{background-color:initial;color:#fff;font-family:Courier New,Courier,monospace;font-size:20px;padding:5px;position:relative;text-align:center}.split-banner{align-items:stretch;border-radius:16px;box-shadow:0 10px 30px #00000040;display:flex;height:auto;margin:32px auto;max-width:1100px;min-height:420px;overflow:hidden}.split-banner.reverse{flex-direction:row-reverse}.split-banner-text{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#ffffffe6;border:none;border-right:5px solid #000;color:#000;display:flex;flex:0 0 38%;flex-direction:column;justify-content:center;max-width:38%;padding:28px;text-align:left}.split-banner.reverse .split-banner-text{border-left:5px solid #000;border-right:none}.split-banner-image{align-items:center;background:#00000040;display:flex;flex:1 1 62%;justify-content:center;max-width:62%;overflow:hidden}.split-banner-text h3{font-size:26px;margin:0 0 10px}.split-banner-text p{line-height:1.7;margin:0}.split-banner-image iframe,.split-banner-image img{height:100%;object-fit:cover;width:100%}@media (max-width:768px){.split-banner,.split-banner.reverse{flex-direction:column;height:auto;margin:28px 12px}.page-content .split-banner:first-of-type{margin-top:72px}.split-banner-image{order:1}.split-banner-text{order:2}.split-banner-image,.split-banner-text{flex:none;max-width:100%;width:100%}.split-banner-text{border:0;border-top:3px solid #000;padding:18px}.split-banner.reverse .split-banner-text{border-left:0}.split-banner-image iframe,.split-banner-image img{height:auto;object-fit:cover;width:100%}}.fade-in-section{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in-section.visible{opacity:1;transform:translateY(0)}.fade-in-section:not(.visible){opacity:0;transform:translateY(30px)}.fade-in-section:nth-child(2){transition-delay:.1s}.fade-in-section:nth-child(3){transition-delay:.2s}.fade-in-section:nth-child(4){transition-delay:.3s}@media (max-width:768px){.fade-in-section{transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-section.visible{transform:translateY(0)}.fade-in-section:not(.visible){opacity:0;transform:translateY(20px)}}@media (prefers-reduced-motion:reduce){.fade-in-section{opacity:1;transform:translateY(0);transition:none}}:root{--glass-bg:#00000073;--glass-border:#ffffff24;--glass-shadow:0 10px 30px #00000059;--text-light:#fff;--text-dim:#ffffffd9;--accent:#f4d35e}body{color:#fff;color:var(--text-light);font-family:Noto Sans JP,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}#root{background-attachment:fixed;background-position-y:0!important}.banner-title,h1,h2,h3{font-family:Poppins,Noto Sans JP,sans-serif;letter-spacing:.02em}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.banner{align-items:flex-start;background-position:50%;background-size:cover;box-sizing:border-box;color:#fff;display:flex;height:80vh;justify-content:center;padding-top:15vh;position:relative;text-shadow:2px 2px 4px #000000b3}.banner:after{background:none!important;content:"";inset:0;pointer-events:none;position:absolute}.banner-title{font-size:36px;font-weight:700}.banner-logo{animation:float-in .9s ease both;filter:drop-shadow(0 10px 24px rgba(0,0,0,.45));height:auto;width:300px}@keyframes float-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.menu-section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;background:var(--glass-bg);border:1px solid #ffffff24;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 10px 30px #00000059;box-shadow:var(--glass-shadow);display:flex;gap:40px;justify-content:center;margin:40px auto;max-width:1100px;padding:32px;text-align:left}.menu-column{align-items:stretch;display:flex;flex:1 1;flex-direction:column;margin:0;max-width:460px;min-width:280px}.menu-section h3{color:#fff;color:var(--text-light);font-size:28px;margin:0 0 14px;position:relative;text-shadow:0 2px 8px #00000080}.menu-section h3:after{background:#f4d35e;background:var(--accent);border-radius:2px;content:"";display:block;height:3px;margin-top:8px;width:42px}.menu-list{background:#ffffff08;border:1px solid #ffffff24;border:1px solid var(--glass-border);border-radius:12px;list-style:none;margin:0;overflow:hidden;padding:0}.menu-list li{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid #ffffff0f;color:#ffffffd9;color:var(--text-dim);display:flex;font-size:18px;gap:12px;justify-content:space-between;padding:14px 16px}.menu-list li:last-child{border-bottom:none}.menu-drink{margin-right:10px}.menu-drink,.menu-item{flex:1 1;text-align:left;white-space:nowrap}.menu-item{overflow:hidden;text-overflow:ellipsis}.menu-sb-bb{margin-right:10px}.menu-bb,.menu-sb-bb{flex:1 1;text-align:left;white-space:nowrap}.menu-bb{margin-right:100px}.menu-price{color:#fff;color:var(--text-light);font-weight:600;text-align:right;white-space:nowrap}.menu-subnote{font-size:.88em;opacity:.9;white-space:nowrap}.split-banner-text .menu-list li{border-bottom:1px solid #0000000f;color:#222}.split-banner-text .menu-price{color:#111}.split-banner-text h3{color:#111;font-size:28px;font-weight:800;letter-spacing:.02em;margin-bottom:14px}.split-banner-text .menu-list{background:#fff;border:1px solid #00000014}.split-banner-text .menu-list li{color:#1a1a1a;padding:16px 18px}.split-banner-text .menu-price{color:#000}.split-banner iframe{border:0}.button-primary{align-items:center;background:#f4d35e;background:var(--accent);border:none;border-radius:999px;box-shadow:0 6px 20px #f4d35e59;color:#111;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;padding:12px 18px;text-decoration:none}.button-primary:hover{filter:brightness(1.05)}.page-content{padding:32px 20px;text-align:center}.loader-screen{align-items:center;background:#000;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.loader-logo{animation:loader-pulse 1.6s ease-in-out infinite;height:auto;opacity:.85;width:min(45vw,220px)}@keyframes loader-pulse{0%{opacity:.25;transform:scale(.985)}50%{opacity:1;transform:scale(1)}to{opacity:.25;transform:scale(.985)}}@media (max-width:1024px) and (min-width:769px){.banner{height:70vh;padding-top:13vh}}@media (max-width:1200px) and (min-width:1025px){.banner{padding-top:14vh}}@media (max-width:768px){.banner{align-items:flex-start;background-attachment:scroll;background-position:50%;background-size:cover;height:60vh;padding-top:12vh}.banner-logo{height:auto;width:200px}.split-banner{align-items:center;flex-direction:column;padding:10px}.split-banner-image,.split-banner-text{box-sizing:border-box;max-width:500px;width:100%}.menu-section{align-items:stretch;flex-direction:column;gap:20px;margin:24px 12px;padding:16px}.menu-column{max-width:none;width:100%}.split-banner-image iframe{height:auto;min-height:300px;width:100%}.page-content{padding:20px 14px}.menu-list li{flex-wrap:wrap;font-size:16px;padding:12px 14px}.menu-bb,.menu-drink,.menu-item,.menu-sb-bb{flex:1 1 60%;margin-right:0;min-width:0;white-space:normal}.menu-bb{margin-right:0}.menu-price{flex:0 0 auto;margin-left:auto;white-space:nowrap}.menu-list li{align-items:center;display:flex;flex-wrap:nowrap;white-space:nowrap}.menu-bb,.menu-drink,.menu-item,.menu-sb-bb{flex:1 1 auto;min-width:0;overflow:visible;text-overflow:clip;white-space:nowrap}.menu-price{flex:0 0 auto;margin-left:10px;white-space:nowrap}}@media (max-width:420px){.menu-list li{flex-wrap:nowrap;white-space:nowrap}.menu-price{flex:0 0 auto;margin-left:10px;margin-top:0;text-align:right;white-space:nowrap}}.pattern-layer{background:#000;inset:0;overflow:hidden}.pattern-layer,.pattern-tiles{pointer-events:none;position:absolute}.pattern-tiles{background-image:url(/static/media/barLogoNameWhite.c4d06d5eed4be82176ba.png);background-position:50%;background-repeat:space;background-size:220px auto;bottom:-40%;image-rendering:auto;left:-40%;opacity:.07;right:-40%;top:-40%;transform:rotate(-30deg) scale(1.1);transform-origin:50% 50%;will-change:transform,opacity}@media (max-width:768px){.pattern-tiles{background-size:160px auto;opacity:.09}}.our-location .split-banner-text h3{font-family:Century,Century Schoolbook,Georgia,Times New Roman,serif;font-weight:700;letter-spacing:.02em}.our-location .split-banner-text p{line-height:1.8}
/*# sourceMappingURL=main.1b504ac3.css.map*/