/* SYSTR デザインサンプル共通（架空のお店・事務所） */
*{box-sizing:border-box;margin:0;padding:0}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
ul,ol{list-style:none}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:var(--hh,80px)}
body{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overflow-x:hidden}
.demobar{background:#2b2320;color:#f4ece0;font:12px/1.5 "Hiragino Sans","Noto Sans JP",sans-serif;letter-spacing:.03em;padding:7px 16px;display:flex;justify-content:center;flex-wrap:wrap;gap:4px 18px;position:relative;z-index:60}
.demobar a{color:#ffd79a;text-decoration:underline;white-space:nowrap}
.demobar .sp{display:none}
@media(max-width:760px){.demobar .pc{display:none}.demobar .sp{display:inline}.demobar{font-size:11.5px;gap:2px 12px}}
.burger{display:none;width:44px;height:44px;position:relative;flex:none}
.burger:before,.burger:after,.burger i{content:"";position:absolute;left:11px;right:11px;height:2px;background:currentColor;transition:.2s}
.burger:before{top:15px}.burger i{top:21px}.burger:after{top:27px}
.menu-open .burger:before{top:21px;transform:rotate(45deg)}.menu-open .burger i{opacity:0}.menu-open .burger:after{top:21px;transform:rotate(-45deg)}
.toast{position:fixed;left:50%;bottom:76px;transform:translate(-50%,16px);background:rgba(28,28,28,.93);color:#fff;font:13px/1.6 "Hiragino Sans","Noto Sans JP",sans-serif;padding:10px 18px;border-radius:8px;opacity:0;pointer-events:none;transition:.25s;z-index:200;width:max-content;max-width:calc(100% - 32px);text-align:center}
.toast.on{opacity:1;transform:translate(-50%,0)}
.demo-sent{margin-top:14px;font-size:13.5px;line-height:1.8;background:#fff8e6;border:1px solid #f0dca8;color:#5b4a1e;border-radius:8px;padding:10px 14px}
dialog.rsv{border:0;border-radius:14px;padding:0;width:min(520px,calc(100% - 24px));max-height:calc(100% - 24px);margin:auto;box-shadow:0 24px 70px rgba(0,0,0,.3);color:#222;background:#fff;font:14px/1.6 "Hiragino Sans","Noto Sans JP",sans-serif}
dialog.rsv::backdrop{background:rgba(0,0,0,.45)}
.rsv-hd{display:flex;justify-content:space-between;align-items:center;padding:12px 12px 12px 18px;background:var(--acc);color:#fff;font-weight:700;font-size:15px}
.rsv-x{color:#fff;font-size:24px;line-height:1;width:36px;height:36px}
.rsv-bd{padding:4px 18px 18px}
.rsv-step{font-size:13px;font-weight:700;color:var(--acc);margin:14px 0 7px}
.rsv-chips{display:flex;flex-wrap:wrap;gap:6px}
.rsv-chips button{border:1px solid #d5d9dd;border-radius:6px;padding:6px 11px;font-size:13.5px;background:#fff}
.rsv-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.rsv-days button{border:1px solid #d5d9dd;border-radius:6px;padding:4px 0;font-size:11.5px;line-height:1.35;background:#fff}
.rsv-days button b{display:block;font-size:15px}
.rsv-days button i{display:block;font-style:normal;color:var(--acc);font-weight:700}
.rsv-chips button.on,.rsv-days button.on{background:var(--acc);border-color:var(--acc);color:#fff}
.rsv-days button.on i{color:#fff}
.rsv-chips button:disabled,.rsv-days button:disabled{color:#b8b8b8;background:#f4f4f4;cursor:default}
.rsv-chips button:disabled{text-decoration:line-through}
.rsv-days button:disabled i{color:#b8b8b8}
.rsv-sum{margin-top:14px;font-size:13px;background:#f5f6f7;border-radius:8px;padding:9px 12px;color:#555}
.rsv-go{display:block;width:100%;margin-top:10px;background:var(--acc);color:#fff;border-radius:8px;padding:12px;font-weight:700}
.rsv-go:disabled{opacity:.35;cursor:default}
.rsv-done{margin-top:10px;font-size:13px;line-height:1.8;background:#fff8e6;border:1px solid #f0dca8;color:#5b4a1e;border-radius:8px;padding:10px 12px}