:root{color-scheme:dark;--bg:#111;--surface:#191919;--card:#202020;--text:#fff;--muted:#aaa;--accent:#ff813a;--line:#343434;--danger:#ff6b6b;--ok:#80c99b;--max:1180px;--radius:10px;font-family:"Noto Sans JP","Yu Gothic UI",Meiryo,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(17,17,17,.96);border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:900;font-size:1.25rem}.brand span{color:var(--accent)}.nav-links{display:flex;gap:24px;color:var(--muted);font-size:.9rem}.nav-links a:hover{color:#fff}.hero{padding:92px 0 74px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#111 0%,#151515 70%,#1b1512 100%)}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--accent);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.eyebrow:before{content:"";width:28px;height:2px;background:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.45rem,7vw,5.8rem);line-height:1.05;max-width:930px;margin:20px 0 28px;letter-spacing:-.04em}h2{font-size:clamp(1.7rem,3.5vw,2.7rem);line-height:1.25}h3{font-size:1.12rem}.lead{font-size:clamp(1rem,2vw,1.2rem);color:#c8c8c8;max-width:680px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border:1px solid var(--line);background:transparent;color:#fff;padding:11px 20px;font-weight:800;border-radius:6px;transition:.18s ease}.btn:hover{border-color:#666;background:#1d1d1d}.btn-primary{background:var(--accent);border-color:var(--accent);color:#151515}.btn-primary:hover{background:#ff945e;border-color:#ff945e}.btn:disabled{opacity:.45;cursor:not-allowed}.section{padding:74px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.section-head p{color:var(--muted);max-width:560px}.genre-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.genre-card{display:flex;flex-direction:column;min-height:255px;padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);transition:.2s}.genre-card:hover{background:#222;box-shadow:inset 3px 0 var(--accent)}.genre-no{font-size:.74rem;color:var(--accent);font-weight:800}.genre-card h3{margin:30px 0 10px}.genre-card p{color:var(--muted);font-size:.92rem}.genre-bottom{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:12px}.price{font-weight:900;font-size:1.12rem}.arrow{color:var(--accent);font-size:1.5rem}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.process article{background:var(--surface);padding:25px}.process strong{color:var(--accent);font-size:.78rem}.notice{padding:22px;border-left:3px solid var(--accent);background:var(--surface);color:#d0d0d0}.site-footer{border-top:1px solid var(--line);padding:32px 0;color:var(--muted);font-size:.88rem}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.progress{display:grid;grid-template-columns:repeat(4,1fr);margin:34px 0 44px}.progress div{padding:12px 10px;border-bottom:2px solid var(--line);font-size:.82rem;color:#777}.progress .active{color:#fff;border-color:var(--accent)}.page-head{padding:48px 0 0}.page-head p{color:var(--muted)}.request-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);padding:28px;border-radius:var(--radius)}.panel-title{display:flex;gap:12px;align-items:center;padding-bottom:16px;margin-bottom:22px;border-bottom:1px solid var(--line)}.panel-title span{color:var(--accent);font-size:.78rem;font-weight:900}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field.full{grid-column:1/-1}.field label,.field legend{font-weight:700;font-size:.9rem}.required:after{content:" 必須";color:var(--accent);font-size:.7rem}.field input,.field select,.field textarea,.searchbar input,.searchbar select{width:100%;background:#121212;color:#fff;border:1px solid #444;border-radius:6px;padding:12px 13px;min-height:48px}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid rgba(255,129,58,.35);border-color:var(--accent)}.checks{display:grid;gap:10px}.check{display:flex;align-items:flex-start;gap:10px;color:#ddd}.check input{width:19px;height:19px;margin-top:3px;accent-color:var(--accent)}.option-list{display:grid;gap:10px}.option-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px;border:1px solid var(--line);border-radius:6px}.option-row:has(input:checked){border-color:var(--accent);background:#241b16}.option-label{display:flex;gap:10px;align-items:flex-start}.option-label input{accent-color:var(--accent);width:18px;height:18px}.qty{width:64px!important;min-height:36px!important;padding:4px!important}.estimate{position:sticky;top:94px}.estimate-total{font-size:2.1rem;font-weight:900;margin:8px 0}.estimate-total span{font-size:.8rem;color:var(--muted)}.estimate-lines{list-style:none;padding:0;margin:22px 0;border-top:1px solid var(--line)}.estimate-lines li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #303030;font-size:.86rem}.muted{color:var(--muted)}.warning{color:#ffd18a;background:#2c2419;padding:11px;border-radius:4px;font-size:.84rem}.error{color:#ffaaa9;font-size:.84rem}.success{color:var(--ok)}.mobile-total{display:none}.review{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.review-row{display:grid;grid-template-columns:190px 1fr;gap:20px;background:var(--surface);padding:15px}.review-row dt{color:var(--muted)}.review-row dd{margin:0;overflow-wrap:anywhere}.complete{text-align:center;max-width:720px;margin:50px auto}.receipt{font-size:1.4rem;font-weight:900;padding:18px;background:#111;border:1px dashed #555;margin:25px 0}.privacy{max-width:820px}.privacy section{margin:42px 0}.privacy h2{font-size:1.35rem;border-bottom:1px solid var(--line);padding-bottom:10px}.admin-shell{padding:40px 0}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.stat{padding:18px;background:var(--surface);border:1px solid var(--line)}.stat b{display:block;font-size:1.8rem}.stat span{color:var(--muted);font-size:.8rem}.searchbar{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;margin:22px 0}.table-wrap{overflow:auto;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;min-width:850px;background:var(--surface)}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line);font-size:.86rem}th{color:var(--muted);font-weight:700}.status{padding:3px 8px;border:1px solid #555;border-radius:999px;white-space:nowrap}.admin-detail{display:grid;grid-template-columns:1fr 320px;gap:24px}.hp{position:absolute!important;left:-9999px!important}@media(max-width:900px){.genre-grid{grid-template-columns:repeat(2,1fr)}.request-layout,.admin-detail{grid-template-columns:1fr}.estimate{position:static}.stats{grid-template-columns:repeat(2,1fr)}.searchbar{grid-template-columns:1fr 1fr}.process{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.container{width:min(calc(100% - 28px),var(--max))}.nav{height:62px}.nav-links a:not(:last-child){display:none}.hero{padding:62px 0 52px}.section{padding:54px 0}.section-head{display:block}.genre-grid{grid-template-columns:1fr}.genre-card{min-height:210px}.process{grid-template-columns:1fr}.progress div{font-size:0;padding:9px 5px}.progress div:before{content:attr(data-step);font-size:.76rem}.request-layout{display:flex;flex-direction:column}.request-layout>main,.request-layout>aside{width:100%}.panel{padding:19px}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.mobile-total{display:block;position:sticky;bottom:8px;z-index:15;background:#181818;border:1px solid var(--accent);padding:10px 14px;border-radius:6px;text-align:center;font-weight:900}.review-row{grid-template-columns:1fr;gap:3px}.stats{grid-template-columns:1fr 1fr}.searchbar{grid-template-columns:1fr}.footer-row{display:block}h1{letter-spacing:-.025em}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}