/* マンガース：紙の白に藍のアクセント。掲載誌の種類ごとに色を持たせ、カードと表紙を主役にする */
:root{--paper:#f5f5f2;--card:#fff;--ink:#16171b;--sub:#5f626a;--line:#e2e1da;--grid:#ecebe5;--soft:#eef0f8;--accent:#2b3a8c;--accent2:#4a5bd0;--mark:#c8302c;--rk:#bf0000;--amz:#232f3e;--shadow:0 1px 2px rgba(22,23,27,.06),0 6px 18px rgba(22,23,27,.06);
--t1:#2f5bd8;--t2:#3f4552;--t3:#d4407a;--t4:#8b4fc0;--t5:#0f8a6a;--t6:#e0761c;--t0:#9a9ca3;
--disp:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",sans-serif;--body:"Hiragino Sans","Noto Sans JP","Yu Gothic",sans-serif;--num:Inter,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit}img{max-width:100%}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* ヘッダー */
.bar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--card) 88%,transparent);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.barin{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-block:10px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.logo{display:inline-flex;flex-direction:column;align-items:center;gap:5px;text-decoration:none;color:var(--ink)}.lgw{font-family:var(--num);font-size:1.55rem;font-weight:800;letter-spacing:-.04em;line-height:1}.lgw span{color:var(--accent)}.lgr{display:block;text-align:center;letter-spacing:.3em;padding-left:.3em;font-size:.6rem;font-weight:700;line-height:1}.lgr i{font-style:normal}
.nav{display:flex;gap:4px;font-size:.84rem;overflow-x:auto;max-width:100%}.nav a{text-decoration:none;color:var(--sub);padding:6px 10px;border-radius:99px;white-space:nowrap}.nav a:hover{background:var(--soft);color:var(--ink)}
.page{max-width:1200px;margin:0 auto;padding-block:22px 48px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:grid;gap:44px}
.sec{min-width:0}
h2{font-family:var(--disp);font-weight:900;font-size:clamp(1.15rem,2.4vw,1.45rem);letter-spacing:.01em;margin:0 0 14px;text-wrap:balance}
h2 small,.lh small,.row h3 small,.panel h3 small,.ivs h3 small,.famc h3 small{font-family:var(--body);font-size:.74rem;color:var(--sub);font-weight:500;margin-left:10px}
.lh{font-family:var(--disp);font-weight:900;font-size:clamp(1.5rem,4vw,2rem);margin:0}
.cap{font-size:.86rem;color:var(--sub);margin:-6px 0 14px}
.kick{margin:0;font-size:.74rem;letter-spacing:.08em;color:var(--sub);font-weight:700}
.more{margin:12px 0 0}.more a{color:var(--accent);text-decoration:none;font-weight:700;font-size:.88rem}
/* トップのヒーロー */
.hero{position:relative;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,var(--soft),var(--card) 60%);border:1px solid var(--line)}
.hin{padding:clamp(22px,5vw,48px);display:grid;gap:12px;max-width:760px}
.hero h1{font-family:var(--disp);font-weight:900;font-size:clamp(1.9rem,5.6vw,3.2rem);line-height:1.2;margin:0;letter-spacing:-.01em;text-wrap:balance}
.hlead{color:var(--sub);margin:0;max-width:36em}
.search{display:flex;border:2px solid var(--ink);border-radius:14px;overflow:hidden;max-width:620px;background:var(--card)}
.search input{flex:1;min-width:0;border:0;padding:13px 16px;font:inherit;background:transparent;color:var(--ink)}
.search button{border:0;background:var(--ink);color:var(--card);font:inherit;font-weight:700;padding:0 20px;cursor:pointer}
.sr{max-width:620px;display:grid;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.sr a{padding:9px 14px;border-bottom:1px solid var(--line);background:var(--card);text-decoration:none;font-size:.9rem}.sr a span{color:var(--sub);font-size:.78rem;margin-left:8px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:8px;max-width:680px}
.st{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 14px;display:grid;line-height:1.3}
.st span{font-size:.7rem;color:var(--sub);font-weight:700}.st b{font-family:var(--num);font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums}.st b a{text-decoration:none}.st small{font-size:.72rem;color:var(--sub)}
/* 掲載誌の種類バッジ */
.tb{display:inline-block;font-size:.66rem;font-weight:700;line-height:1;padding:4px 7px;border-radius:99px;color:#fff;background:var(--t0);white-space:nowrap}
.tb.t1{background:var(--t1)}.tb.t2{background:var(--t2)}.tb.t3{background:var(--t3)}.tb.t4{background:var(--t4)}.tb.t5{background:var(--t5)}.tb.t6{background:var(--t6)}
.tg{font-size:.68rem;color:var(--sub);white-space:nowrap}
/* カード */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:18px 14px}
.card{display:grid;gap:6px;align-content:start;text-decoration:none;min-width:0;border-radius:12px;transition:transform .15s}
.card:hover{transform:translateY(-3px)}.card:hover .cv{box-shadow:0 10px 24px rgba(22,23,27,.18)}
.ci{display:grid;gap:2px;min-width:0}.ci b{font-size:.9rem;line-height:1.35}.cr{font-size:.74rem;color:var(--sub);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ctags{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:3px}
.rel{font-size:.68rem;color:var(--accent);font-weight:700;line-height:1.3}
.cv{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:10px;background:var(--grid);box-shadow:var(--shadow);transition:box-shadow .15s}
.nocv{display:grid;place-items:center;padding:8px;font-size:.74rem;text-align:center;color:var(--sub);line-height:1.4;overflow:hidden;border:1px dashed var(--line)}
.rows{display:grid;gap:26px;grid-template-columns:minmax(0,1fr)}.row{min-width:0}
.row h3{display:flex;align-items:baseline;gap:4px;margin:0 0 10px;font-size:.98rem;font-family:var(--disp);font-weight:700}.row h3 a{margin-left:auto;font-size:.78rem;font-weight:700;color:var(--accent);text-decoration:none;font-family:var(--body)}
.strip{display:grid;grid-auto-flow:column;grid-auto-columns:116px;gap:14px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x proximity}.strip .card{scroll-snap-align:start}
/* 絞り込み */
.find{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:clamp(16px,3vw,28px)}
.fhead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.fhead h2{margin:0}
.fcount{margin:0;font-size:.9rem;color:var(--sub)}.fcount b{font-family:var(--num);font-size:2rem;font-weight:800;color:var(--accent);margin-right:2px;font-variant-numeric:tabular-nums}
.fwrap{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;margin-top:16px;align-items:start}
.fpanel{display:grid;gap:14px;position:sticky;top:84px;max-height:calc(100vh - 100px);overflow:auto;padding-right:4px}
.fpanel fieldset{border:0;margin:0;padding:0;min-width:0}.fpanel legend,.fpanel label{font-size:.74rem;font-weight:700;color:var(--sub);padding:0;margin-bottom:6px}
.fpanel label{display:grid;gap:6px}
.fpanel select{font:inherit;font-size:.88rem;padding:9px 10px;border-radius:10px;border:1px solid var(--line);background:var(--paper);color:var(--ink);width:100%}
.fchips{display:flex;flex-wrap:wrap;gap:6px}
.fc{font:inherit;font-size:.8rem;padding:6px 11px;border-radius:99px;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;display:inline-flex;gap:5px;align-items:baseline}
.fc small{font-size:.68rem;color:var(--sub);font-family:var(--num)}
.fc[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}.fc[aria-pressed="true"] small{color:rgba(255,255,255,.8)}
.fc.t1[aria-pressed="true"]{background:var(--t1);border-color:var(--t1)}.fc.t2[aria-pressed="true"]{background:var(--t2);border-color:var(--t2)}.fc.t3[aria-pressed="true"]{background:var(--t3);border-color:var(--t3)}.fc.t4[aria-pressed="true"]{background:var(--t4);border-color:var(--t4)}.fc.t5[aria-pressed="true"]{background:var(--t5);border-color:var(--t5)}.fc.t6[aria-pressed="true"]{background:var(--t6);border-color:var(--t6)}
.freset{font:inherit;font-size:.8rem;border:0;background:none;color:var(--accent);font-weight:700;cursor:pointer;justify-self:start;padding:4px 0}
.fres{min-width:0;display:grid;gap:14px}
.factive{display:flex;flex-wrap:wrap;gap:6px;min-height:0}.factive:empty{display:none}
.factive button{font:inherit;font-size:.76rem;border:0;border-radius:99px;background:var(--soft);color:var(--accent);font-weight:700;padding:5px 10px;cursor:pointer}
.fmore{font:inherit;font-weight:700;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;padding:12px;cursor:pointer}
.fempty{grid-column:1/-1;color:var(--sub)}
/* 作家ページのヒーロー */
.ahero{position:relative;border-radius:24px;overflow:hidden;background:var(--ink);color:#fff;isolation:isolate}
.ahero::before{content:"";position:absolute;inset:-40px;background-image:var(--bgimg);background-size:cover;background-position:center;filter:blur(36px) saturate(1.3);opacity:.55;z-index:-1}
.ahero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,11,16,.88),rgba(10,11,16,.55));z-index:-1}
.ahin{display:grid;grid-template-columns:170px minmax(0,1fr);gap:clamp(16px,4vw,36px);padding:clamp(18px,4vw,40px);align-items:center}
.ahin .big{width:170px;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.45)}
.ahtx{display:grid;gap:10px;min-width:0}.ahtx .kick{color:rgba(255,255,255,.75);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.ahtx h1{font-family:var(--disp);font-weight:900;font-size:clamp(2rem,6vw,3.4rem);line-height:1.1;margin:0;letter-spacing:.01em}
.ahtx .lead{margin:0;color:rgba(255,255,255,.88)}
.sts{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:8px}
.ahero .st{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.16);backdrop-filter:blur(6px)}.ahero .st span,.ahero .st small{color:rgba(255,255,255,.72)}.ahero .st b{font-size:1.25rem;color:#fff}
.school{margin:0;font-size:.8rem;color:rgba(255,255,255,.75)}
.subnav{position:sticky;top:64px;z-index:15;display:flex;gap:6px;overflow-x:auto;padding:8px;margin:-26px 0 -20px;background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:blur(8px);border-radius:99px;border:1px solid var(--line);justify-self:start;max-width:100%}
.subnav a{white-space:nowrap;text-decoration:none;font-size:.82rem;font-weight:700;padding:6px 14px;border-radius:99px;color:var(--sub)}.subnav a:hover{background:var(--card);color:var(--ink)}
.intro{margin:0;font-size:1rem;line-height:1.95;max-width:44em}
/* 本人に会える */
.vids{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.vids.big{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.vid{display:grid;gap:6px;text-decoration:none;color:var(--ink);align-content:start;min-width:0}
.vid .th{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:var(--grid);box-shadow:var(--shadow)}
.vid img{width:100%;height:100%;object-fit:cover;display:block;color:transparent;font-size:0;transition:transform .3s}.vid:hover img{transform:scale(1.04)}
.vid i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:40px;border-radius:12px;background:rgba(0,0,0,.72);color:#fff;font-style:normal;display:grid;place-items:center}
.vid em{position:absolute;left:10px;top:10px;font-style:normal;font-size:.7rem;font-weight:700;background:var(--accent);color:#fff;padding:3px 9px;border-radius:99px}
.vid b{font-size:.88rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vid:hover b{text-decoration:underline}
.meta{font-size:.76rem;color:var(--sub)}
.ivs{margin-top:20px}.ivs h3,.h3s{font-family:var(--disp);font-size:1rem;margin:0 0 10px}.h3s{margin-top:24px}
.ivs ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.ivs a{display:grid;gap:4px;padding:12px 14px;border-radius:14px;background:var(--card);border:1px solid var(--line);text-decoration:none;height:100%}
.ivs a:hover{border-color:var(--accent)}.ivs b{font-size:.88rem;line-height:1.5}.ivs span{font-size:.72rem;color:var(--sub)}
.pvline{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0;font-size:.82rem;color:var(--sub)}
/* つながり */
.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 18px;min-width:0}
.panel h3{font-family:var(--disp);font-size:1rem;margin:0 0 10px}
.panel.wide{margin-bottom:26px}
.lin{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;align-items:center}
.lcol h4{font-size:.74rem;color:var(--sub);margin:0 0 8px}.lcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px}
.lme{display:grid;justify-items:center;gap:6px;text-align:center;padding:10px 14px;border-radius:16px;background:var(--soft)}.lme .cv{width:64px}.lme b{font-size:.86rem}
.sib{margin:14px 0 0;font-size:.84rem;color:var(--sub)}.sib a{color:var(--accent);text-decoration:none;font-weight:700}
/* 数字で比べる */
.panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
.pm{margin:0 0 8px;font-size:.88rem}
.hist{width:100%;height:auto;display:block}.hb{fill:var(--grid)}.hb.me{fill:var(--accent)}.mk{font-size:12px;font-weight:700;fill:var(--accent)}
.tk{font-size:10px;fill:var(--sub)}.tl{font-size:11px;fill:var(--ink)}
.tlsvg{width:100%;height:auto;display:block}.panel.tlp{grid-column:1/-1}
rect.bar{fill:var(--t0)}rect.bar.t1{fill:var(--t1)}rect.bar.t2{fill:var(--t2)}rect.bar.t3{fill:var(--t3)}rect.bar.t4{fill:var(--t4)}rect.bar.t5{fill:var(--t5)}rect.bar.t6{fill:var(--t6)}rect.bar.open{opacity:.65}
.leg{display:flex;gap:6px;flex-wrap:wrap;margin:-4px 0 8px}
.segbar{display:flex;height:14px;border-radius:99px;overflow:hidden;gap:2px;margin-bottom:10px}.seg{background:var(--t0)}.seg.t1{background:var(--t1)}.seg.t2{background:var(--t2)}.seg.t3{background:var(--t3)}.seg.t4{background:var(--t4)}.seg.t5{background:var(--t5)}.seg.t6{background:var(--t6)}
.maglist{list-style:none;margin:0;padding:0;display:grid;gap:6px}.maglist li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;font-size:.86rem}.maglist span:last-child{color:var(--sub);font-size:.76rem;font-variant-numeric:tabular-nums}
/* 作品 */
.aff{display:inline-flex;gap:5px;flex-wrap:wrap;align-items:center;vertical-align:middle}.pr{font-size:.62rem;color:var(--sub);border:1px solid var(--line);border-radius:3px;padding:0 4px}
.ab{font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:8px;border:1px solid;text-decoration:none}.ab.rk{color:var(--rk)}.ab.am{color:var(--amz)}.ab.kd{color:#0f7c8a}.ab.pvb{color:#1a73b8}
.repbuy{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center;padding:14px;border-radius:16px;background:var(--soft);margin-bottom:14px;max-width:560px}.repbuy .cv{margin:0}.repbuy div{display:grid;gap:4px}
.works{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.works li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;border:1px solid var(--line);border-radius:14px;padding:10px;background:var(--card)}
.works li .cv{margin:0}.works div{display:grid;gap:3px;align-content:start;min-width:0}
.awards{list-style:none;padding:0;margin:0;display:grid;gap:6px}.awards li{display:grid;grid-template-columns:56px 1fr;font-size:.9rem}.awards span{color:var(--sub);font-variant-numeric:tabular-nums}
.src{font-size:.74rem;color:var(--sub)}
/* 系譜 */
.lfs{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px}
.lf{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px}
.lft{display:grid;justify-items:center;gap:4px;text-decoration:none;text-align:center;width:76px}.lft .cv{width:56px}.lft b{font-size:.8rem;line-height:1.3}.lft small{font-size:.64rem;color:var(--accent);font-weight:700}
.arr{color:var(--sub);font-size:1.2rem}
.lfk{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.lfk a{display:grid;gap:3px;justify-items:center;text-decoration:none;width:58px;flex:none;text-align:center}.lfk .cv{width:44px}.lfk b{font-size:.7rem;line-height:1.25}
.fams{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}
.famc{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;min-width:0}.famc h3{font-family:var(--disp);margin:0 0 10px;font-size:1.05rem}
.tree,.tree ul{list-style:none;margin:0;padding:0}.tree ul{margin-left:22px;border-left:2px solid var(--line);padding-left:12px}
.tree li{margin:6px 0}.fn{display:inline-grid;grid-template-columns:30px auto;gap:8px;align-items:center;text-decoration:none}.fn .cv{width:30px;border-radius:5px}.fn span{display:grid;line-height:1.3}.fn b{font-size:.86rem}.fn small{font-size:.68rem;color:var(--sub)}
.kd{display:block;font-style:normal;font-size:.64rem;color:var(--accent);font-weight:700}
/* 一覧・ランキング */
.chips{display:flex;flex-wrap:wrap;gap:8px}.sc{font-size:.84rem;padding:6px 13px;border-radius:99px;border:1px solid var(--line);text-decoration:none;background:var(--card)}.sc small{color:var(--sub);margin-left:5px}
.rank{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.rk2{border:1px solid var(--line);border-radius:18px;padding:14px 16px;background:var(--card)}.rk2 h3{margin:0 0 8px;font-size:.95rem;font-family:var(--disp)}.rk2 ol{margin:0;padding-left:1.4em;font-size:.88rem;display:grid;gap:2px}.rk2 li span{color:var(--sub);font-size:.76rem;margin-left:6px}.rk2 a{text-decoration:none}.rk2 a:hover{text-decoration:underline}
.ft{border-top:1px solid var(--line);background:var(--card)}.ftin{max-width:1200px;margin:0 auto;padding-block:26px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.ft p{margin:6px 0;font-size:.82rem;color:var(--sub)}
@media (max-width:860px){.fwrap{grid-template-columns:minmax(0,1fr)}.fpanel{position:static;max-height:none;grid-template-columns:repeat(2,minmax(0,1fr))}.fpanel fieldset{grid-column:1/-1}.lin{grid-template-columns:minmax(0,1fr)}.lme{justify-self:start;grid-auto-flow:column;align-items:center}}
@media (max-width:560px){.ahin{grid-template-columns:minmax(0,1fr)}.ahin .big{width:110px}.sts{grid-template-columns:repeat(3,minmax(0,1fr))}.ahero .st b{font-size:1.05rem}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}.fpanel{grid-template-columns:minmax(0,1fr)}.subnav{top:60px}.lf{grid-template-columns:minmax(0,1fr)}.arr{display:none}.vids.big{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* ===== 2026-10-28 作り直し：作家カード・代表作・作品グリッド・売れた数・データ ===== */
.cards{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:22px 16px}
.ac{display:grid;gap:8px;align-content:start;text-decoration:none;color:var(--ink);min-width:0;padding:14px 14px 12px;border-radius:18px;background:var(--card);border:1px solid var(--line);transition:transform .15s,box-shadow .15s}
.ac:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.acn{font-family:var(--disp);font-weight:900;font-size:1.12rem;line-height:1.25;letter-spacing:.01em}
.acv{position:relative;display:block;height:150px}
.acv img,.acv .cv{position:absolute;top:0;height:140px;width:auto;aspect-ratio:2/3;object-fit:cover;border-radius:8px;box-shadow:0 6px 16px rgba(22,23,27,.22);background:var(--grid)}
.acv .s0{left:0;z-index:3}.acv .s1{left:38%;top:6px;height:128px;z-index:2;transform:rotate(3deg)}.acv .s2{left:66%;top:12px;height:116px;z-index:1;transform:rotate(6deg)}
.acv.n1 .s0,.acv.one .cv{left:50%;transform:translateX(-50%)}.acv.n2 .s1{left:44%}
.acw{display:flex;flex-wrap:wrap;gap:2px 6px;font-size:.78rem;line-height:1.4;color:var(--sub);min-width:0}.acw i{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.acw i::before{content:"『"}.acw i::after{content:"』"}
.acm{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:.7rem;color:var(--sub)}
.ac .rel{margin-top:-2px}
.strip{grid-auto-columns:184px}
/* 作家ページ：名前と基本情報 */
.ahead{display:grid;gap:6px}.ahead .kick{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.ahead h1{font-family:var(--disp);font-weight:900;font-size:clamp(2.2rem,7vw,3.8rem);line-height:1.05;margin:0;letter-spacing:.01em}
.ameta{margin:0;font-size:1rem;font-weight:700}.ahead .school{margin:0;font-size:.84rem;color:var(--sub)}
/* 代表作 */
.feat{position:relative;isolation:isolate;overflow:hidden;border-radius:26px;background:#101116;color:#fff;display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(18px,4vw,40px);padding:clamp(18px,4vw,40px);align-items:center;margin-top:-20px}
.feat::before{content:"";position:absolute;inset:-60px;background-image:var(--bgimg);background-size:cover;background-position:center;filter:blur(40px) saturate(1.4);opacity:.5;z-index:-1}
.feat::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,11,16,.86),rgba(10,11,16,.6));z-index:-1}
.feat .fcv{width:260px;border-radius:12px;box-shadow:0 24px 48px rgba(0,0,0,.5)}
.ftx{display:grid;gap:12px;min-width:0}.ftx .kick{color:rgba(255,255,255,.7)}
.ftx h2{font-family:var(--disp);font-weight:900;font-size:clamp(1.6rem,4.5vw,2.6rem);line-height:1.2;margin:0;color:#fff}
.cpbig{display:grid;line-height:1.15}.cpbig span{font-size:.8rem;font-weight:700;color:rgba(255,255,255,.75)}.cpbig b{font-family:var(--disp);font-weight:900;font-size:clamp(2.2rem,6vw,3.6rem);letter-spacing:-.01em;color:#ffd75e}.cpbig small{font-size:.78rem;color:rgba(255,255,255,.7);margin-top:4px}
.ffacts{margin:0;font-size:.92rem;color:rgba(255,255,255,.9)}
.mbs{display:flex;gap:6px;flex-wrap:wrap}.mbs:empty{display:none}.mb{font-size:.74rem;font-weight:700;padding:4px 10px;border-radius:99px;background:rgba(255,255,255,.14);color:#fff}
/* 購入ボタン（大） */
.buy{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bb{display:grid;place-items:center;font-size:.84rem;font-weight:700;padding:10px 8px;border-radius:10px;text-decoration:none;text-align:center;line-height:1.2}
.bb.rk{background:#bf0000;color:#fff}.bb.am{background:var(--card);color:#16171b;border:1px solid var(--line)}.bb.kd{grid-column:1/-1;background:transparent;color:var(--accent);padding:4px;font-size:.78rem}
.buy.big{grid-template-columns:repeat(3,minmax(0,1fr));max-width:560px}.buy.big .bb{padding:14px 10px;font-size:.95rem}.buy.big .bb.am{background:#fff;color:#16171b;border:0}.buy.big .bb.kd{grid-column:auto;background:rgba(255,255,255,.12);color:#fff;font-size:.95rem;padding:14px 10px}
.bb:hover{filter:brightness(1.08)}
/* ほかの作品（グラミツと同じ大きさ） */
.wgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}
.wc{display:grid;gap:5px;align-content:start;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px;min-width:0}
.wc .cv{border-radius:8px;margin-bottom:4px}
.wl{font-size:.72rem;color:var(--sub)}.wc b{font-size:.92rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ws{font-size:.82rem;font-weight:700;color:var(--mark)}.ws:empty{display:none}.wy{font-size:.72rem;color:var(--sub)}
.wc .buy{margin-top:6px}
/* どれだけ売れたか */
.sales{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-width:860px}
.sales li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 14px}
.sales .cv{margin:0;border-radius:5px}.sb{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;align-items:center}
.sb b{font-size:.95rem;grid-column:1/-1}.sbar{height:12px;border-radius:99px;background:var(--grid);overflow:hidden}.sbar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:99px}
.sv{font-family:var(--disp);font-weight:900;font-size:1.15rem;white-space:nowrap;text-align:right;line-height:1.2}.sv small{display:block;font-family:var(--body);font-size:.68rem;font-weight:500;color:var(--sub)}
.srcd{margin-top:10px;font-size:.8rem;color:var(--sub);max-width:860px}.srcd summary{cursor:pointer;font-weight:700}.srcd ul{margin:8px 0 0;padding-left:1.2em;display:grid;gap:4px}
/* 師匠・弟子・担当編集者 */
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.pcol{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;min-width:0}.pcol h3{font-family:var(--disp);font-size:1rem;margin:0 0 12px}
.pcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.pcards .ac{background:var(--paper)}
.eds ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}.edh{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.edh b{font-family:var(--disp);font-size:1.15rem}.edh span{font-size:.78rem;color:var(--sub)}
.eds p{margin:4px 0 0;font-size:.86rem;line-height:1.7}.eds .edo{color:var(--sub);font-size:.8rem}.eds .edo a{color:var(--accent);font-weight:700;text-decoration:none}
/* データで見る */
.nts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}
.nt{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;gap:2px;line-height:1.2}
.nt span{font-size:.78rem;font-weight:700;color:var(--sub)}.nt b{font-family:var(--disp);font-weight:900;font-size:2.2rem;letter-spacing:-.01em}.nt b small{font-size:.9rem;margin-left:2px}.nt>small{font-size:.76rem;color:var(--accent);font-weight:700}
.tlwrap{overflow-x:auto}.tlsvg{min-width:560px}.tl{font-size:13px}.tk{font-size:11px}.lg2{font-size:.72rem;color:var(--sub);margin-left:4px}
@media (max-width:700px){.feat{grid-template-columns:minmax(0,1fr)}.feat .fcv{width:180px}.buy.big{grid-template-columns:1fr 1fr}.buy.big .bb.kd{grid-column:1/-1}}
@media (max-width:560px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ac{padding:10px}.acv{height:120px}.acv img,.acv .cv{height:112px}.acv .s1{height:102px}.acv .s2{height:92px}.wgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wc{padding:8px}.buy{grid-template-columns:1fr}.strip{grid-auto-columns:160px}.nt b{font-size:1.8rem}}
a.tb{text-decoration:none}.ameta a,.school a,.ffacts a,.wl a,.cpbig a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.ameta a:hover,.school a:hover,.wl a:hover{color:var(--accent)}
a.nt{text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s}a.nt:hover{border-color:var(--accent);transform:translateY(-2px)}.nt em{font-style:normal;font-size:.74rem;color:var(--sub);margin-top:6px}a.nt:hover em{color:var(--accent)}
.edh a{color:inherit;text-decoration:none}.edh a:hover{color:var(--accent)}
.nb{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 16px}.nb a{font-size:.84rem;padding:6px 12px;border-radius:99px;border:1px solid var(--line);background:var(--card);text-decoration:none}.nb a small{color:var(--sub);margin-left:4px}.nb a.on{background:var(--accent);color:#fff;border-color:var(--accent)}.nb a.on small{color:rgba(255,255,255,.8)}
/* 作品ページ・気分・読み切り時間 */
.wfeat{margin-top:0}.wfeat h1{font-family:var(--disp);font-weight:900;font-size:clamp(1.8rem,5vw,3rem);line-height:1.15;margin:0;color:#fff}.byl{margin:0;font-weight:700}.byl a,.ftx h2 a{color:inherit}
.wfacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:0}.wfacts div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.wfacts dt{font-size:.74rem;color:var(--sub);font-weight:700}.wfacts dd{margin:0;font-weight:700}.wfacts a{color:var(--accent)}
.when{display:grid;gap:14px}.rtl{display:grid;gap:2px;text-decoration:none;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px;max-width:620px}.rtl b{font-family:var(--disp);font-size:1.6rem;color:var(--accent)}.rtl small{font-size:.78rem;color:var(--sub)}
.feat .rtl{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff;padding:10px 14px}.feat .rtl b{color:#ffd75e;font-size:1.3rem}.feat .rtl small{color:rgba(255,255,255,.7)}
.mds{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.mds span{font-size:.78rem;font-weight:700;color:var(--sub);margin-right:4px}.feat .mds span{color:rgba(255,255,255,.7)}
.md{font-size:.84rem;font-weight:700;padding:6px 12px;border-radius:99px;background:var(--soft);color:var(--accent);text-decoration:none}.feat .md{background:rgba(255,255,255,.14);color:#fff}
.wstrip{display:grid;grid-auto-flow:column;grid-auto-columns:140px;gap:14px;overflow-x:auto;padding-bottom:8px}
.wt{display:grid;gap:4px;text-decoration:none;color:var(--ink);min-width:0;align-content:start}.wt b{font-size:.84rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wt span{font-size:.72rem;color:var(--sub)}.wt:hover .cv{box-shadow:0 10px 24px rgba(22,23,27,.2)}
.wcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px 14px}
.wau{display:grid;grid-template-columns:200px minmax(0,1fr);gap:18px;align-items:start}.wau p{margin:0 0 12px;line-height:1.9}
.wrank{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-width:860px}.wrank li{display:grid;grid-template-columns:36px 56px minmax(0,1fr);gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:8px 12px}.rn{font-family:var(--disp);font-weight:900;font-size:1.3rem;text-align:center}.wrank .cv{margin:0}.wrank div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px}.wrank a{text-decoration:none}.wrank div>span{font-size:.78rem;color:var(--sub)}.rv{grid-row:1/3;grid-column:2;font-family:var(--disp);font-size:1.2rem;align-self:center}.wrank small{grid-column:1/-1;font-size:.7rem;color:var(--sub)}
@media (max-width:560px){.wau{grid-template-columns:minmax(0,1fr)}.wcards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}}
.wfacts.small{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:14px}.wfacts.small div{padding:10px 12px}.rtl span{font-size:.78rem;font-weight:700;color:var(--sub)}.feat .rtl span{color:rgba(255,255,255,.7)}
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.mgrid.rt{margin-top:12px}
.mc{display:grid;gap:4px;text-decoration:none;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;transition:transform .15s}.mc:hover{transform:translateY(-2px);border-color:var(--accent)}
.mci{display:flex;gap:6px;margin-bottom:6px}.mci .cv{width:60px;margin:0}.mc b{font-family:var(--disp);font-size:1.05rem}.mc small{font-size:.76rem;color:var(--sub)}
/* ヘッダー：何ができるかを言葉で */
.nav{gap:2px}.nav a{display:grid;line-height:1.25;padding:6px 12px;border-radius:12px;color:var(--ink)}.nav a b{font-size:.88rem}.nav a small{font-size:.66rem;color:var(--sub);font-weight:500}
@media (max-width:760px){.nav a small{display:none}.nav a{padding:6px 8px}}
/* 入口ページの見出し */
.hhead{display:grid;gap:8px;padding:clamp(20px,4vw,40px);border-radius:24px;background:linear-gradient(135deg,var(--soft),var(--card) 70%);border:1px solid var(--line)}
.hhead h1{font-family:var(--disp);font-weight:900;font-size:clamp(1.8rem,5vw,3rem);line-height:1.2;margin:0;text-wrap:balance}.hhead p{margin:0;color:var(--sub);max-width:40em}
/* 入口カード */
.hubs{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.hubs.big{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.hub{position:relative;display:grid;gap:10px;text-decoration:none;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px;transition:transform .15s,box-shadow .15s;overflow:hidden}
.hub:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--accent)}
.hubi{display:flex;height:110px}.hubi img{height:104px;width:auto;aspect-ratio:2/3;object-fit:cover;border-radius:8px;box-shadow:0 6px 14px rgba(22,23,27,.2);margin-right:-22px;background:var(--grid)}.hubi img:nth-child(2){transform:rotate(3deg) translateY(3px)}.hubi img:nth-child(3){transform:rotate(6deg) translateY(6px)}.hubi img:nth-child(4){transform:rotate(9deg) translateY(9px)}
.hubs.big .hubi{height:130px}.hubs.big .hubi img{height:124px}
.hubt{display:grid;gap:2px}.hubt b{font-family:var(--disp);font-weight:900;font-size:1.15rem;line-height:1.3}.hubt small{font-size:.8rem;color:var(--sub)}
.hub em{position:absolute;top:14px;right:14px;font-style:normal;font-size:.74rem;font-weight:700;background:var(--soft);color:var(--accent);padding:3px 10px;border-radius:99px}
/* 都道府県のマス地図 */
.jmap{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:5px;max-width:880px;margin:0 auto;width:100%}
.tile2{aspect-ratio:1;display:grid;place-content:center;text-align:center;text-decoration:none;border-radius:10px;background:color-mix(in srgb,var(--accent) calc(var(--v)*100%),var(--grid));color:var(--ink);line-height:1.15;transition:transform .12s}
.tile2 b{font-size:clamp(.5rem,1.3vw,.82rem)}.tile2 small{font-size:clamp(.45rem,1vw,.66rem);opacity:.8}
.tile2:hover{transform:scale(1.12);z-index:2;box-shadow:var(--shadow)}
.tile2[style*="--v:0.7"],.tile2[style*="--v:0.8"],.tile2[style*="--v:0.9"],.tile2[style*="--v:1.0"],.tile2[style*="--v:0.6"],.tile2[style*="--v:0.5"]{color:#fff}
/* 生まれ年 */
.ycs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.yc{display:grid;gap:4px;text-decoration:none;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px;transition:transform .15s}.yc:hover{transform:translateY(-2px);border-color:var(--accent)}
.yci{display:flex;height:76px}.yci img{height:72px;width:auto;aspect-ratio:2/3;object-fit:cover;border-radius:6px;margin-right:-14px;box-shadow:0 4px 10px rgba(22,23,27,.2)}
.yc b{font-family:var(--disp);font-size:1.05rem}.yc small{font-size:.76rem;color:var(--sub)}
/* ランキング */
.rkbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:18px}
.rkb{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;display:grid;gap:12px;align-content:start}
.rkh h2{margin:0}.rkh p{margin:2px 0 0;font-size:.82rem;color:var(--sub)}
.rkc{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;align-items:start}
.rk1{position:relative}.rn1{position:absolute;left:-6px;top:-6px;z-index:5;width:34px;height:34px;border-radius:50%;background:#e2b007;color:#16171b;font-family:var(--disp);font-weight:900;display:grid;place-items:center}
.mini{display:grid;gap:6px;text-decoration:none;color:var(--ink)}.mini .mn{display:grid}.mini .mn b{font-family:var(--disp);font-size:1.05rem}.mini .mn small{font-size:.74rem;color:var(--sub)}.mini em{font-style:normal;font-family:var(--disp);font-weight:900;font-size:1.5rem;color:var(--accent)}
.rkl{list-style:none;margin:0;padding:0;display:grid;gap:6px}.rkl li{display:grid;grid-template-columns:22px 34px minmax(0,1fr) auto;gap:8px;align-items:center}.rkl .rn{font-size:.9rem}.rkl .cv{width:34px;margin:0;border-radius:4px}.rkl a{display:grid;text-decoration:none;min-width:0}.rkl a b{font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rkl a small{font-size:.7rem;color:var(--sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rkl em{font-style:normal;font-weight:700;font-size:.84rem;white-space:nowrap}
@media (max-width:560px){.rkc{grid-template-columns:minmax(0,1fr)}.jmap{gap:2px}.tile2{border-radius:5px}.tile2 small{display:none}}
.adp{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.adp>div{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px}.adp h3{font-family:var(--disp);font-size:1rem;margin:0 0 10px}
.anl{list-style:none;margin:0;padding:0;display:grid;gap:6px}.anl li{display:grid;grid-template-columns:44px minmax(0,1fr);font-size:.88rem}.anl span{color:var(--sub);font-variant-numeric:tabular-nums}
.chs{display:flex;flex-wrap:wrap;gap:6px}.ch{font-size:.82rem;padding:5px 11px;border-radius:99px;background:var(--paper);border:1px solid var(--line);text-decoration:none;color:var(--ink)}a.ch{color:var(--accent);font-weight:700}a.ch:hover{border-color:var(--accent)}
.wfacts dd small{display:block;font-size:.72rem;color:var(--sub);font-weight:500}
.stars{position:relative;display:inline-block;color:var(--grid);letter-spacing:1px}.stars::before{content:"★★★★★";position:absolute;left:0;top:0;width:calc(var(--r)/5*100%);overflow:hidden;color:#e2b007;white-space:nowrap}
.fc:disabled{opacity:.35;cursor:default}
.bb.am{color:var(--ink)}.buy.big .bb.am{color:#16171b}
.whead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.whead h2{margin:0}
.wsort{display:flex;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:99px;padding:4px}.wsort button{font:inherit;font-size:.8rem;font-weight:700;border:0;background:none;color:var(--sub);padding:6px 12px;border-radius:99px;cursor:pointer}.wsort button[aria-pressed="true"]{background:var(--accent);color:#fff}

/* 一覧を大きく（2026-10-28） */
.cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:26px 20px}
.ac{padding:18px 18px 16px;gap:10px;border-radius:20px}
.acn{font-size:1.38rem}
.acv{height:250px}
.acv img,.acv .cv{height:240px;border-radius:10px}
.acv .s1{height:218px;top:10px}.acv .s2{height:196px;top:20px}
.acw{font-size:.92rem;gap:3px 8px}
.acm{font-size:.8rem}
.wgrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px}
.wau2{font-size:.82rem;color:var(--sub);text-decoration:none}.wau2:hover{text-decoration:underline}
.lh{font-size:clamp(1.8rem,4.6vw,2.6rem)}
.cap{font-size:1rem;margin:6px 0 22px}
.nb a{font-size:.95rem;padding:8px 16px}
@media (max-width:560px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ac{padding:10px}.acn{font-size:1.05rem}.acv{height:170px}.acv img,.acv .cv{height:160px}.acv .s1{height:146px}.acv .s2{height:132px}.acw{font-size:.78rem}.wgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* ===== 明るい漫画誌トーン（見本 2026-10-28）：白い紙・黒い太線・黄と赤 ===== */
:root{--paper:#fffdf5;--card:#fff;--ink:#141414;--sub:#55565c;--line:#141414;--grid:#f1efe6;--soft:#fff3b0;--accent:#e2231a;--accent2:#ff5a3c;--mark:#e2231a;--yel:#ffd800;--shadow:4px 4px 0 #141414;color-scheme:light}
body{background:var(--paper)}
.bar{background:#fff;border-bottom:3px solid var(--ink)}
.lgw span{color:var(--accent)}
.nav a:hover{background:var(--yel)}
.hero{border:3px solid var(--ink);border-radius:18px;box-shadow:6px 6px 0 var(--ink);background:radial-gradient(circle,rgba(0,0,0,.13) 1.3px,transparent 1.6px) 0 0/12px 12px,var(--yel);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center}
.hero h1{font-size:clamp(2.2rem,6vw,3.8rem)}
.hero .kick{display:inline-block;justify-self:start;background:var(--ink);color:var(--yel);padding:4px 10px;border-radius:4px;letter-spacing:.12em}
.hlead{color:#2a2a2a;font-weight:600}
.search input{border:3px solid var(--ink)!important;border-radius:12px 0 0 12px!important}
.search button{background:var(--accent)!important;color:#fff!important;border:3px solid var(--ink)!important;font-weight:900}
.st{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
.st b{color:var(--accent)}
.hcol{position:relative;height:100%;min-height:420px;overflow:hidden}
.hcol a{position:absolute;width:140px;border:3px solid var(--ink);border-radius:8px;overflow:hidden;box-shadow:5px 5px 0 var(--ink);background:#fff;transition:transform .2s}
.hcol a:hover{transform:scale(1.06) rotate(0)!important;z-index:20}
.hcol img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}
.hcol a:nth-child(1){left:6%;top:8%;transform:rotate(-8deg);z-index:5}.hcol a:nth-child(2){left:36%;top:2%;transform:rotate(4deg);z-index:6}.hcol a:nth-child(3){left:64%;top:10%;transform:rotate(-3deg);z-index:4}
.hcol a:nth-child(4){left:18%;top:46%;transform:rotate(6deg);z-index:7}.hcol a:nth-child(5){left:48%;top:42%;transform:rotate(-6deg);z-index:8}.hcol a:nth-child(6){left:76%;top:50%;transform:rotate(9deg);z-index:3}
.hcol a:nth-child(n+7){display:none}
h2{display:inline-block;background:linear-gradient(transparent 62%,var(--yel) 62%);padding:0 4px}
.lh{background:linear-gradient(transparent 64%,var(--yel) 64%);display:inline;padding:0 4px}
.ac,.wc,.rkb,.hub,.yc,.mc,.rank>*,.vid,.nt,.lcard{border:2px solid var(--ink)!important;box-shadow:var(--shadow)!important}
.ac:hover,.wc:hover,.hub:hover,.yc:hover,.mc:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)!important}
.acv img,.acv .cv,.wc img{border:2px solid var(--ink);box-shadow:none}
.fc,.nb a,.wsort button{border:2px solid var(--ink)!important;font-weight:700}
.fc[aria-pressed=true],.nb a.on,.wsort button[aria-pressed=true]{background:var(--ink)!important;color:var(--yel)!important}
.fc[aria-pressed=true] small,.nb a.on small{color:#fff!important}
.bb.rk{background:var(--accent);border:2px solid var(--ink);color:#fff}.bb.am{background:#fff;border:2px solid var(--ink);color:var(--ink)}
.ft{background:var(--ink);color:#fff;border-top:0}.ft p{color:#cfcfcf}.ft .lgw{color:#fff}.ft .lgw span{color:var(--yel)}.ft .lgr{color:#fff}
@media (max-width:860px){.hero{grid-template-columns:minmax(0,1fr)}.hcol{min-height:300px;order:-1}.hcol a{width:100px}}
.ac{overflow:hidden}
.feat{background:#fff;color:var(--ink);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:18px}
.feat::before{opacity:.55;filter:blur(36px) saturate(1.6)}
.feat::after{background:linear-gradient(90deg,rgba(255,253,245,.93),rgba(255,253,245,.72))}
.feat .fcv{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}
.ftx .kick,.feat .mds span,.feat .rtl span,.feat .rtl small{color:var(--sub)}
.ftx h2,.wfeat h1{color:var(--ink);background:none;display:block}
.ftx h2 a,.wfeat h1 span{background:linear-gradient(transparent 62%,var(--yel) 62%)}
.feat .rtl{background:#fff;border:2px solid var(--ink);color:var(--ink)}.feat .rtl b{color:var(--accent)}
.feat .md{background:var(--ink);color:#fff}
.feat .bb.kd{background:#fff;color:var(--ink);border:2px solid var(--ink)}
.feat a,.feat .byl{color:var(--ink)}
.wsort{border:0;background:none;padding:0;gap:6px}.wsort button{background:#fff;color:var(--ink)}
.subnav{border:2px solid var(--ink);background:#fff}
/* マングース */
.ft{position:relative;margin-top:120px}
.ftmg{position:absolute;right:max(16px,6vw);bottom:100%;width:170px;height:auto;pointer-events:none}
.hmg{position:absolute;left:-4%;bottom:0;width:190px;height:auto;z-index:30;filter:drop-shadow(3px 3px 0 rgba(0,0,0,.15))}
.fempty{display:grid;justify-items:center;gap:8px;padding:30px 10px;text-align:center;grid-column:1/-1}.fempty img{width:210px;height:auto}.fempty p{margin:0;font-weight:700}
@media (max-width:860px){.hmg{width:120px;left:0}.ftmg{width:120px}.ft{margin-top:90px}}
.ft{margin-top:0;overflow:hidden}.ftin{position:relative;z-index:1;padding-right:220px}
.ftmg{bottom:0;right:max(16px,4vw);width:190px}
@media (max-width:860px){.ftin{padding-right:130px}.ftmg{width:120px}}
.ft{margin-top:0;overflow:hidden}.ftin{position:relative;z-index:1;padding-right:220px}
.ftmg{bottom:0;right:max(16px,4vw);width:190px}
@media (max-width:860px){.ftin{padding-right:130px}.ftmg{width:120px}}
/* フッター右下のマングース */
.ft{position:relative;overflow:hidden}.ftin{position:relative;z-index:1;padding-right:220px}
.ftmg{position:absolute;bottom:0;right:max(16px,4vw);width:190px;height:auto;pointer-events:none}
@media (max-width:860px){.ftin{padding-right:130px}.ftmg{width:120px}}
.ft{min-height:200px}@media (max-width:860px){.ft{min-height:140px}}

/* マングースを本文の幅の右端に、小さめに */
.ft{min-height:0}.ftin{position:relative;min-height:150px;padding-right:160px}
.ftmg{right:16px;width:135px}
@media (max-width:860px){.ftin{min-height:120px;padding-right:110px}.ftmg{width:100px}}
.hcol img.hmg{position:absolute;left:2%;bottom:0;width:170px;height:auto;aspect-ratio:auto;object-fit:contain;z-index:30}@media (max-width:860px){.hcol img.hmg{width:110px}}

/* ロゴの as は黄色（黒フチで白地でも読める） */
.lgw span{color:var(--yel);-webkit-text-stroke:1.2px var(--ink);paint-order:stroke fill}
.ft .lgw span{color:var(--yel);-webkit-text-stroke:0}
/* 代表作ブロックの文字を明るい背景で読めるように */
.feat .cpbig span,.feat .cpbig small{color:var(--sub)}
.feat .cpbig b{color:var(--yel);-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ink)}
.feat .ffacts{color:var(--ink);font-weight:700}
.feat .mb{background:var(--ink);color:#fff}
.buy.big .bb.kd{background:#fff;color:var(--ink);border:2px solid var(--ink)}
.buy.big .bb.am{border:2px solid var(--ink)}

/* 入口の表紙に作品名と巻数 */
.hcol a{text-decoration:none;color:var(--ink);overflow:visible;background:none;border:0;box-shadow:none;border-radius:0}
.hcol a img{border:3px solid var(--ink);border-radius:8px;box-shadow:5px 5px 0 var(--ink);background:#fff}
.hcap{display:block;margin-top:6px;background:#fff;border:2px solid var(--ink);border-radius:6px;padding:3px 6px;font-size:.72rem;line-height:1.3;text-align:center;box-shadow:2px 2px 0 var(--ink)}
.hcap b{display:block;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hcap small{font-size:.66rem;font-weight:700}
.hcol a:nth-child(4){top:50%}.hcol a:nth-child(5){top:46%}.hcol a:nth-child(6){top:54%}
@media (max-width:860px){.hcap{font-size:.6rem}.hcap small{display:none}}
/* 入口の表紙を重ならない3列に */
.hcol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 16px;align-content:center;padding:26px 26px 26px 10px;min-height:0;overflow:visible}
.hcol a,.hcol a:nth-child(n){position:relative;left:auto;top:auto;width:auto;display:block}
.hcol a:nth-child(odd){transform:rotate(-3deg)}.hcol a:nth-child(even){transform:rotate(3deg)}
.hcol a:nth-child(n+7){display:none}
.hcol img.hmg{position:absolute;left:-60px;bottom:-6px;width:150px}
@media (max-width:860px){.hcol{padding:16px;gap:12px 10px}.hcol img.hmg{left:auto;right:-6px;width:90px}}
.hcol img.hmg{left:-170px;top:90px;bottom:auto;width:150px}@media (max-width:860px){.hcol img.hmg{left:auto;top:auto;right:-6px;bottom:-6px;width:90px}}
/* ヘッダーを黒い帯に（フッターと同じロゴ） */
.bar{background:var(--ink);border-bottom:3px solid var(--ink);backdrop-filter:none;-webkit-backdrop-filter:none}
.bar .lgw,.bar .lgr,.bar .logo{color:#fff}
.bar .lgw span{color:var(--yel);-webkit-text-stroke:0}
.bar .nav a{color:#fff}.bar .nav a small{color:#bdbdbd}
.bar .nav a:hover{background:var(--yel);color:var(--ink)}.bar .nav a:hover small{color:#333}
.hcol img.hmg{left:-128px;top:150px;width:108px}@media (max-width:860px){.hcol img.hmg{left:auto;top:auto;right:-4px;bottom:-4px;width:72px}}

/* 見本v4から戻した欄 */
.ages{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ages li{display:grid;grid-template-columns:70px 40px minmax(0,1fr);gap:12px;align-items:center;background:#fff;border:2px solid var(--ink);border-radius:12px;padding:8px 12px;box-shadow:3px 3px 0 var(--ink)}
.ag{font-family:var(--disp);font-weight:900;font-size:1.8rem;line-height:1;color:var(--accent)}.ag small{font-size:.8rem;color:var(--ink);margin-left:2px}
.ages b{display:block;font-size:.98rem}.ages b a{color:var(--ink)}.ages small{color:var(--sub);font-size:.78rem}
.paces{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.pc{background:#fff;border:2px solid var(--ink);border-radius:14px;padding:14px 16px;display:grid;gap:2px;box-shadow:4px 4px 0 var(--ink)}
.pc span{font-size:.8rem;font-weight:700;color:var(--sub)}.pc b{font-family:var(--disp);font-weight:900;font-size:2rem;line-height:1.1}.pc b small{font-size:.9rem;margin-left:2px}.pc small{font-size:.78rem;color:var(--sub)}
.who{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.wf{background:#fff;border:2px solid var(--ink);border-radius:12px;padding:12px 14px;display:grid;gap:4px;box-shadow:3px 3px 0 var(--ink)}
.wf b{font-size:1rem;background:linear-gradient(transparent 60%,var(--yel) 60%);justify-self:start}.wf span{font-size:.86rem;color:var(--sub);line-height:1.6}
.h3{font-size:.95rem;margin:20px 0 10px}
.offi{display:flex;flex-wrap:wrap;gap:10px}.of{display:grid;background:#fff;border:2px solid var(--ink);border-radius:10px;padding:8px 14px;text-decoration:none;color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.of span{font-size:.78rem;color:var(--sub)}
.infs{display:grid;gap:16px}.infs h3{font-size:.9rem;margin:0 0 8px}
.chips2{display:flex;flex-wrap:wrap;gap:8px}.chip2{display:grid;background:#fff;border:2px solid var(--ink);border-radius:10px;padding:6px 12px;text-decoration:none;color:var(--ink)}.chip2 span{font-size:.74rem;color:var(--sub)}a.chip2:hover{background:var(--yel)}
.fans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.fan{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;background:#fff;border:2px solid var(--ink);border-radius:12px;padding:12px 14px;box-shadow:3px 3px 0 var(--ink)}
.fan b{font-size:1.05rem}.fan .fr{font-size:.76rem;color:var(--sub);align-self:center}.fan .fw{grid-column:1/-1;font-size:.86rem;line-height:1.6}.fan .fs{grid-column:1/-1;font-size:.72rem;color:var(--sub)}
.places{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.pl{display:grid;gap:2px;background:#fff;border:2px solid var(--ink);border-radius:12px;padding:10px 14px}.pl span{font-size:.82rem;color:var(--sub)}
.news{display:grid;gap:10px}.nw{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;align-items:start}
.nd{display:inline-block;font-size:.72rem;font-weight:800;text-align:center;background:var(--ink);color:var(--yel);border-radius:6px;padding:3px 6px}
.nw b{display:block}.nw span{font-size:.84rem;color:var(--sub)}
.enj{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.ej{display:grid;gap:4px;justify-items:start;background:#fff;border:2px solid var(--ink);border-radius:12px;padding:12px 14px;box-shadow:3px 3px 0 var(--ink)}.ej span:last-child{font-size:.84rem;color:var(--sub)}
@media (max-width:560px){.ages li{grid-template-columns:56px 34px minmax(0,1fr)}.ag{font-size:1.4rem}}
.bar{z-index:60}.hcol img.hmg{z-index:2;left:-205px;top:240px;width:84px}@media (max-width:860px){.hcol img.hmg{left:auto;top:auto;right:-4px;bottom:-4px;width:60px}}
.hmg2{display:inline-block;width:100px;height:auto;vertical-align:text-bottom;margin-left:6px}@media (max-width:860px){.hmg2{width:64px}}
.mgw{position:relative;display:inline-block}.mgw .hmg2{position:absolute;left:92%;bottom:.08em;width:100px;margin:0;vertical-align:baseline}@media (max-width:860px){.mgw .hmg2{width:64px}}
.barin{justify-content:flex-start}.bar .nav{margin-left:auto}
.tagl{color:#fff;font-size:.72rem;font-weight:700;line-height:1.35;letter-spacing:.08em;border-left:2px solid var(--yel);padding-left:12px;margin-left:4px}
.mgw .hmg2{width:126px}@media (max-width:860px){.mgw .hmg2{width:76px}}
@media (max-width:560px){.tagl{font-size:.62rem}}
.mgw .hmg2{max-width:none}
.mgw .hmg2{left:calc(100% + .75em);width:112px;bottom:.05em}@media (max-width:860px){.mgw .hmg2{width:70px}}
.tagl{border-left:0;padding-left:0;margin-left:6px;font-size:.82rem;letter-spacing:.04em;line-height:1;white-space:nowrap}@media (max-width:560px){.tagl{font-size:.68rem}}

.flink{display:inline-block;background:var(--ink);color:var(--yel);font-weight:800;font-size:.82rem;padding:6px 14px;border-radius:99px;text-decoration:none;margin-left:4px}.flink:hover{background:var(--accent);color:#fff}
.schs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.sch{display:grid;gap:6px;background:#fff;border:2px solid var(--ink);border-radius:14px;padding:14px;text-decoration:none;color:var(--ink);box-shadow:4px 4px 0 var(--ink);transition:transform .15s}.sch:hover{transform:translate(-2px,-2px)}
.schi{display:flex;gap:6px}.schi img{width:48px;height:72px;object-fit:cover;border:2px solid var(--ink);border-radius:6px}
.sch b{font-size:1.05rem}.sch small{font-size:.78rem;color:var(--sub)}
.schl{line-height:2.1;font-size:.9rem}.schl a{color:var(--ink)}
.fln a{color:#ddd}.abt h2{margin-top:22px}.abt p{max-width:44em}.nf{display:grid;justify-items:center;text-align:center;gap:10px;padding:40px 10px}.nf img{width:210px;height:auto}
/* スクールカラー */
.sch.scc{position:relative;overflow:hidden;border-color:var(--sc);box-shadow:4px 4px 0 var(--sc);padding-top:22px}
.scbar{display:block;height:10px}
.sch .scbar{position:absolute;left:0;right:0;top:0;border-bottom:2px solid var(--ink)}
.scsw{display:inline-flex;gap:3px;margin-right:6px;vertical-align:-2px}.scsw i{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--ink);display:inline-block}
.scnm{font-size:.72rem;color:var(--sub);display:flex;align-items:center}
.scband{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.85rem;font-weight:700;margin:-6px 0 4px}
.scband .scbar{flex:0 0 100%;height:12px;border:2px solid var(--ink);border-radius:6px}
.wtw{display:grid;gap:6px;align-content:start;min-width:0}.wbuy{display:flex;gap:4px;flex-wrap:wrap}.wbuy .ab{padding:2px 7px;font-size:.68rem}
/* 特集 */
.fxart{max-width:860px;margin:0 auto}.fxhead{padding:28px 0 8px}.fxhead h1{font-size:clamp(1.6rem,4.2vw,2.4rem);line-height:1.25;margin:6px 0 14px}.fxlead{font-size:1rem;line-height:1.85}.fxmeta{font-size:.75rem;color:var(--sub)}
.fxlist{list-style:none;padding:0;margin:22px 0;display:grid;gap:14px}.fxi{display:grid;grid-template-columns:44px 96px 1fr;gap:14px;align-items:start;background:#fff;border:2px solid var(--ink);border-radius:14px;padding:14px;box-shadow:4px 4px 0 var(--ink)}
.fxrk{font-weight:900;font-size:1.6rem;line-height:1;text-align:center;padding-top:4px}.fxi:nth-child(1) .fxrk,.fxi:nth-child(2) .fxrk,.fxi:nth-child(3) .fxrk{background:var(--yel);border:2px solid var(--ink);border-radius:10px;padding:6px 0}
.fxcv img{width:96px;height:auto;border:2px solid var(--ink);border-radius:6px}.fxb h3{margin:0 0 4px;font-size:1.15rem}.fxb h3 a{color:var(--ink);text-decoration:none}.fxau{margin:0 0 6px;font-size:.82rem}
.fxfacts{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 8px}.fxfacts span{color:var(--ink);font-size:.72rem;border:1px solid var(--line);border-radius:999px;padding:2px 8px;background:#fafafa}.fxnote{font-size:.86rem;line-height:1.75;margin:0 0 10px;color:#333}
.fxfaq div{border-top:1px solid var(--line);padding:12px 0}.fxfaq dt{font-weight:800;margin-bottom:4px}.fxfaq dd{margin:0;font-size:.9rem;line-height:1.7}
.fxrel{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.fxrel a{display:grid;gap:2px;border:2px solid var(--ink);border-radius:12px;padding:12px;text-decoration:none;color:var(--ink);background:#fff}.fxrel span{font-size:.75rem;color:var(--sub)}
.fxcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.fxcard{display:grid;gap:8px;background:#fff;border:2px solid var(--ink);border-radius:14px;padding:14px;text-decoration:none;color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.fxcs{display:flex;gap:6px}.fxcs img{width:56px;height:84px;object-fit:cover;border:2px solid var(--ink);border-radius:6px}.fxcard small{color:var(--sub)}
@media (max-width:560px){.fxi{grid-template-columns:30px 72px 1fr;gap:10px;padding:10px}.fxcv img{width:72px}.fxrk{font-size:1.2rem}}

.fxi .buy{display:flex;flex-wrap:wrap;gap:6px;margin:0}.fxi .bb{padding:6px 14px;font-size:.8rem;flex:0 0 auto;min-height:0}.fxhead .kick a{color:inherit}
/* 誕生日 */
.bdcal{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}.bdcal a,.bdcal span{display:grid;place-items:center;border:2px solid var(--ink);border-radius:10px;padding:6px 0;background:#fff;text-decoration:none;color:var(--ink)}.bdcal span{opacity:.35;border-style:dashed}.bdcal small{font-size:.66rem;color:var(--sub)}.bdcal a:hover{background:var(--yel)}
.bdl{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.bdl a{display:grid;grid-template-columns:72px 1fr;gap:4px 10px;align-items:center;background:#fff;border:2px solid var(--ink);border-radius:12px;padding:8px;text-decoration:none;color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.bdl img{grid-row:span 2;width:72px;height:auto;border-radius:6px;border:2px solid var(--ink)}.bdl small{font-size:.72rem;color:var(--sub)}

/* 新刊カレンダー */
.nrg{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin:10px 0 22px}
.nrc{background:#fff;border:2px solid var(--ink);border-radius:14px;box-shadow:4px 4px 0 var(--ink);overflow:hidden;display:flex;flex-direction:column}
.nrcv{position:relative;display:block;background:#f3f0e6;text-align:center}.nrcv img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;display:block}
.nrd{position:absolute;left:8px;top:8px;background:var(--yel);border:2px solid var(--ink);border-radius:8px;font-weight:900;font-size:.8rem;padding:2px 7px}
.nrb{padding:10px 10px 12px;display:flex;flex-direction:column;gap:4px;flex:1}.nrt{font-weight:800;line-height:1.35;color:var(--ink);text-decoration:none}.nrt b{background:var(--yel);padding:0 4px;border-radius:4px;white-space:nowrap}
.nra,.nrp{margin:0;font-size:.8rem;color:#555}.nrb .buy{margin-top:auto;padding-top:6px}
.nrday{margin:22px 0 4px;font-size:1.1rem;border-left:6px solid var(--yel);padding-left:10px}
.nrs{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.nrw .nrwin{display:flex;gap:16px;align-items:flex-start;background:#fff;border:2px solid var(--ink);border-radius:14px;box-shadow:4px 4px 0 var(--ink);padding:14px}.nrw img{width:96px;height:auto;border-radius:6px;border:1px solid #ddd}.nrwh{font-size:1.05rem;margin:4px 0}.nrwh b{background:var(--yel);padding:0 4px}
@media (max-width:560px){.nrg{grid-template-columns:repeat(2,1fr);gap:10px}}
.nrph{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.7);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:6px}
/* Amazonボタン：Amazon色 */
.bb.am,.buy.big .bb.am{background:#FF9900!important;color:#111!important;border:2px solid var(--ink)!important}
.bb.am:hover{background:#FFB84D!important}
.ab.am{background:#FF9900;color:#111!important;border-color:#c77700}
.ahead .kana{margin:-2px 0 2px;font-size:.95rem;font-weight:700;color:var(--sub);letter-spacing:.08em}
.pf{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin:0}
.pf>div{border:2px solid var(--ink);border-radius:12px;padding:10px 14px;background:#fff}
.pf dt{font-size:.78rem;font-weight:800;color:var(--sub);margin-bottom:2px}
.pf dd{margin:0;font-weight:800;font-size:1.05rem;line-height:1.55}.pf dd small{font-weight:600;color:var(--sub);font-size:.82rem}
.pf dd a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.cpls{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;margin-top:16px}
.cpl{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;border:2px solid var(--ink);border-radius:14px;padding:10px;background:#fff}
.cp1{display:grid;justify-items:center;gap:4px;text-align:center;color:inherit;text-decoration:none}.cp1 img{border-radius:4px;border:1px solid var(--ink)}
.cp1 b{font-size:.98rem}.cp1 small{font-size:.75rem;color:var(--sub)}
.cpx{font-weight:900;font-size:.75rem;background:#ffd800;border:2px solid var(--ink);border-radius:999px;padding:2px 8px}
/* 注目度・急上昇（Wikipediaの閲覧数） */
.trs h2 em{font-style:normal}
.ttabs>input{position:absolute;opacity:0;pointer-events:none}
.ttabs>label{display:inline-block;margin:0 6px 12px 0;padding:6px 16px;border:2px solid var(--ink);border-radius:999px;font-weight:800;font-size:14px;cursor:pointer;background:var(--card)}
.ttabs>input:checked+label{background:var(--ink);color:#fff}
.ttabs>input:focus-visible+label{outline:2px solid var(--accent);outline-offset:2px}
.tpane{display:none}
.ttabs>input:nth-of-type(1):checked~.tp-r,.ttabs>input:nth-of-type(2):checked~.tp-h{display:block}
.tag{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;padding-top:6px}
.tac{position:relative;min-width:0;display:flex;gap:10px;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px}
.tac:hover{border-color:var(--ink)}
.tac img{width:64px;height:92px;object-fit:cover;border-radius:4px;border:1px solid var(--line);flex:none;background:#eee}
.tab2{display:flex;flex-direction:column;min-width:0;flex:1}
.tab2 b{font-size:15px;line-height:1.35}
.tab2 small{font-size:12px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trk{position:absolute;top:4px;left:4px;min-width:24px;height:24px;padding:0 4px;border-radius:12px;background:var(--ink);color:#fff;font:800 12px/24px var(--num);text-align:center}
.tpl{display:inline-block;align-self:flex-start;margin:4px 0 2px;padding:1px 12px;border-radius:999px;color:#fff;font:800 13px/1.6 var(--num)}
.tpl.u{background:#d8434f}.tpl.d{background:#1f9e8a}
.tsp{display:block;width:100%;height:38px}
.tsp polyline{fill:none;stroke-width:2;stroke-linejoin:round}
.tsp.u polyline{stroke:#d8434f}.tsp.u circle{fill:#d8434f}
.tsp.d polyline{stroke:#1f9e8a}.tsp.d circle{fill:#1f9e8a}
.tn{font-size:12px;color:var(--sub)}
.tmg{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.tmc{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px}
.tmc:hover{border-color:var(--ink)}
.tmc .tsp{height:46px}
.tmt{font-size:12px;color:var(--ink);margin-top:2px}
.tsrc{font-size:12px}
@media(max-width:600px){.tag{grid-template-columns:minmax(0,1fr);gap:8px}.tac{padding:8px;min-width:0}.tac img{width:48px;height:69px}.tsp{height:30px}.tmg{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tmc{padding:10px;min-width:0}.tmc b{font-size:14px}.tmc .tsp{height:36px}}
/* 海外で読まれている漫画家 */
.ovlead{margin:0 0 12px;font-size:15px}.ovlead b{font-size:20px;color:#c8302c}
.ovb{font-size:13px;margin:2px 0 4px}.ovb b{font-size:18px;color:#2b3a8c;font-family:var(--num)}
.ovr{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--sub);line-height:1.5}
.ovr>span{width:28px;flex:none;white-space:nowrap}.ovr i{display:block;flex:none;height:8px;border-radius:4px;min-width:2px}
.ovr i.j{background:#c8302c}.ovr i.e{background:#2b3a8c}.ovr em{font-style:normal;font-family:var(--num)}