*{box-sizing:border-box;margin:0;padding:0}html,body{color:#0f172a;-webkit-font-smoothing:antialiased;background:#f6f7fb;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Noto Sans CJK JP,Yu Gothic,Meiryo,sans-serif}:root{--p:#4338ca;--p2:#6366f1;--pl:#eef2ff;--mut:#64748b;--line:#e5e7eb;--ok:#059669}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hp{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.hdr{border-bottom:1px solid var(--line);z-index:10;background:#fff;justify-content:space-between;align-items:center;height:56px;padding:0 18px;display:flex;position:sticky;top:0}.hdr nav{color:#334155;align-items:center;gap:30px;font-size:14px;font-weight:700;display:none}.logo{letter-spacing:.02em;white-space:nowrap;align-items:center;gap:8px;font-size:17px;font-weight:800;display:flex}.logo .sfx{color:#64748b;font-size:13px;font-weight:500}.logo .mk{color:#fff;background:linear-gradient(135deg,#4338ca,#a855f7);border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-size:14px;font-weight:900;display:grid}.cart{place-items:center;width:36px;height:36px;display:grid;position:relative}.cart .b{color:#fff;background:#e11d48;border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:2px;right:0}.page{max-width:560px;margin:0 auto}.main{flex:1;padding:18px}.h1{font-size:22px;font-weight:800;line-height:1.45}.h2{margin:22px 0 10px;font-size:16px;font-weight:800}.sub{color:var(--mut);font-size:13px;line-height:1.7}.card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px}.btn{color:#fff;cursor:pointer;text-align:center;background:linear-gradient(135deg,#4338ca,#6366f1);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;padding:0 16px;font-size:16px;font-weight:700;display:flex;box-shadow:0 6px 16px #4338ca47}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.ghost{color:var(--p);box-shadow:none;background:#fff;border:1.5px solid #c7d2fe}.btn.sm{border-radius:10px;width:auto;height:40px;padding:0 18px;font-size:14px}.btn.danger{color:#b91c1c;box-shadow:none;background:#fff;border:1.5px solid #fecaca}.thumb{color:#fff;border-radius:12px;flex:none;align-items:flex-end;padding:10px;font-weight:800;display:flex;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.t1{background:linear-gradient(135deg,#6366f1 0%,#a855f7 55%,#ec4899 100%)}.t2{background:linear-gradient(135deg,#0ea5e9 0%,#22c55e 100%)}.t3{background:linear-gradient(135deg,#f59e0b 0%,#ef4444 100%)}.t4{background:linear-gradient(135deg,#0f172a 0%,#334155 50%,#64748b 100%)}.thumb .deco{width:100%;height:100%;position:absolute;inset:0}.tag{background:var(--pl);color:var(--p);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.price{font-size:17px;font-weight:800}.price small{color:var(--mut);margin-left:2px;font-size:11px;font-weight:500}.foot{color:#cbd5e1;background:#0f172a;padding:22px 18px 30px;font-size:12px;line-height:2}.foot a:hover{color:#fff}.stepper{color:var(--mut);justify-content:center;align-items:center;gap:6px;margin:4px 0 18px;font-size:12px;display:flex}.stepper .s{align-items:center;gap:6px;display:flex}.stepper .n{color:#64748b;background:#e2e8f0;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.stepper .on .n{background:var(--p);color:#fff}.stepper .on{color:#0f172a;font-weight:700}.stepper .done .n{color:var(--p);background:#c7d2fe}.stepper .bar{background:#cbd5e1;width:26px;height:2px}.lbl{align-items:center;gap:6px;margin:14px 0 6px;font-size:13px;font-weight:700;display:flex}.req{color:#fff;background:#e11d48;border-radius:4px;padding:1px 5px;font-size:10px}.inp{background:#fff;border:1.5px solid #d1d5db;border-radius:12px;outline:none;align-items:center;width:100%;height:48px;padding:0 14px;font-size:15px;display:flex}textarea.inp{resize:vertical;height:auto;min-height:74px;padding:10px 14px;line-height:1.7}select.inp{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2364748b' stroke-width='2'/%3E%3C/svg%3E") right 14px center no-repeat}.inp:focus,.inp.f{border-color:var(--p);box-shadow:0 0 0 3px #e0e7ff}.inp[aria-invalid=true]{border-color:#e11d48}.err{color:#be123c;margin-top:6px;font-size:12.5px;line-height:1.6}.alert{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.7}.row{justify-content:space-between;align-items:center;gap:8px;display:flex}.kv{border-bottom:1px solid #f1f5f9;gap:12px;padding:12px 0;font-size:13px;line-height:1.7;display:flex}.kv:last-child{border-bottom:0}.kv .k{width:96px;color:var(--mut);flex:none;font-weight:700}.note{color:#78350f;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:12px 14px;font-size:12.5px;line-height:1.75}.info{background:var(--pl);color:#312e81;border:1px solid #c7d2fe;border-radius:12px;padding:12px 14px;font-size:12.5px;line-height:1.75}.mini{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:10px 0;display:flex}.mini:last-child{border-bottom:0}.check{cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;display:flex}.check input{width:22px;height:22px;accent-color:var(--p);flex:none;margin-top:0}.qty{border:1.5px solid #d1d5db;border-radius:10px;align-items:center;height:34px;display:flex;overflow:hidden}.qty button{cursor:pointer;background:#f8fafc;border:0;width:32px;height:100%;font-size:16px}.qty span{text-align:center;width:34px;font-size:14px;font-weight:700}.linkbtn{color:var(--mut);cursor:pointer;background:0 0;border:0;font-size:13px}.pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.chips{white-space:nowrap;gap:8px;margin-bottom:12px;margin-right:-18px;padding-bottom:2px;font-size:12px;display:flex;overflow-x:auto}.chips a{background:#fff;border:1px solid #e5e7eb;border-radius:999px;flex:none;padding:6px 14px}.chips a.on{color:#fff;background:#0f172a;border-color:#0f172a}.hero{background:linear-gradient(160deg,#eef2ff 0%,#faf5ff 60%,#fff 100%);padding:24px 18px 20px}.hero-art,.pcsteps{display:none}.legal h2{margin:20px 0 6px;font-size:15px;font-weight:800}.legal p,.legal li{color:#334155;font-size:13.5px;line-height:1.85}.legal ol,.legal ul{padding-left:1.4em}.draft{color:#991b1b;background:#fef2f2;border:1px dashed #f87171;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:700}@media (min-width:900px){.hdr{height:64px;padding:0 56px}.hdr nav{display:flex}.logo{font-size:18px}.page.wide{max-width:1280px}.page.wide .main{padding:0 56px 40px}.hero{background:linear-gradient(120deg,#eef2ff 0%,#faf5ff 55%,#fff 100%);align-items:center;gap:40px;padding:26px 56px 20px;display:flex}.hero .h1{line-height:1.4;font-size:36px!important}.hero .mobile-only{display:none!important}.hero-art{flex:none;width:400px;height:200px;display:block;position:relative}.hero .pc-btns{display:flex!important}.pcsteps{gap:12px;margin-top:14px;display:flex}.pgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.chips{display:none}.page.wide .foot{padding:28px 56px}}.adm{background:#f6f7fb;min-height:100vh;display:flex}.adm aside{color:#cbd5e1;background:#0f172a;flex-direction:column;flex:none;width:232px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.adm aside .nav a{border-radius:10px;margin-bottom:2px;padding:10px 12px;font-size:14px;display:block}.adm aside .nav a:hover{background:#1e293b}.adm aside .nav a.on{color:#fff;background:#4338ca;font-weight:700}.adm aside .subnav{border-left:2px solid #334155;margin:2px 0 4px 14px;padding-left:10px;font-size:13px;line-height:2.3}.adm aside .nav .subnav a{background:0 0;border-radius:0;margin:0;padding:0;display:inline}.adm aside .nav .subnav a.on{color:#fff;background:0 0;font-weight:700}.adm main{flex:1;min-width:0;padding:22px 28px}.adm .crumb{color:#64748b;font-size:12px}.adm .title{margin-top:2px;font-size:22px;font-weight:800}.adm .inp{height:42px;font-size:14px}.adm textarea.inp{height:auto}.pill{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-block}.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl th{text-align:left;color:#64748b;border-bottom:1px solid #e5e7eb;padding:8px 6px;font-size:12px;font-weight:700}.tbl td{vertical-align:middle;border-top:1px solid #f1f5f9;padding:10px 6px}.radio-card{cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;flex:1;padding:10px 12px;font-size:13px;display:block}.radio-card.on{background:#eef2ff;border-color:#4338ca}.radio-card input{accent-color:#4338ca;margin-right:6px}.switch{cursor:pointer;background:#cbd5e1;border:0;border-radius:13px;flex:none;width:44px;height:26px;position:relative}.switch.on{background:#4338ca}.switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:left .15s;position:absolute;top:3px;left:3px}.switch.on:after{left:21px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.toast{color:#fff;z-index:50;background:#0f172a;border-radius:12px;max-width:420px;padding:12px 16px;font-size:13px;line-height:1.6;position:fixed;bottom:24px;right:24px}.authbox{max-width:400px;margin:60px auto;padding:0 18px}.pc-only,.pc-desc{display:none}@media (min-width:900px){.pc-only,.pc-desc{display:block}}.field-err{color:#b91c1c;margin-top:4px;font-size:12px;font-weight:700;line-height:1.6}.inp[aria-invalid=true]{background:#fff7f7;border-color:#f87171}