:root{--red:#e60012;--ink:#101010;--paper:#f5f3ee;--line:#d3d0c8;--muted:#686868;--green:#16784a;--radius:2px}*{box-sizing:border-box}html{font-family:"Helvetica Neue","Yu Gothic",YuGothic,Arial,sans-serif;color:var(--ink);background:var(--paper)}body{margin:0;min-height:100vh}a{color:inherit}button,input,select,textarea{font:inherit}.site-header{height:76px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);background:rgba(245,243,238,.96);position:sticky;top:0;z-index:20}.site-header .brand{font-weight:900;font-size:24px;letter-spacing:-1px;text-decoration:none}.site-header .brand span{color:var(--red)}.site-header nav{display:flex;gap:22px;margin-left:auto}.site-header nav a{text-decoration:none;font-weight:700;font-size:13px}.site-header small{color:var(--muted)}.site-footer{padding:42px clamp(20px,5vw,72px);display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:12px;letter-spacing:.08em}.site-footer p{color:var(--red);font-weight:800;margin:0}.site-footer small{color:var(--muted)}main{min-height:calc(100vh - 160px)}.booking-hero{padding:clamp(64px,9vw,132px) clamp(20px,8vw,128px) 70px;background:var(--ink);color:#fff;position:relative;overflow:hidden}.booking-hero:after{content:"予約";position:absolute;right:-1vw;bottom:-8vw;font-size:30vw;line-height:1;color:rgba(255,255,255,.025);font-weight:900}.eyebrow{font-size:11px;letter-spacing:.24em;color:var(--red);font-weight:900}.booking-hero h1,.completion-page h1{font-size:clamp(42px,7vw,92px);line-height:.98;letter-spacing:-.06em;margin:22px 0 28px}.booking-hero>p:last-child{max-width:640px;color:#b8b8b8;line-height:1.9}.booking-layout{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,820px);gap:clamp(40px,8vw,120px);padding:clamp(56px,8vw,112px) clamp(20px,8vw,128px)}.booking-guide{border-top:3px solid var(--ink);padding-top:20px}.booking-guide strong{font-size:11px;letter-spacing:.2em;color:var(--red)}.booking-guide ol{padding-left:22px;line-height:2.5;font-weight:700}.booking-form label,.login-card label,.vehicle-admin-card label,.block-form label{display:grid;gap:9px;font-size:13px;font-weight:800}.booking-form em{color:var(--red);font-style:normal;font-size:10px}.field-grid{display:grid;gap:24px;margin-bottom:24px}.field-grid.two{grid-template-columns:1fr 1fr}.booking-form>label{margin-bottom:24px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:14px 15px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(230,0,18,.08)}textarea{resize:vertical}.booking-form hr{border:0;border-top:1px solid var(--line);margin:34px 0}.consent{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:10px!important;font-weight:500!important;line-height:1.6}.consent input{width:18px;height:18px;flex:0 0 auto}.primary-button,.availability-button,.vehicle-admin-card button,.block-form button,.inline-status button{appearance:none;border:0;border-radius:var(--radius);padding:16px 20px;font-weight:900;cursor:pointer}.primary-button{background:var(--red);color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:space-between;width:100%}.availability-button{background:var(--ink);color:#fff}.availability-result{min-height:24px;margin:10px 0 28px;font-size:13px;font-weight:800}.availability-result.available{color:var(--green)}.availability-result.unavailable{color:var(--red)}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.alert{padding:14px 16px;border-left:4px solid;margin:0 0 24px;font-weight:700;font-size:14px}.alert.error{border-color:var(--red);background:#fff0f0}.alert.success{border-color:var(--green);background:#edf8f2}.completion-page{display:grid;place-items:center;padding:70px 20px}.completion-page>div{max-width:760px}.completion-page p:not(.eyebrow){line-height:2;color:var(--muted);margin-bottom:36px}.completion-page .primary-button{display:inline-flex;width:auto;gap:40px}.admin-shell{background:#efeee9}.admin-shell .site-header{background:#111;color:#fff;border-color:#333}.admin-shell .site-header .brand{color:#fff}.login-page{display:grid;place-items:center;padding:60px 20px}.login-card{width:min(100%,440px);background:#fff;padding:clamp(28px,5vw,56px);border-top:5px solid var(--red);box-shadow:0 14px 50px rgba(0,0,0,.08)}.login-card h1{font-size:42px;margin:8px 0 32px}.login-card label{margin-bottom:20px}.admin-main{padding:clamp(32px,5vw,70px);max-width:1600px;margin:auto}.admin-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.admin-heading h1{font-size:clamp(36px,5vw,64px);letter-spacing:-.06em;margin:5px 0}.admin-heading>p{color:var(--muted)}.status-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.status-tabs a{padding:10px 13px;text-decoration:none;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:800}.status-tabs a.active{background:var(--ink);color:#fff;border-color:var(--ink)}.status-tabs b{margin-left:8px;color:var(--red)}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:940px}th,td{text-align:left;padding:16px;border-bottom:1px solid #e6e4df;vertical-align:top;font-size:13px}th{background:#f7f6f2;font-size:10px;letter-spacing:.12em;color:var(--muted)}td strong,td small{display:block}td small{margin-top:6px;color:var(--muted)}td details{margin-top:8px;max-width:320px}td details p{white-space:normal;line-height:1.6}.inline-status{display:flex;gap:5px}.inline-status select{padding:8px}.inline-status button{padding:8px 10px;background:var(--ink);color:#fff}.empty{text-align:center;padding:50px;color:var(--muted)}.vehicle-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:18px}.vehicle-admin-card{background:#fff;padding:24px;border-top:4px solid var(--ink);display:grid;gap:16px}.vehicle-admin-card>div{display:flex;justify-content:space-between;font-size:11px;color:var(--red)}.vehicle-admin-card button,.block-form button{background:var(--ink);color:#fff}.block-form{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.5fr auto;gap:12px;align-items:end;background:#fff;padding:20px;margin-bottom:24px}.danger-button{border:1px solid var(--red);color:var(--red);background:#fff;padding:7px 10px;font-weight:800;cursor:pointer}
@media(max-width:900px){.site-header{height:auto;min-height:68px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}.site-header nav{order:3;width:100%;overflow:auto;padding-bottom:2px}.site-header small{margin-left:auto}.booking-layout{grid-template-columns:1fr}.booking-guide{display:none}.vehicle-admin-grid{grid-template-columns:1fr 1fr}.block-form{grid-template-columns:1fr 1fr}.admin-heading{align-items:start;flex-direction:column}.admin-heading>p{margin:0}.site-footer{flex-direction:column}}
@media(max-width:620px){.site-header nav{gap:16px}.field-grid.two{grid-template-columns:1fr}.booking-hero{padding-top:72px}.booking-hero h1{font-size:48px}.booking-layout{padding-top:50px}.vehicle-admin-grid,.block-form{grid-template-columns:1fr}.admin-main{padding:28px 16px}.site-footer{padding:32px 20px}.status-tabs{flex-wrap:nowrap;overflow:auto;padding-bottom:6px}.status-tabs a{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.create-vehicle{background:#fff;border:1px solid var(--line);margin-bottom:22px}.create-vehicle summary{padding:18px 22px;font-weight:900;cursor:pointer}.create-vehicle form{border-top:1px solid var(--line);padding:22px}.create-vehicle form>label{display:grid;gap:9px;font-weight:800;font-size:13px}.create-vehicle button{background:var(--red);color:#fff;border:0;padding:14px 20px;font-weight:900;margin-top:18px;cursor:pointer}
.create-vehicle small,.vehicle-image-editor small{color:var(--muted);font-weight:500;line-height:1.6}.vehicle-admin-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--red)}.vehicle-admin-card>.vehicle-image-editor{display:grid;gap:12px}.vehicle-image-editor>img,.vehicle-image-placeholder{display:block;width:100%;aspect-ratio:16/10;border:1px solid var(--line);background:#f2f1ed;object-fit:cover}.vehicle-image-placeholder{display:grid;place-items:center;color:#999;font-size:12px;font-weight:900;letter-spacing:.16em}.vehicle-image-editor input[type=file],.create-vehicle input[type=file]{padding:10px;background:#fafafa}.vehicle-image-editor .remove-image{color:var(--red)}
