:root{--paper:#f6f2e7;--ink:#193d35;--accent:#ba512e;--muted:#596b61;--line:#cad0bf;--green:#e6ebda;--gold:#ede0b4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Yu Mincho','Hiragino Mincho ProN',serif}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent)}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header{max-width:1240px;margin:auto;padding:25px 32px;display:flex;align-items:center;justify-content:space-between;font-family:'Yu Gothic',sans-serif;border-bottom:1px solid var(--ink)}header a{text-decoration:none;line-height:1.5}header span{text-align:right;font-size:12px}main{max-width:1120px;margin:auto}.hero{padding:60px 32px 35px}.eyebrow{font:700 12px/1.6 'Yu Gothic',sans-serif;letter-spacing:.13em}.hero h1{font-size:clamp(32px,4.8vw,62px);line-height:1.3;letter-spacing:-.035em;margin:25px 0}.hero h1 em{font-style:normal;color:var(--accent)}.hero h1>span{display:block;font-size:clamp(18px,2.6vw,30px);margin-top:20px;letter-spacing:0}.hero h1 b{white-space:nowrap}.lead{max-width:870px;font-size:19px;line-height:1.9}.hero-shelf{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin:28px 0 0;padding:25px 22px 20px;background:var(--green);border-bottom:5px solid var(--ink)}.hero-shelf a{display:block;transition:transform .2s}.hero-shelf a:hover{transform:translateY(-5px)}.hero-shelf .work-cover{height:205px!important;background:transparent!important}.hero-credit,.byline{font:12px/1.7 'Yu Gothic',sans-serif;color:var(--muted)}.hero-credit{margin:10px 0 25px}.intro{padding:10px 32px 30px;max-width:970px;margin:auto}.intro>p{font-size:18px;line-height:2}.criteria{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px;padding:24px 0;border-block:1px solid var(--line);font:12px/1.8 'Yu Gothic',sans-serif}.criteria b{font-size:15px}.intro .context{font:12px/1.7 'Yu Gothic',sans-serif;color:var(--muted)}details summary{cursor:pointer}.unread{font:13px/1.8 'Yu Gothic',sans-serif;border-top:1px solid var(--line);padding-top:15px}.unread ul{columns:2;padding-left:20px}.jump{position:sticky;top:0;z-index:5;display:flex;justify-content:center;background:var(--ink);font:700 14px/1.5 'Yu Gothic',sans-serif;box-shadow:0 3px 8px #0002}.jump a{color:var(--paper);text-decoration:none;padding:18px 22px}.jump a:hover{background:#30584b}.index-details{margin:28px 32px 10px;border:1px solid var(--ink);padding:22px 24px}.index-details summary{display:flex;gap:20px;align-items:center;flex-wrap:wrap;list-style:none}.index-details summary::-webkit-details-marker{display:none}.index-details summary strong{font-size:22px;flex:1}.index-details summary>span:last-child{font:12px 'Yu Gothic',sans-serif}.index-details>p{font:14px 'Yu Gothic',sans-serif}.overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 18px;margin-top:25px}.overview-card{position:relative;text-decoration:none;background:#fff9;padding:15px;display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);font-family:'Yu Gothic',sans-serif}.overview-card:hover{border-color:var(--accent)}.overview-card .work-cover{height:180px!important;background:transparent!important}.overview-card strong{font-size:14px;line-height:1.5}.overview-card>small{font-size:11px}.mini-rank{background:var(--ink);color:white;padding:5px 9px;position:absolute;top:0;left:0;font:bold 20px 'Georgia',serif}.mini-rank small{font-size:10px;margin-left:3px}.ranking-section{padding:60px 32px 66px;border-bottom:1px solid var(--ink)}.section-heading{display:flex;align-items:center;gap:24px}.rank{display:flex;align-items:baseline;flex-shrink:0;color:var(--accent)}.rank>span{font:bold 74px/1 Georgia,serif;letter-spacing:-.07em}.rank>small{font:700 16px 'Yu Gothic',sans-serif;margin-left:5px}.section-heading h2{font-size:30px;line-height:1.45;margin:6px 0;overflow-wrap:anywhere}.section-hook{font-size:24px;line-height:1.6;margin:22px 0 35px;font-weight:bold}.review-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:45px}.book{align-self:start;font-family:'Yu Gothic',sans-serif}.book .work-cover{height:290px!important;background:transparent!important}.book-credit{font-size:13px;line-height:1.8}.button{display:block;padding:15px 18px;background:var(--ink);color:var(--paper);text-decoration:none;font:700 13px/1.6 'Yu Gothic',sans-serif;text-align:center;border:1px solid var(--ink)}.button:hover{background:#31574a;color:white}.timestamp{display:block;font:13px/1.5 'Yu Gothic',sans-serif;margin:20px 0}.cover-credit{font:10px/1.6 'Yu Gothic',sans-serif;color:var(--muted);display:block}.review p{font-size:18px;line-height:2.05;margin:0 0 27px;overflow-wrap:anywhere}.insert{margin:30px 0 35px;padding:18px;background:#fff;border:1px solid var(--line)}.insert img{display:block;max-width:100%;width:auto;max-height:680px;object-fit:contain;margin:auto}.insert figcaption{font:11px/1.8 'Yu Gothic',sans-serif;color:var(--muted);margin-top:14px}.comparison{margin:25px 0;font:13px/1.8 'Yu Gothic',sans-serif;padding:15px 18px;border-left:3px solid var(--accent);background:var(--green)}.back{display:inline-block;font:12px 'Yu Gothic',sans-serif;margin-top:12px}.intermission{background:var(--green);padding:40px;margin:40px 32px}.intermission h2{font-size:25px}.intermission p{font-size:17px;line-height:1.9}.intermission a{font:700 14px 'Yu Gothic',sans-serif}.top-three .rank{background:var(--gold);padding:13px 17px;min-width:122px;justify-content:center}.top-three .rank>span{font-size:66px}.top-three .section-heading{padding-top:12px}#rank-1{border-bottom:5px solid var(--ink)}.closing{padding:55px 32px}.closing h2{font-size:30px;line-height:1.5}.closing>p{font-size:18px;line-height:2;max-width:850px}.bonus-card{display:flex;gap:25px;padding:20px;background:var(--green);max-width:650px;margin:30px 0;text-decoration:none}.bonus-card .work-cover{width:125px!important;height:170px!important;background:transparent!important}.bonus-card>span{display:flex;flex-direction:column;justify-content:center;gap:10px;font:13px/1.6 'Yu Gothic',sans-serif}.bonus-card strong{font-size:25px}.bonus-card b{font-size:12px}.archive{max-width:420px}.video-source{margin:15px 32px 40px;padding:30px;border:1px solid var(--ink)}.video-source h2{font-size:23px}.video-source p{font:14px/1.8 'Yu Gothic',sans-serif}.video-source .button{max-width:320px}footer{padding:25px 32px 50px;border-top:1px solid var(--line);font:12px/1.9 'Yu Gothic',sans-serif;color:var(--muted)}footer details{margin:20px 0}footer ul{padding-left:18px}@media(max-width:760px){header{padding:18px 20px}.hero{padding:35px 20px 20px}.hero h1{font-size:clamp(30px,7vw,49px)}.lead{font-size:17px}.hero-shelf{grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 12px}.hero-shelf .work-cover{height:170px!important}.intro{padding:0 20px 24px}.criteria{gap:8px}.criteria b{font-size:12px}.intro>p{font-size:16px}.jump{justify-content:space-around}.jump a{padding:16px 6px;font-size:11px}.index-details{margin:22px 20px 0;padding:20px 16px}.index-details summary{gap:8px}.index-details summary strong{font-size:19px;flex-basis:100%}.overview-grid{grid-template-columns:repeat(2,1fr);gap:16px 10px}.overview-card{padding:10px}.overview-card .work-cover{height:160px!important}.unread ul{columns:1}.ranking-section{padding:42px 20px}.section-heading{gap:17px}.section-heading h2{font-size:23px}.rank>span{font-size:59px}.section-hook{font-size:21px;margin:20px 0 25px}.review-layout{display:block}.book{display:grid;grid-template-columns:130px minmax(0,1fr);column-gap:20px;align-items:center;margin-bottom:28px}.book>a:first-child{grid-row:1/5}.book .work-cover{height:195px!important}.book-credit{margin:0 0 8px}.book .button{padding:10px;font-size:12px}.book .timestamp{margin:12px 0;font-size:12px}.cover-credit{grid-column:1/-1;margin-top:12px}.review p{font-size:17px;line-height:2}.insert{padding:12px;margin:26px 0}.intermission{padding:25px 20px;margin:30px 20px}.intermission h2{font-size:22px}.top-three .rank{min-width:94px;padding:10px}.top-three .rank>span{font-size:52px}.closing{padding:40px 20px}.closing h2{font-size:25px}.closing>p{font-size:17px}.bonus-card{gap:17px;padding:15px}.bonus-card .work-cover{width:95px!important;height:145px!important}.bonus-card strong{font-size:22px}.video-source{margin:0 20px 30px;padding:23px}footer{padding:25px 20px 40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-shelf a{transition:none}}
html{scroll-behavior:auto}.insert img{height:auto}.hero-shelf a{text-decoration:none}.index-details[open] summary>span:last-child{font-size:0}.index-details[open] summary>span:last-child::after{content:"順位一覧を閉じる −";font-size:12px}