.menu-section{--menu-background:var(--yellow);--menu-mark:#f1cc78;--menu-grain:#d6b77155;background:var(--menu-background);transition:background-color .55s var(--ease);border-radius:50% 50% 0 0/48px 48px 0 0;margin-top:-1px;padding:115px 6% 100px;position:relative;overflow:clip}.menu-section[data-season=autumn]{--menu-background:#f7dfbd;--menu-mark:#dfb78a;--menu-grain:#ba905855}.menu-section[data-season=spring]{--menu-background:#f7e0e8;--menu-mark:#e8b8cd;--menu-grain:#c99cac55}.menu-section[data-season=tanabata]{--menu-background:#e9e2f5;--menu-mark:#cbbce4;--menu-grain:#a595bd55}.menu-section:before{content:"";background-image:radial-gradient(var(--menu-grain) .8px, transparent .8px);pointer-events:none;background-size:12px 12px;position:absolute;inset:0}.cafe-menu{max-width:1160px;margin:36px auto 0;position:relative}.menu-tabs{background:#fffdf64d;border:1px solid #bda77555;border-radius:60px;justify-content:center;gap:3px;width:fit-content;margin:0 auto 54px;padding:5px;display:flex}.menu-tabs button{color:#4a6875;min-width:94px;min-height:44px;transition:background .2s, color .2s, transform .25s var(--ease), box-shadow .25s;border-radius:40px;padding:10px 22px;font-size:14px;font-weight:900}.menu-tabs button:hover{color:var(--ink)}.menu-tabs button[aria-selected=true]{background:var(--cream);color:#23424f;box-shadow:0 3px #9c813921}.menu-tabs button:active{transform:scale(.94)}.menu-pages{perspective:1200px;display:grid}.menu-page{grid-area:1/1;grid-template-columns:1.2fr 1fr;align-items:center;gap:7%;min-width:0;display:grid}.menu-page[hidden]{visibility:hidden;pointer-events:none;display:grid!important}.menu-picture{text-align:center;min-width:0;position:relative}.menu-image{border:7px solid var(--cream);border-radius:44% 14% 29% 12%/18% 15% 19% 18%;width:100%;display:block;position:relative;overflow:hidden;transform:rotate(-3deg);box-shadow:7px 10px #b299591b}.menu-image img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .65s var(--ease)}#panel-regular .menu-image img{aspect-ratio:16/9}.menu-picture>h3{margin:27px 0 8px;font-size:clamp(22px,2.4vw,30px)}.menu-picture>p{font-size:13px}.menu-recommend{z-index:2;background:var(--pink);border-radius:4px;padding:8px 15px;font-size:12px;font-weight:900;position:absolute;top:-20px;left:6%;transform:rotate(-8deg)}.menu-zoom{background:var(--cream);border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;bottom:8%;right:7%;box-shadow:0 2px 6px #385d6c12}.menu-zoom svg{width:20px;height:20px}.menu-paper{background:var(--cream);border-radius:9px 20px 12px 15px;padding:38px 35px 30px;position:relative;transform:rotate(2deg);box-shadow:8px 10px #b2995920}.menu-paper:before{content:"";clip-path:polygon(2% 0,98% 0,100% 100%,0 100%);background:#c6dfceb3;width:84px;height:30px;position:absolute;top:-14px;left:calc(50% - 42px);transform:rotate(-6deg)}.menu-list+.menu-list{margin-top:25px}.menu-list h3{align-items:center;gap:10px;margin-bottom:10px;font-size:16px;display:flex}.menu-list h3 svg{color:#829b8c;width:22px;height:22px}.menu-paper ul{list-style:none}.menu-paper li{border-bottom:1px dashed var(--line);padding:9px 0;font-size:14px}.menu-paper li small{color:#627a80;font-size:11px;display:block}.menu-note{color:#627a80;margin-top:22px;font-size:12px;line-height:1.8}.menu-board{border-radius:14px;transform:rotate(-4deg)}.menu-board img{object-fit:contain}.seasonal-paper{padding:45px 35px}.seasonal-paper>h3{margin:15px 0 23px;font-size:29px}.menu-season-date{background:#e9efe3;border-radius:30px;padding:5px 13px;font-size:12px;display:inline-block}.menu-season-mark{width:60px;height:60px;color:var(--pink);position:absolute;top:22px;right:25px;transform:rotate(10deg)}#panel-tanabata .menu-season-mark{color:#c6bddd}#panel-autumn .menu-season-mark{color:#dbab84}#panel-autumn .menu-season-date{background:#f5e6d1}@media (hover:hover){.menu-image:hover img{transform:scale(1.045)}.menu-tabs button:hover{background:var(--cream)}}@media (width<=899px){.menu-section{padding:90px 5% 80px}.menu-page{gap:5%}.menu-paper{padding:30px 24px 26px}.menu-paper li{font-size:13px}}@media (width<=700px){.menu-section{border-radius:50% 50% 0 0/24px 24px 0 0;padding:70px 6% 60px}.cafe-menu{margin-top:22px}.menu-tabs{margin-bottom:35px}.menu-tabs button{min-width:0;padding:10px 17px;font-size:13px}.menu-page{grid-template-columns:1fr;align-content:start;align-items:start;gap:28px}.menu-picture{width:96%;margin:0 auto}.menu-image{border-width:5px}.menu-recommend{padding:6px 12px;font-size:10px;top:-12px}.menu-picture>h3{margin-top:20px;font-size:24px}.menu-picture>p{font-size:12px}.menu-paper{grid-template-columns:1fr 1.15fr;gap:12px;padding:26px 20px 22px;display:grid}.menu-list+.menu-list{margin:0}.menu-list h3{gap:6px;font-size:14px}.menu-list h3 svg{width:18px;height:18px}.menu-paper li{padding:7px 0;font-size:13px;line-height:1.8}.menu-paper .menu-note{text-align:center;grid-column:1/-1;margin:5px 0 0;font-size:12px}.seasonal-paper{min-height:255px;padding:27px;display:block}.seasonal-paper>h3{margin:12px 0 10px;font-size:25px}.seasonal-paper li{font-size:13px}.seasonal-paper .menu-note{text-align:left;margin-top:16px}.menu-season-mark{width:55px;height:55px}}@media (width<=600px){.menu-page[hidden]{display:none!important}.menu-tabs{gap:4px;padding:4px}.menu-tabs button{min-width:66px;padding:10px 13px;font-size:13px}.menu-paper{flex-direction:column;gap:20px;padding:26px 20px 22px;display:flex}.menu-list+.menu-list{margin-top:5px}}.menu-disclaimer{text-align:center;color:#5d7580;letter-spacing:.02em;max-width:600px;margin:36px auto 0;font-size:12px}