*{box-sizing:border-box}:root{--ink:#28382e;--muted:#7f887e;--cream:#f7f5ef;--white:#fffefa;--green:#526e55;--light:#e9eee5;--orange:#df845d;--line:#e8e5dc}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans','Noto Sans JP',sans-serif}button,input,select,textarea{font:inherit}.topbar{height:76px;padding:0 max(calc((100vw - 1160px)/2),24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8e5dc;background:#f7f5ef;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-weight:800;font-size:15px;letter-spacing:.04em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--green);color:#fff;border-radius:50% 50% 46% 50%;font-family:'Noto Sans JP';font-size:18px;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand small{display:block;font-size:8px;letter-spacing:.18em;color:var(--muted);font-weight:600;margin-top:2px}.header-actions{display:flex;align-items:center;gap:14px}.admin-link{font-size:11px;color:var(--green);text-decoration:none;font-weight:700}.cart-shortcut{background:transparent;border:1px solid #d8ddd4;border-radius:30px;padding:8px 14px;color:var(--ink);font-size:12px;cursor:pointer}.cart-shortcut b{background:var(--green);color:white;border-radius:50%;padding:2px 6px;margin-left:6px}main{max-width:1160px;margin:auto;padding:0 24px}.demo-notice{margin:18px 5% 0;background:#fff3de;color:#77572d;padding:12px 16px;border-radius:8px;font-size:12px;line-height:1.6}.banner{position:relative;min-height:132px;margin:24px 5% 0;border-radius:14px;overflow:hidden;background:#526e55;color:#fff;display:flex;align-items:center}.banner[hidden]{display:none}.banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.banner:has(>img:not([hidden])):after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#17261dcf,#17261d30)}.banner-copy{position:relative;z-index:1;padding:23px 28px;max-width:720px}.banner-kicker{font-size:10px;letter-spacing:.15em;opacity:.8}.banner h2{font-size:22px;margin:5px 0}.banner p{margin:0;font-size:13px;line-height:1.65}.hero{min-height:440px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding:44px 5% 38px}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--green);font-weight:700}.hero h1{font-family:'Noto Sans JP',sans-serif;font-size:clamp(32px,4.5vw,53px);line-height:1.48;letter-spacing:.03em;margin:20px 0 12px;font-weight:700;white-space:pre-line}.hero h1 em{color:var(--orange);font-style:normal}.hero-copy p{color:#727d72;font-size:14px;margin:0 0 32px}.hero-link{color:var(--green);font-size:12px;font-weight:700;text-decoration:none;border-bottom:1px solid #aeb9ac;padding-bottom:7px}.hero-link span{padding-left:14px}.hero-art{height:330px;position:relative;background:#e8e9de;border-radius:48% 48% 13px 13px;overflow:hidden;display:grid;place-items:center}.hero-art:before,.hero-art:after{content:'';position:absolute;background:#d7dfd0;border-radius:50%;width:200px;height:280px;transform:rotate(35deg);bottom:-170px;left:-75px}.hero-art:after{left:auto;right:-90px;bottom:-140px;background:#f2d7c5}.sun{position:absolute;width:118px;height:118px;border-radius:50%;background:#f0c486;right:22%;top:36px;opacity:.84}.plate{position:relative;width:250px;height:250px;border-radius:50%;background:#fffdf5;box-shadow:0 16px 30px #48533d26;display:grid;place-items:center;transform:rotate(-7deg);z-index:1}.plate:after{content:'';position:absolute;inset:16px;border-radius:50%;border:1px solid #ece9de}.rice{position:absolute;width:98px;height:115px;background:#f3eee0;border-radius:50%;left:40px;top:70px;box-shadow:inset 0 0 0 7px #eee7d6}.soup{position:absolute;width:95px;height:95px;background:#d88955;border-radius:50%;right:34px;top:72px;box-shadow:inset 0 0 0 8px #e8b184}.greens{position:absolute;bottom:34px;right:76px;width:76px;height:45px;border-radius:70% 30% 70% 35%;background:#728c59;transform:rotate(-25deg)}.art-caption{position:absolute;bottom:19px;z-index:2;font-size:8px;letter-spacing:.19em;color:#73806d}.notice{margin:0 5% 70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 2px;font-size:12px;color:#5b685b;display:flex;align-items:center;gap:10px}.notice-dot{width:7px;height:7px;border-radius:50%;background:#86a077;flex:none}.notice-hours{margin-left:auto;color:#90958a;font-size:11px}.menu-section,.order-panel{padding:0 5%;margin-bottom:88px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-heading h2{font-family:'Noto Sans JP';font-size:27px;letter-spacing:.04em;margin:7px 0 0}.menu-note,.step-label{font-size:11px;color:#99998f}.category-tabs{display:flex;gap:8px;margin-bottom:22px;overflow:auto}.category-tabs button{border:1px solid #e1e3da;background:transparent;color:#6f796d;border-radius:25px;padding:8px 18px;white-space:nowrap;font-size:11px;cursor:pointer}.category-tabs button.active{background:var(--green);border-color:var(--green);color:white}.menu-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.menu-card{background:var(--white);border:1px solid #eeece4;border-radius:12px;padding:18px;display:flex;align-items:center;gap:14px;min-height:104px}.food-icon{width:56px;height:56px;flex:none;border-radius:12px;background:#f2eee2;display:grid;place-items:center;font-size:28px;overflow:hidden}.food-icon img{width:100%;height:100%;object-fit:cover}.menu-info{min-width:0;flex:1}.menu-info h3{font-family:'Noto Sans JP';font-size:14px;margin:0 0 5px}.menu-info p{font-size:10px;line-height:1.6;color:#8b9087;margin:0}.menu-price{font-size:13px;font-weight:700;margin-top:7px}.add-button{border:1px solid #d5ded2;background:#f6f8f2;border-radius:50%;width:34px;height:34px;color:var(--green);font-size:20px;cursor:pointer;flex:none}.add-button:hover{background:var(--green);color:#fff}.add-button:disabled{opacity:.35;cursor:not-allowed}.loading-card,.empty-menu{grid-column:1/-1;background:#fffefa;border:1px solid var(--line);padding:24px;border-radius:10px;color:#888;font-size:13px}.order-panel{padding:29px;background:#eeefe7;border-radius:14px;margin-left:5%;margin-right:5%}.cart-items{border-top:1px solid #dcded4}.empty-cart{font-size:12px;color:#95998e;padding:18px 0}.cart-line{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #dcded4;font-size:12px}.cart-line .line-name{flex:1;font-weight:600}.quantity{display:flex;align-items:center;gap:9px}.quantity button{border:1px solid #d1d6ca;border-radius:50%;background:transparent;width:25px;height:25px;color:var(--green);cursor:pointer}.line-sum{width:70px;text-align:right;font-weight:700}.order-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.form-row{display:flex;flex-direction:column;gap:7px}.form-row:last-child{grid-column:1/-1}.form-row label{font-size:11px;font-weight:700}.form-row label span{font-size:9px;color:#bf775d;margin-left:4px}.form-row label small{color:#999;font-weight:400}.form-row input,.form-row select,.form-row textarea{width:100%;border:1px solid #dedfd7;border-radius:7px;background:#fffefa;padding:11px 12px;font-size:12px;color:var(--ink);outline-color:#82927a}.form-row textarea{resize:vertical}.total-row{border-top:1px solid #d4d8ce;margin-top:22px;padding-top:17px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.total-row strong{font-family:'DM Sans';font-size:23px}.submit-button{width:100%;border:0;background:var(--green);color:#fff;border-radius:7px;padding:16px;margin-top:16px;font-size:13px;font-weight:700;cursor:pointer}.submit-button span{float:right}.submit-button:disabled{opacity:.45;cursor:not-allowed}.submit-note{text-align:center;font-size:10px;color:#8a9288;margin:10px 0 0}.order-panel .section-heading{margin-bottom:18px}footer{border-top:1px solid var(--line);padding:23px 5%;display:flex;align-items:center;gap:9px;color:#60705f;font-size:11px;font-weight:700}.small-mark{width:27px;height:27px;font-size:13px}.footer-copy{margin-left:auto;color:#a0a398;font-weight:400;font-size:10px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:#26372d;color:white;padding:12px 20px;border-radius:30px;font-size:12px;transition:.25s;pointer-events:none;z-index:20;max-width:calc(100vw - 36px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:700px){.topbar{height:64px;padding:0 18px}.header-actions{gap:9px}.admin-link{font-size:10px}main{padding:0 18px}.banner{margin:18px 3% 0;min-height:112px}.banner-copy{padding:18px 20px}.banner h2{font-size:18px}.banner p{font-size:11px}.hero{grid-template-columns:1fr;gap:20px;padding:40px 3% 30px;min-height:auto}.hero h1{font-size:36px;margin-top:14px}.hero-copy p{margin-bottom:22px}.hero-art{height:250px}.plate{width:190px;height:190px}.rice{width:75px;height:88px;left:31px;top:52px}.soup{width:72px;height:72px;right:26px;top:54px}.greens{bottom:25px;right:58px;width:58px;height:34px}.notice{margin:0 3% 55px;font-size:10px;flex-wrap:wrap}.notice-hours{font-size:9px}.menu-section,.order-panel{padding:0 3%;margin-bottom:62px}.section-heading h2{font-size:23px}.menu-list{grid-template-columns:1fr}.menu-card{padding:13px;min-height:92px}.order-panel{padding:21px 17px;margin-left:3%;margin-right:3%}.order-form{grid-template-columns:1fr}.form-row:last-child{grid-column:auto}.footer-copy{font-size:9px}}