:root{--color-brand:#2f867d;--color-brand-dark:#1f5e58;--color-brand-light:#e6f4f3;--color-brand-mid:#4a9e96;--color-accent:#2e9a78;--color-text:#1a2e2d;--color-text-muted:#6b8786;--color-text-light:#a8c0be;--color-bg:#f5fafa;--color-surface:#fff;--color-border:#d4e8e6;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--shadow-card:0 2px 16px #2f867d1a;--shadow-btn:0 4px 14px #2f867d4d;--font-body:"Noto Sans JP",sans-serif;--font-display:"Zen Maru Gothic",sans-serif;--max-w:560px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.reserve-root{background-color:var(--color-bg);min-height:100dvh;font-family:var(--font-body);color:var(--color-text);-webkit-font-smoothing:antialiased;flex-direction:column;display:flex}.reserve-header{background-color:var(--color-surface);box-shadow:0 1px 0 var(--color-border);z-index:50;position:sticky;top:0}.reserve-header-inner{max-width:var(--max-w);justify-content:space-between;align-items:center;gap:12px;height:60px;margin:0 auto;padding:0 20px;display:flex}.reserve-logo-link{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.reserve-logo-img{object-fit:cover;border-radius:50%;flex-shrink:0}.reserve-logo-text{flex-direction:column;line-height:1.2;display:flex}.reserve-logo-sub{color:var(--color-text-muted);letter-spacing:.03em;font-size:9px;font-family:var(--font-body)}.reserve-logo-name{color:var(--color-brand-dark);font-size:15px;font-weight:700;font-family:var(--font-display);letter-spacing:.05em}.reserve-header-actions{gap:8px;display:flex}.reserve-header-back{color:var(--color-text-muted);border:1px solid var(--color-border);white-space:nowrap;border-radius:99px;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:11px;text-decoration:none;transition:all .2s;display:flex}.reserve-header-back:hover{color:var(--color-brand);border-color:var(--color-brand);background:var(--color-brand-light)}.reserve-header-accent{background:linear-gradient(90deg,var(--color-brand)0%,var(--color-accent)60%,var(--color-brand-light)100%);height:3px}.reserve-main{width:100%;max-width:var(--max-w);flex:1;margin:0 auto;padding:24px 16px 60px}.reserve-footer{text-align:center;border-top:1px solid var(--color-border);background:var(--color-surface);padding:20px 16px 28px}.reserve-footer-name{color:var(--color-text-muted);font-size:11px;font-family:var(--font-display);margin-bottom:4px}.reserve-footer-copy{color:var(--color-text-light);font-size:10px}.step-dot-done{background:var(--color-brand)}.step-dot-active{background:var(--color-brand);box-shadow:0 0 0 4px #2f867d26}.step-dot-idle{background:var(--color-border)}.step-line-done{background:var(--color-brand)}.step-line-idle{background:var(--color-border)}.menu-card{text-align:left;border-radius:var(--radius-lg);border:2px solid var(--color-border);background:var(--color-surface);cursor:pointer;width:100%;padding:18px 20px;transition:border-color .18s,box-shadow .18s,transform .15s;display:block}.menu-card:hover{border-color:var(--color-brand-mid);box-shadow:var(--shadow-card);transform:translateY(-1px)}.menu-card.selected{border-color:var(--color-brand);background:var(--color-brand-light);box-shadow:var(--shadow-card)}.menu-card-name{color:var(--color-text);font-size:15px;font-weight:700;font-family:var(--font-display)}.menu-card-desc{color:var(--color-text-muted);margin-top:4px;font-size:12px;line-height:1.6}.menu-card-price{color:var(--color-brand);font-size:18px;font-weight:700;font-family:var(--font-display)}.menu-card-duration{color:var(--color-text-muted);margin-top:2px;font-size:11px}.btn-primary{background:var(--color-brand);color:#fff;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font-body);box-shadow:var(--shadow-btn);letter-spacing:.02em;border:none;padding:14px 32px;transition:background .18s,box-shadow .18s,transform .12s}.btn-primary:hover:not(:disabled){background:var(--color-brand-dark);transform:translateY(-1px);box-shadow:0 6px 18px #2f867d5c}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{background:var(--color-border);color:var(--color-text-light);box-shadow:none;cursor:not-allowed}.btn-secondary{color:var(--color-text-muted);border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:pointer;font-size:13px;font-family:var(--font-body);background:0 0;padding:12px 20px;transition:background .15s,color .15s}.btn-secondary:hover{background:var(--color-brand-light);color:var(--color-brand);border-color:var(--color-brand-mid)}.form-input{border:1.5px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-size:15px;font-family:var(--font-body);color:var(--color-text);background:var(--color-surface);-webkit-appearance:none;outline:none;padding:13px 16px;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px #2f867d1f}.form-input.error{background:#fff8f8;border-color:#e05555}.form-input.error:focus{box-shadow:0 0 0 3px #e055551f}.form-textarea{resize:none;min-height:90px;line-height:1.6}.form-label{color:var(--color-text);letter-spacing:.01em;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.form-label-required:after{content:" *";color:#e05555;font-size:11px}.form-error{color:#e05555;margin-top:5px;font-size:11px}.cal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.cal-month-label{color:var(--color-text);font-size:17px;font-weight:700;font-family:var(--font-display)}.cal-nav-btn{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;width:36px;height:36px;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.cal-nav-btn:hover:not(:disabled){background:var(--color-brand-light);border-color:var(--color-brand);color:var(--color-brand)}.cal-nav-btn:disabled{opacity:.3;cursor:not-allowed}.cal-weekdays{text-align:center;color:var(--color-text-muted);letter-spacing:.02em;grid-template-columns:repeat(7,1fr);margin-bottom:8px;font-size:11px;font-weight:700;display:grid}.cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;min-height:240px;display:grid}.cal-day{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0;font-size:13px;font-weight:500;line-height:1;transition:all .15s;display:flex}.cal-day.available{background:var(--color-brand-light);color:var(--color-brand-dark)}.cal-day.available:hover{background:var(--color-brand);color:#fff;box-shadow:var(--shadow-card);transform:scale(1.08)}.cal-day.selected{background:var(--color-brand);color:#fff;box-shadow:var(--shadow-btn);transform:scale(1.05)}.cal-day.unavailable{color:var(--color-text-light);cursor:not-allowed}.cal-day.holiday{color:#f4a0a0;cursor:not-allowed}.cal-day-badge{opacity:.7;font-size:9px;line-height:1}.slot-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px;display:grid}@media (min-width:400px){.slot-grid{grid-template-columns:repeat(5,1fr)}}.slot-btn{border-radius:var(--radius-sm);text-align:center;cursor:pointer;border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-brand-dark);font-size:12px;font-weight:600;font-family:var(--font-body);padding:10px 4px;transition:all .15s}.slot-btn.available:hover{border-color:var(--color-brand);background:var(--color-brand-light);transform:translateY(-1px)}.slot-btn.selected{background:var(--color-brand);border-color:var(--color-brand);color:#fff;box-shadow:var(--shadow-btn)}.slot-btn.taken{background:var(--color-bg);color:var(--color-text-light);cursor:not-allowed;border-color:#0000}.confirm-card{background:var(--color-brand-light);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px}.confirm-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:12px;padding:6px 0;font-size:13px;display:flex}.confirm-row:last-child{border-bottom:none}.confirm-label{color:var(--color-text-muted);flex-shrink:0;padding-top:1px;font-size:12px}.confirm-value{color:var(--color-text);text-align:right;font-weight:600}.complete-icon{color:var(--color-brand)}.alert-error{border-radius:var(--radius-md);color:#c0392b;background:#fff5f5;border:1px solid #ffc9c9;align-items:flex-start;gap:10px;padding:14px 16px;font-size:13px;line-height:1.5;display:flex}.alert-info{border-radius:var(--radius-md);color:#92620a;background:#fffbeb;border:1px solid #fde68a;padding:14px 16px;font-size:13px;line-height:1.5}.policy-box{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);white-space:pre-wrap;max-height:140px;padding:14px 16px;font-size:12px;line-height:1.7;overflow-y:auto}.menu-section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:12px;padding-left:2px;font-size:10px;font-weight:700}.loading-text{text-align:center;color:var(--color-text-muted);padding:40px 0;font-size:13px}.selected-menu-bar{background:var(--color-brand-light);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.selected-menu-bar-name{color:var(--color-brand-dark);font-size:14px;font-weight:700;font-family:var(--font-display)}.selected-menu-bar-meta{color:var(--color-text-muted);margin-top:1px;font-size:11px}.selected-menu-bar-change{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:4px;font-size:11px;text-decoration:underline}.reserve-page{width:100%}.reserve-page-header{text-align:center;margin-bottom:20px;padding:0 4px}.reserve-page-title{color:var(--color-text);font-size:22px;font-weight:700;font-family:var(--font-display);letter-spacing:.04em}.reserve-page-subtitle{color:var(--color-text-muted);margin-top:4px;font-size:13px}.step-nav{justify-content:center;align-items:center;padding:16px 8px 20px;display:flex}.step-item{align-items:center;display:flex}.step-item-inner{flex-direction:column;align-items:center;gap:5px;display:flex}.step-dot{border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.step-dot-done,.step-dot-active{color:#fff}.step-dot-idle{color:var(--color-text-light)}.step-label{color:var(--color-text-light);letter-spacing:.02em;font-size:9px;font-weight:400}.step-label-active{color:var(--color-brand);font-weight:700}.step-connector{border-radius:2px;width:28px;height:2px;margin:0 3px 14px}.step-form{flex-direction:column;gap:20px;display:flex}.step-form-nav{justify-content:space-between;padding-top:4px;display:flex}.cal-weekday-sun{color:#f4a0a0}.cal-weekday-sat{color:#90b8d8}.cal-error{text-align:center;color:#e05555;padding:20px 0;font-size:13px}.cal-slot-section{margin-top:20px}.cal-slot-label{color:var(--color-text-muted);margin-bottom:4px;font-size:13px;font-weight:700}.cal-slot-empty{color:var(--color-text-light);font-size:13px}.step-body{flex-direction:column;gap:28px;margin-top:8px;display:flex}.step-body-sm{flex-direction:column;gap:16px;margin-top:8px;display:flex}.step-body-md{flex-direction:column;gap:20px;margin-top:8px;display:flex}.step-body-single{margin-top:8px}.step-intro{color:var(--color-text-muted);text-align:center;font-size:13px;line-height:1.7}.step-empty{text-align:center;color:var(--color-text-light);padding:40px 0;font-size:14px}.menu-list{flex-direction:column;gap:10px;list-style:none;display:flex}.menu-card-inner{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.menu-card-info{flex:1}.menu-card-meta{text-align:right;flex-shrink:0}.policy-section-label{color:var(--color-text-muted);margin-bottom:8px;font-size:12px;font-weight:700}.step-nav-row{justify-content:space-between;padding-top:4px;display:flex}.step-nav-row-right{justify-content:flex-end;padding-top:8px;display:flex}.complete-body{text-align:center;flex-direction:column;align-items:center;gap:24px;padding:32px 16px;display:flex}.complete-title{color:var(--color-text);font-size:20px;font-weight:700;font-family:var(--font-display);margin-bottom:10px}.complete-desc{color:var(--color-text-muted);font-size:14px;line-height:1.8}.complete-actions{flex-direction:column;gap:10px;width:100%;max-width:320px;display:flex}.complete-btn-hp{background:var(--color-surface);border:1.5px solid var(--color-brand);border-radius:var(--radius-md);width:100%;color:var(--color-brand);text-align:center;box-sizing:border-box;padding:12px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s;display:block}.complete-btn-hp:hover{background:var(--color-brand-light)}.complete-btn-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:13px;text-decoration:underline}.complete-guide-link{color:var(--color-brand);align-items:center;gap:4px;font-size:13px;text-decoration:underline;display:inline-flex}@media (min-width:480px){.reserve-main{padding:32px 24px 80px}.reserve-header-inner{padding:0 28px}}