:root{--ink:#141b45;--text:#262d4f;--mute:#5a6388;--line:#dfe2f2;--blue:#2457e6;--blue-d:#1a44c0;--blue-l:#e9effe;--pur:#6a48e0;--pur-l:#f0ecfd;--pur-ll:#f8f7ff;--navy:#141b45;--navy-2:#232c6b;--ok:#1f8a63;--ok-l:#e8f6f0;--warn:#a85a08;--warn-l:#fff6e8;--ng:#b42323;--ng-l:#fdecec;--bg:#fff;--card:#fff;--input:#fff;--r:14px;--shadow:0 2px 10px #141b4514;--fs:17px}html[data-theme=dark]{--ink:#eef0ff;--text:#d8dcf3;--mute:#a3abd0;--line:#2e3566;--blue:#5b86ff;--blue-d:#86a5ff;--blue-l:#1d2a5c;--pur:#a893ff;--pur-l:#251f55;--pur-ll:#1a1740;--navy:#0d1233;--navy-2:#1a2260;--ok:#55d3a2;--ok-l:#12352b;--warn:#f0b05f;--warn-l:#382610;--ng:#ff8d8d;--ng-l:#3a1818;--bg:#0f1330;--card:#171c45;--input:#10143a;--shadow:0 2px 10px #0006}html[data-fs=large]{--fs:20px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font:var(--fs)/1.85 "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", Meiryo, system-ui, sans-serif;word-break:break-word;margin:0}a{color:var(--pur);text-underline-offset:3px}a:hover{color:var(--blue-d)}img,svg{max-width:100%;height:auto}h1,h2,h3{color:var(--ink);margin:0;line-height:1.45}h1{font-size:1.6rem}h2{font-size:1.3rem}h3{font-size:1.1rem}p{margin:0 0 1em}:focus-visible{outline:3px solid var(--pur);outline-offset:2px;border-radius:6px}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.sr:focus{clip:auto;background:var(--card);width:auto;height:auto;padding:8px;display:block;position:static}.wrap{max-width:1080px;margin:0 auto;padding:0 16px}.narrow{max-width:760px}.hd{background:var(--navy);z-index:20;position:sticky;top:0}.hd-in{align-items:center;gap:10px;min-height:60px;display:flex}.logo{color:#fff;white-space:nowrap;align-items:center;gap:8px;font-size:1.12rem;font-weight:800;text-decoration:none;display:inline-flex}.logo b{color:#9db8ff}.logo:hover{color:#fff}.hd-search{flex:1;min-width:0;display:flex}.hd-search input{color:#262d4f;background:#fff;border:0;border-radius:22px 0 0 22px;flex:1;min-width:0;height:44px;padding:0 14px;font-size:16px}.hd-search button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:0 22px 22px 0;height:44px;padding:0 16px;font-size:15px;font-weight:700}.hd-menu{position:relative}.hd-menu summary{color:#fff;cursor:pointer;white-space:nowrap;border:1px solid #ffffff73;border-radius:22px;align-items:center;height:44px;padding:0 14px;font-weight:700;list-style:none;display:flex}.hd-menu summary::-webkit-details-marker{display:none}.hd-menu nav{background:var(--card);border:1px solid var(--line);border-radius:var(--r);width:min(92vw,640px);box-shadow:var(--shadow);grid-template-columns:repeat(2,1fr);gap:4px 12px;max-height:76vh;padding:14px;display:grid;position:absolute;top:52px;right:0;overflow:auto}.hd-menu nav h2{color:var(--mute);grid-column:1/-1;margin:8px 0 0;font-size:.85rem}.hd-menu nav a{color:var(--ink);border-radius:8px;align-items:center;min-height:44px;padding:9px 8px;font-size:.95rem;text-decoration:none;display:flex}.hd-menu nav a:hover{background:var(--pur-l)}.navrow{background:var(--navy-2)}.navrow ul{white-space:nowrap;-webkit-overflow-scrolling:touch;gap:4px;max-width:1080px;margin:0 auto;padding:0 16px;list-style:none;display:flex;overflow-x:auto}.navrow a{color:#dfe4ff;align-items:center;min-height:44px;padding:0 12px;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex}.navrow a:hover{color:#fff;background:#ffffff1a}.tools{flex:none;gap:6px;display:flex}.tool-btn{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff73;border-radius:22px;min-width:44px;height:44px;padding:0 10px;font-size:.85rem;font-weight:700}.tool-btn[aria-pressed=true]{color:var(--navy);background:#fff}.ft{background:var(--pur-ll);border-top:1px solid var(--line);margin-top:56px;padding:32px 0 40px;font-size:.92rem}.ft h2{margin-bottom:8px;font-size:1rem}.ft-cols{grid-template-columns:1fr;gap:24px;display:grid}.ft ul{grid-template-columns:repeat(2,1fr);gap:2px 12px;margin:0;padding:0;list-style:none;display:grid}.ft a{color:var(--text);align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.ft a:hover{text-decoration:underline}.ft-copy{color:var(--mute);margin-top:24px;font-size:.85rem}.sec{margin:40px 0}.sec-h{border-left:5px solid var(--blue);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;padding-left:12px;display:flex}.sec-h a{white-space:nowrap;font-size:.92rem}.sec-sub{color:var(--mute);margin:-6px 0 14px;font-size:.95rem}.grid{grid-template-columns:1fr;gap:12px;display:grid}.g2,.g3,.g4{grid-template-columns:repeat(2,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);color:var(--text);padding:16px;text-decoration:none;display:block}a.card:hover{border-color:var(--pur);color:var(--text)}.card h3,.card .card-t{color:var(--ink);margin:0 0 4px;font-size:1.02rem;font-weight:700;line-height:1.5;display:block}.card p{color:var(--mute);margin:0;font-size:.9rem;line-height:1.6}.chip{background:var(--pur-l);color:var(--pur);border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:700;line-height:1.6;text-decoration:none;display:inline-block}.chip-blue{background:var(--blue-l);color:var(--blue-d)}.chip-ok{background:var(--ok-l);color:var(--ok)}.chip-warn{background:var(--warn-l);color:var(--warn)}.chip-mute{background:var(--line);color:var(--mute)}.chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chips a{border:1px solid var(--line);min-height:44px;color:var(--ink);background:var(--card);border-radius:999px;align-items:center;padding:0 16px;font-size:.95rem;text-decoration:none;display:inline-flex}.chips a:hover{border-color:var(--blue);color:var(--blue-d)}.btn{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:0 24px;font-family:inherit;font-size:1rem;font-weight:800;text-decoration:none;display:inline-flex}.btn-main{background:var(--blue);color:#fff}.btn-main:hover{background:var(--blue-d);color:#fff}.btn-sub{background:var(--navy-2);color:#fff}.btn-sub:hover{color:#fff;opacity:.92}.btn-line{background:var(--card);color:var(--ink);border:2px solid var(--line)}.list-link{border:1px solid var(--line);border-radius:var(--r);background:var(--card);margin:0;padding:0;list-style:none;overflow:hidden}.list-link li+li{border-top:1px solid var(--line)}.list-link a{color:var(--ink);justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:14px 16px;font-weight:600;line-height:1.5;text-decoration:none;display:flex}.list-link a:after{content:"›";color:var(--blue);flex:none;font-size:1.3rem}.list-link a:hover{background:var(--pur-ll)}.meta{color:var(--mute);flex-wrap:wrap;gap:4px 14px;font-size:.86rem;display:flex}.note{color:var(--mute);font-size:.86rem;line-height:1.7}.empty{border:1px dashed var(--line);border-radius:var(--r);color:var(--mute);background:var(--pur-ll);padding:18px;font-size:.95rem}.empty b{color:var(--ink);margin-bottom:4px;display:block}.vcard{flex-direction:column;padding:0;display:flex;overflow:hidden}.vcard .body{flex-direction:column;flex:1;gap:6px;padding:12px 14px 14px;display:flex}.vcard .chips-s{flex-wrap:wrap;gap:6px;display:flex}.art{aspect-ratio:16/9;background:#232c6b;width:100%;display:block;position:relative;overflow:hidden}.art svg{width:100%;height:100%;position:absolute;inset:0}.art .art-t{color:#fff;text-shadow:0 1px 2px #00000080;background:linear-gradient(#080a2000,#080a20c7);padding:22px 12px 10px;font-size:1.02rem;font-weight:800;line-height:1.4;position:absolute;bottom:0;left:0;right:0}.art-tall{aspect-ratio:9/16}.art-play{background:#fffffff2;border-radius:50%;place-items:center;width:64px;height:64px;margin:-32px 0 0 -32px;display:grid;position:absolute;top:44%;left:50%}.art-play:after{content:"";border-left:20px solid var(--navy);border-top:12px solid #0000;border-bottom:12px solid #0000;margin-left:5px}.hero{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 45%, #4a35a8 100%);text-align:center;color:#fff;padding:40px 0 28px}.hero h1{color:#fff;font-size:1.7rem}.hero h1 em{color:#b9c8ff;font-style:normal}.hero p{color:#dfe4ff;margin:10px 0 18px}.hero .chips{justify-content:center;margin-top:16px}.hero .chips a{color:#fff;background:#ffffff1f;border-color:#ffffff80}.hero .chips a:hover{color:var(--navy);background:#fff}.big-search{max-width:640px;box-shadow:var(--shadow);border-radius:30px;margin:0 auto;display:flex}.big-search input{color:#262d4f;background:#fff;border:0;border-radius:30px 0 0 30px;flex:1;min-width:0;height:58px;padding:0 20px;font-size:17px}.big-search button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:0 30px 30px 0;height:58px;padding:0 24px;font-size:1.05rem;font-weight:800}.timeline{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;margin:0 -16px;padding:4px 16px 12px;list-style:none;display:flex;overflow-x:auto}.timeline li{scroll-snap-align:start;flex:none;width:min(78vw,280px);position:relative}.timeline li+li:before{content:"→";color:var(--mute);font-weight:800;position:absolute;top:50%;left:-14px}.era-card{border-radius:var(--r);color:#fff;background:linear-gradient(135deg, var(--navy-2), #4a35a8);height:100%;box-shadow:var(--shadow);padding:18px 16px;text-decoration:none;display:block}.era-card b{font-size:1.5rem;line-height:1.3;display:block}.era-card span{color:#dfe4ff;font-size:.88rem;display:block}.era-card:hover{color:#fff;filter:brightness(1.1)}.cat-card{align-items:center;gap:10px;min-height:64px;padding:10px;display:flex}.cat-ico{border-radius:10px;flex:none;width:56px;height:40px;position:relative;overflow:hidden}.cat-ico svg{width:100%;height:100%;position:absolute;inset:0}.cat-card .card-t{margin:0;font-size:.93rem}.cat-card p{font-size:.8rem}.crumb{color:var(--mute);padding:12px 0;font-size:.84rem}.crumb ol{flex-wrap:wrap;gap:2px 6px;margin:0;padding:0;list-style:none;display:flex}.crumb li+li:before{content:"›";color:var(--mute);margin-right:6px}.crumb a{color:var(--mute)}.two{grid-template-columns:1fr;gap:32px;display:grid}.art-page h1{margin:6px 0 12px}.lead{color:var(--text);background:var(--pur-ll);border-radius:var(--r);margin:14px 0;padding:16px;font-size:1.02rem}.body h2{background:var(--pur-l);border-left:5px solid var(--pur);border-radius:0 10px 10px 0;margin:40px 0 14px;padding:10px 14px}.body h3{border-bottom:2px solid var(--blue-l);margin:26px 0 10px;padding-bottom:6px}.gsec{margin:36px 0}.gsec>h2{background:var(--pur-l);border-left:5px solid var(--pur);border-radius:0 10px 10px 0;margin-bottom:14px;padding:10px 14px}.prose p{margin:0 0 1.1em}.facts{border:1px solid var(--line);border-radius:var(--r);background:var(--card);grid-template-columns:1fr;margin:16px 0;display:grid;overflow:hidden}.facts>div{border-bottom:1px solid var(--line);grid-template-columns:7.5em 1fr;display:grid}.facts>div:last-child{border-bottom:0}.facts dt{background:var(--pur-ll);color:var(--ink);padding:10px 12px;font-size:.92rem;font-weight:700}.facts dd{margin:0;padding:10px 12px;font-size:.95rem}.spoiler{border-radius:var(--r);background:var(--warn-l);border:1px solid #f1d6ad;margin:14px 0}.spoiler>summary{cursor:pointer;color:var(--warn);min-height:52px;padding:14px 16px;font-weight:800;list-style:none}.spoiler>summary::-webkit-details-marker{display:none}.spoiler>summary:before{content:"⚠ "}.spoiler[open]>summary{border-bottom:1px solid #f1d6ad}.spoiler>div{background:var(--card);border-radius:0 0 var(--r) var(--r);padding:14px 16px}.verify{background:var(--ok-l);color:var(--ok);border-radius:999px;align-items:center;gap:6px;padding:3px 12px;font-size:.84rem;font-weight:700;display:inline-flex}.verify.warn{background:var(--warn-l);color:var(--warn)}.verify.mute{background:var(--line);color:var(--mute)}.srcs{padding-left:1.3em;font-size:.9rem}.srcs li{word-break:break-all;margin:.4em 0}.disclaimer{color:var(--mute);border-top:1px solid var(--line);margin-top:28px;padding-top:12px;font-size:.82rem}.box-caution{border-radius:var(--r);background:var(--warn-l);border:1px solid #f1d6ad;margin:18px 0;padding:14px 16px}.watch-box{border:2px solid var(--blue);border-radius:var(--r);background:var(--card);margin:18px 0;padding:16px}.watch-box h2{margin-bottom:10px;font-size:1.1rem}.watch-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.watch-list li{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 0;display:flex}.watch-list li:first-child{border-top:0}.player{aspect-ratio:16/9;border-radius:var(--r);background:#0d1233;width:100%;max-width:760px;margin:14px 0;position:relative;overflow:hidden}.player-tall{aspect-ratio:9/16;max-width:360px;margin-left:auto;margin-right:auto}.player .art{aspect-ratio:auto;position:absolute;inset:0}.player button.go{cursor:pointer;z-index:2;color:#fff;background:0 0;border:0;justify-content:center;align-items:flex-end;width:100%;height:100%;padding-bottom:14px;font-family:inherit;font-size:1rem;font-weight:800;display:flex;position:absolute;inset:0}.player iframe{z-index:3;border:0;width:100%;height:100%;position:absolute;inset:0}.swipe{scroll-snap-type:y mandatory;overscroll-behavior:contain;border-radius:var(--r);background:var(--pur-ll);border:1px solid var(--line);outline-offset:2px;-webkit-overflow-scrolling:touch;height:calc(100dvh - 130px);min-height:420px;overflow-y:auto}.swipe>article{scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;justify-content:center;gap:10px;min-height:100%;padding:14px;display:flex}.swipe .art{width:100%;max-width:340px;margin:0 auto}.swipe h2{font-size:1.2rem}.swipe p{color:var(--text);margin:0;font-size:.95rem}.swipe-hint{color:var(--mute);margin:0 0 8px;font-size:.85rem}.swipe .acts{flex-wrap:wrap;gap:8px;display:flex}.form label{color:var(--ink);margin:14px 0 4px;font-weight:700;display:block}.form input[type=text],.form input[type=email],.form input[type=url],.form textarea,.form select{border:1px solid var(--line);width:100%;font:inherit;background:var(--input);color:var(--text);border-radius:10px;padding:12px;font-size:16px}.form textarea{min-height:160px}.form .hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.msg-ok{background:var(--ok-l);color:var(--ok);border-radius:10px;padding:12px 14px;font-weight:700}.msg-ng{background:var(--ng-l);color:var(--ng);border-radius:10px;padding:12px 14px;font-weight:700}.filter{border:1px solid var(--line);border-radius:var(--r);background:var(--pur-ll);grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0;padding:14px;display:grid}.filter label{color:var(--ink);font-size:.84rem;font-weight:700;display:block}.filter select,.filter input[type=text]{border:1px solid var(--line);background:var(--input);width:100%;height:46px;color:var(--text);border-radius:10px;padding:0 10px;font-size:16px}.filter .wide{grid-column:1/-1}.filter .chk{align-items:center;gap:8px;min-height:44px;display:flex}.filter .chk input{width:22px;height:22px}.pager{flex-wrap:wrap;justify-content:center;gap:8px;margin:24px 0;display:flex}.pager a,.pager span{border:1px solid var(--line);min-width:44px;height:44px;color:var(--ink);background:var(--card);border-radius:10px;place-items:center;padding:0 10px;text-decoration:none;display:grid}.pager .now{background:var(--navy-2);color:#fff;border-color:var(--navy-2)}.fav-btn{border:2px solid var(--line);background:var(--card);min-height:48px;color:var(--ink);cursor:pointer;border-radius:999px;padding:0 18px;font-family:inherit;font-size:.95rem;font-weight:800}.fav-btn[aria-pressed=true]{background:var(--pur-l);border-color:var(--pur);color:var(--pur)}.rank{counter-reset:rk;gap:10px;margin:0;padding:0;list-style:none;display:grid}.rank li{counter-increment:rk;align-items:center;gap:12px;display:flex}.rank li:before{content:counter(rk);background:var(--navy-2);color:#fff;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.rank li>a{flex:1}@media (min-width:720px){.facts{grid-template-columns:1fr 1fr}.facts>div{border-right:1px solid var(--line)}.filter{grid-template-columns:repeat(5,1fr)}h1{font-size:2rem}h2{font-size:1.45rem}.hero h1{font-size:2.3rem}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.hd-menu nav{grid-template-columns:repeat(3,1fr)}.ft-cols{grid-template-columns:2fr 1fr 1fr}.ft .ft-cat ul{grid-template-columns:repeat(3,1fr)}.timeline{grid-template-columns:repeat(3,1fr);margin:0;padding:0;display:grid;overflow:visible}.timeline li{width:auto}.grid.cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:980px){.grid.cards{grid-template-columns:repeat(3,1fr)}}@media (max-width:440px){.grid.g2{grid-template-columns:1fr}}@media (max-width:560px){.hd-search{display:none}.hd-in{justify-content:space-between}.tool-btn .lbl{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
