:root{--bg:#1a110a;--panel:#2a1b10;--line:#5a3a24;--gold:#e8b45a;--gold2:#ffd98a;--paper:#f6ead2;--muted:#d3bf99;--soft:#e6d6b8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper);font-family:Noto Sans JP,sans-serif;line-height:1.8;font-size:16px}a{color:var(--gold)}a:hover{color:var(--gold2)}h1,h2{font-family:"Noto Serif JP",serif;font-weight:500}h1{font-size:34px;margin:12px 0}h2{font-size:22px;margin:24px 0 12px}:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}.inner{max-width:1200px;margin:0 auto;padding:0 24px}.site-header{background:#101c20ee;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.site-header .inner{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:16px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--paper)}.brand img{height:56px}.brand span{font-size:19px;letter-spacing:.1em;color:#f5d69c;font-weight:500}nav{display:flex;gap:4px;flex-wrap:wrap}nav a,.linklike{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;color:var(--paper);text-decoration:none;font-size:15px;opacity:.9}nav a.active{color:var(--gold2);font-weight:700;opacity:1}.linklike{background:none;border:none;font-family:inherit;cursor:pointer;color:var(--gold);text-decoration:underline;padding:0;font-size:15px}nav .linklike{color:var(--paper);text-decoration:none;padding:0 14px}.wrap{max-width:1200px;margin:0 auto;padding:40px 24px 0}.narrow{max-width:520px}.narrow2{max-width:880px}.center{text-align:center}.muted{color:var(--muted)}.small{font-size:14px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.between{justify-content:space-between}.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border-radius:8px;border:none;background:var(--gold);color:#1a110a;font-weight:700;font-size:16px;font-family:inherit;cursor:pointer;text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.ghost{background:transparent;border:1px solid var(--gold);color:var(--gold2)}.hero{position:relative;min-height:900px;display:flex;align-items:flex-end;overflow:hidden}.hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:25% 0%;filter:brightness(1.12) saturate(1.08)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#101c20f5,#101c20e8 24%,#101c2090,#101c2000 60%)}.hero-copy{position:relative;z-index:1;margin-left:max(0px,calc((100vw - 1120px)/2));padding:0 24px 56px;max-width:680px;display:flex;flex-direction:column;gap:22px}.hero-copy h1{font-size:44px;line-height:1.5;margin:0;letter-spacing:.08em}.hero-copy p{margin:0;font-size:17px;color:#ece5d7}.eyebrow{font-size:14px;color:var(--gold2);letter-spacing:.16em}.shelf-row{display:flex;gap:0;border-bottom:9px solid #182b25;box-shadow:0 18px 26px #0005;flex-wrap:wrap}.spine{position:relative;min-height:230px;flex:1 1 180px;margin:0 5px;padding:24px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--paper);background:linear-gradient(90deg,#0005,transparent 8%,#ffffff07 9%,transparent 11%),linear-gradient(135deg,#384b3f,#182c29);border:1px solid #ad96654f;border-radius:3px 9px 8px 3px;box-shadow:inset -5px 0 #c6b58a25,8px 5px 12px #0004;transition:transform .2s}.spine.alt{background:linear-gradient(90deg,#0005,transparent 8%,#ffffff07 9%,transparent 11%),linear-gradient(135deg,#5a3424,#2b170f)}.spine:before{content:"✦";font-family:serif;font-size:27px;color:#baa275;margin-bottom:12px}.spine:hover{transform:translateY(-8px)}.spine-title{font-size:23px;letter-spacing:.07em}.spine-desc{font-size:17px;line-height:1.7;color:#f1deb4}.spine-count{margin-top:auto;font-size:17px;font-weight:700;color:#ffe9a8}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.cards3{display:flex;gap:12px;flex-wrap:wrap}.book-card{display:flex;flex-direction:column;gap:6px;padding:14px;text-decoration:none;color:var(--paper);background:var(--panel);border:1px solid #a68d5a50;border-radius:2px 10px 10px 2px;box-shadow:inset 8px 0 #0003,8px 12px 25px #0005;transition:transform .2s}.book-card:hover{transform:translateY(-6px)}.thumb{aspect-ratio:16/9;border:1px solid #c5aa6766;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--gold2);background:linear-gradient(135deg,#3a2418,#1b130c)}.cat{font-size:14px;color:#ffe9a8;font-weight:700}.title{font-family:"Noto Serif JP",serif;font-size:18px}.meta{font-size:15px;color:var(--soft)}.badge{background:#140c06;color:#ffe9a8;border-radius:4px;padding:0 8px}.note{display:flex;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 20px;flex:1 1 200px}.note b{font-size:22px;color:var(--gold2)}.note.col{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:14px}.note.col h2{margin:0;font-size:19px;color:var(--gold2)}.note.col p{margin:0;font-size:15px;color:var(--soft)}.note.wide{justify-content:space-between;margin:32px 0;flex-wrap:wrap}.note.wide h2{margin:0 0 6px}.note.wide p{margin:0;font-size:15px;color:var(--soft)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 24px}.chips button,.tabs button{min-height:44px;padding:0 20px;border:1px solid #8a6a44;background:transparent;color:var(--paper);font-family:inherit;font-size:15px;cursor:pointer;border-radius:999px}.chips button.on{background:var(--gold);color:#1a110a}.tabs{display:flex;justify-content:center;margin:12px 0;gap:0}.tabs button{border-radius:0}.tabs button:first-child{border-radius:10px 0 0 10px}.tabs button:last-child{border-radius:0 10px 10px 0}.tabs button.on{background:var(--gold);color:#1a110a}.narrow2 .tabs{justify-content:flex-start}.plans{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px}.plan{flex:1 1 250px;display:flex;flex-direction:column;gap:12px;padding:24px;background:var(--panel);border:2px solid var(--line);border-radius:16px}.plan.hi{background:#f4ecd8;color:#2a2238;border-color:var(--gold)}.plan.hi .btn{background:#1a110a;color:var(--gold2)}.plan h2{margin:0}.price{font-size:26px;font-weight:700}.price small{font-size:14px;font-weight:400}.plan ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:15px}.plan .btn{margin-top:auto}.badge2{font-size:15px;font-weight:700;color:var(--gold2)}.plan.hi .badge2{color:#7a5a12}details{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px 16px;margin-bottom:8px}summary{cursor:pointer;min-height:24px}details p{margin:8px 0 0;font-size:15px;color:var(--soft)}.detail{display:flex;flex-wrap:wrap;gap:28px;margin-top:16px}.player{flex:1 1 420px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:#140c06;border:1px solid var(--line);border-radius:12px;color:var(--muted);text-align:center;padding:16px}.info{flex:1 1 360px;display:flex;flex-direction:column;gap:10px}.info h1{margin:0}.tag{border:1px solid #8a6a44;border-radius:999px;padding:0 12px;font-size:14px}.card-form{display:flex;flex-direction:column;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px;margin-top:12px}.card-form label{font-size:15px;color:var(--muted)}.card-form input[type=email],.card-form input[type=password],.card-form input[type=text]{height:48px;width:100%;border-radius:8px;border:1px solid #8a6a44;background:var(--bg);color:var(--paper);padding:0 14px;font-size:16px;font-family:inherit}.pw{position:relative}.pw input{padding-right:56px!important}.eye{position:absolute;right:2px;top:2px;width:44px;height:44px;border:none;background:none;font-size:20px;cursor:pointer;color:var(--muted)}.check{display:flex;gap:10px;align-items:flex-start;min-height:44px;color:var(--soft)!important}.check input{width:22px;height:22px;margin-top:3px}.links{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.ok{border:1px solid #6f9a6a;border-radius:8px;padding:12px;color:#cfe8c8;background:#16231a}.err-box{border:1px solid var(--gold);border-radius:8px;padding:12px;color:var(--gold2);background:var(--bg)}.err{color:var(--gold2)}.site-footer{margin-top:56px;border-top:1px solid var(--line)}.site-footer .inner{padding:24px;font-size:14px;color:var(--muted)}.room{position:relative;width:100%;max-width:430px;height:100dvh;max-height:900px;margin:0 auto;overflow:hidden;background:#3a2418}.room img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}.shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#0005,#0000 18%,#0000 55%,#3a1f1088 82%,#2a160ccc)}.rain{position:absolute;right:0;top:92px;width:34%;height:230px;opacity:.28;background-image:repeating-linear-gradient(100deg,transparent 0 9px,#dfe8ff 9px 10px);background-size:20px 60px;animation:rain 1.4s linear infinite;pointer-events:none}@keyframes rain{to{background-position:-20px 120px}}@media (prefers-reduced-motion:reduce){.rain{animation:none}}.room-top{position:absolute;left:0;right:0;top:0;padding:18px 20px}.room-title{font-size:20px;letter-spacing:.08em;text-shadow:0 1px 8px #0008}.room-top a{color:#ffe3b0;text-decoration:none;font-size:13px}.room-msg{position:absolute;left:24px;right:24px;bottom:132px;text-align:center;font-size:17px;letter-spacing:.12em;text-shadow:0 1px 10px #000a}.room-bar{position:absolute;left:12px;right:12px;bottom:16px;height:92px;border-radius:46px;background:#6b4a3acc;border:1px solid #ffffff2a;display:flex;align-items:center;justify-content:space-around}.room-bar button{background:none;border:none;color:#fff6e8;font-family:inherit;font-size:14px;min-width:64px;min-height:56px;cursor:pointer}.room-sheet{position:absolute;left:12px;right:12px;bottom:120px;border-radius:24px;background:#2a160cf0;border:1px solid #ffffff2a;padding:16px 18px;display:flex;flex-direction:column;gap:10px}.room-sheet button{min-height:44px;border-radius:12px;border:1px solid #ffffff33;background:#ffffff14;color:#fff6e8;font-family:inherit;font-size:14px;cursor:pointer;text-align:left;padding:0 14px}.room-sheet .plain{border:none;background:none;color:#ffe3b0;text-align:center}@media (max-width:700px){.hero{min-height:840px}.hero img{object-position:20% 0%}.hero-copy h1{font-size:32px}.site-header .inner{padding:8px 16px}h1{font-size:28px}}.legal-table{width:100%;border-collapse:collapse;margin-top:16px}.legal-table th,.legal-table td{padding:14px 16px;border-bottom:1px solid #8a6a4455;text-align:left;font-size:16px;line-height:1.8;vertical-align:top}.legal-table th{width:200px;color:var(--gold);font-weight:700}@media (max-width:640px){.legal-table th,.legal-table td{display:block;width:auto}.legal-table th{padding-bottom:0;border-bottom:0}}video.player{min-width:0;max-width:100%;display:block;object-fit:contain;padding:0;background:#000}.thumb{overflow:hidden}.thumb video{width:100%;height:100%;object-fit:cover;display:block}