:root{
--bg:#ffffff;
--tint:#eef2f9;
--navy:#0f1a38;
--navy-2:#18264d;
--ink:#1f2228;
--ink-soft:#1f2228;
--ink-mute:#1f2228;
--line:#e1e6ef;
--line-strong:#c3cce0;
--link:#2453d6;
--shu:#2f5bea;
--shu-soft:#d6e1ff;
--fs-body:16px;
--fs-small:13px;
--gut:18px;
--r:4px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:70px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic",Meiryo,sans-serif;font-weight:500;line-height:1.85;font-size:var(--fs-body);letter-spacing:.03em}
p{font-size:var(--fs-body);margin:0 0 1em;color:var(--ink-soft)}
a{color:var(--link);text-underline-offset:3px;text-decoration-thickness:1px}
h1,h2,h3{color:var(--ink);font-weight:700;line-height:1.45;font-feature-settings:"palt" 1}
.hd__logo,.gnav a,.hot__t,.menu a,.links a,.toc a,.acards__t b,.chlist b,.hero__tg a{font-feature-settings:"palt" 1}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:780px;margin:0 auto;padding:0 var(--gut)}
.ib{display:inline-block}

.hd{background:var(--navy);position:sticky;top:0;z-index:20}
.hd__in{display:flex;align-items:center;gap:14px;height:56px}
.hd__logo{color:#fff;text-decoration:none;font-weight:700;font-size:17px;letter-spacing:.06em;white-space:nowrap}
.hd__game{color:#fff;text-decoration:none;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:14px;border-left:1px solid rgba(255,255,255,.25);line-height:1.2}
.hd__menu{margin-left:auto;display:flex;align-items:center;gap:9px;background:none;border:0;color:#fff;font:inherit;font-size:11px;font-weight:700;letter-spacing:.16em;padding:8px 0 8px 8px;cursor:pointer;white-space:nowrap}
.hd__bars{display:flex;flex-direction:column;gap:5px;width:20px}
.hd__bars i{display:block;height:2px;background:#fff}
.hd__bars i:nth-child(2){width:70%}

.gnav{background:var(--navy-2);overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.gnav::-webkit-scrollbar{display:none}
.gnav__in{display:flex;gap:4px;padding:0 var(--gut);max-width:780px;margin:0 auto}
.gnav a{display:inline-block;padding:12px 10px;font-size:13px;font-weight:600;color:#fff;text-decoration:none}
.gnav a:hover{background:rgba(255,255,255,.08)}

.dr{position:fixed;inset:0;z-index:50;visibility:hidden}
.dr.is-open{visibility:visible}
.dr__bg{position:absolute;inset:0;background:rgba(20,22,28,.5);opacity:0;transition:opacity .25s}
.dr.is-open .dr__bg{opacity:1}
.dr__panel{position:absolute;top:0;right:0;bottom:0;width:min(88vw,400px);background:#fff;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column}
.dr.is-open .dr__panel{transform:none}
.dr__hd{display:flex;justify-content:space-between;align-items:center;height:56px;padding:0 var(--gut);background:var(--navy);color:#fff;font-size:11px;font-weight:700;letter-spacing:.16em;flex:0 0 auto}
.dr__close{background:none;border:0;color:#fff;font:inherit;font-size:14px;font-weight:700;padding:8px 0;cursor:pointer}
.dr__body{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:18px var(--gut) 48px;flex:1 1 auto}
.dr__game{font-size:22px;font-weight:700;color:var(--ink);margin:0 0 14px}
.dr__h{font-size:12px;font-weight:700;color:var(--shu);letter-spacing:.08em;margin:28px 0 2px}
.dr__list,.dr__games{list-style:none;margin:0;padding:0}
.dr__list a,.dr__games a{display:block;padding:12px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:600;font-size:15px}
.dr__games a span{display:block;font-size:12px;color:var(--ink-mute);font-weight:500}
.dr__tribes,.side__tribes{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin:12px 0 0}
.dr__tribes a,.side__tribes a{border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:13px;font-weight:600;padding:9px 6px;text-align:center}
.dr__top{display:block;margin:28px 0 0;background:var(--navy);color:#fff;text-align:center;text-decoration:none;font-weight:700;padding:15px;border-radius:var(--r);white-space:nowrap}

.hero{background:linear-gradient(135deg,var(--navy) 0%,#1c3170 100%);padding:30px 0 32px}
.hero__label{color:#9dbbff;font-size:12px;font-weight:700;letter-spacing:.1em;margin:0 0 8px}
.hero__h1{color:#fff;font-size:30px;margin:0 0 10px;letter-spacing:.04em}
.hero__sub{color:#fff;font-size:14px;margin:0 0 20px;line-height:1.75}
.hero--site .hero__sub{margin:0}
.hero__tg{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.25);margin:22px 0 0}
.hero__tg a{color:#fff;text-decoration:none;font-size:14px;font-weight:700;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.25);white-space:nowrap}
.hero__tg a:nth-child(odd){padding-right:10px}

.crumb{font-size:12px;color:var(--ink-mute);padding:14px 0 0;line-height:1.6}
.crumb a{color:var(--ink-mute)}
.main{padding:10px 0 56px}
.page-h1{font-size:26px;margin:12px 0 6px;letter-spacing:.03em}
.page-sub{font-size:var(--fs-small);color:var(--ink-mute);margin:0 0 22px;line-height:1.7}
.meta{display:block;font-size:12px}
.box{margin:0 0 52px}
.box>h2,.target__h{font-size:21px;margin:0 0 18px;padding-bottom:12px;border-bottom:2px solid var(--navy);letter-spacing:.03em}
.box h3{font-size:17px;margin:26px 0 10px}
.more{margin:16px 0 0;text-align:right;font-size:14px}
.more a{font-weight:700;text-decoration:none}

.answer{background:var(--tint);border-radius:var(--r);padding:20px var(--gut);margin:0 0 26px}
.answer__label{font-size:12px;font-weight:700;color:var(--shu);margin:0 0 8px;letter-spacing:.08em}
.answer__main{color:var(--ink);font-size:18px;font-weight:700;line-height:1.8;margin:0}
.answer__grid{display:grid;grid-template-columns:1fr 1fr;margin:18px 0 0;border-top:1px solid var(--line-strong)}
.answer__grid div{padding:10px 0;border-bottom:1px solid var(--line-strong)}
.answer__grid div:nth-child(odd){padding-right:12px}
.answer__grid dt{font-size:12px;color:var(--ink-mute);font-weight:600}
.answer__grid dd{margin:0;font-size:15px;font-weight:700;color:var(--ink)}
.answer__list{margin:0;padding:0;list-style:none;counter-reset:a}
.answer__list li{counter-increment:a;position:relative;padding:11px 0 11px 30px;border-top:1px solid var(--line-strong);color:var(--ink);font-weight:600;font-size:15px;line-height:1.8}
.answer__list li:first-child{border-top:0;padding-top:2px}
.answer__list li::before{content:counter(a);position:absolute;left:2px;top:11px;color:var(--shu);font-weight:700;font-size:15px}
.answer__list li:first-child::before{top:2px}
.mk{background:linear-gradient(transparent 62%,var(--shu-soft) 62%);font-weight:700}
.answer .mk a{color:var(--ink)}

.toc{border:1px solid var(--line);border-radius:var(--r);margin:0 0 40px;padding:0 var(--gut)}
.toc summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;padding:15px 0}
.toc summary::-webkit-details-marker{display:none}
.toc__t{font-size:14px;font-weight:700;color:var(--ink);letter-spacing:.06em}
.toc__sw{font-size:13px;font-weight:700;color:var(--link);white-space:nowrap}
.toc__sw::after{content:"開く"}
.toc[open] .toc__sw::after{content:"閉じる"}
.toc ol{margin:0;padding:0 0 10px;list-style:none;counter-reset:t}
.toc li{counter-increment:t;border-top:1px solid var(--line)}
.toc a{display:flex;gap:12px;padding:10px 0;text-decoration:none;color:var(--ink);font-weight:600;font-size:15px;line-height:1.6}
.toc a::before{content:counter(t,decimal-leading-zero);color:var(--shu);font-weight:700;font-size:13px;padding-top:2px;font-variant-numeric:tabular-nums;flex:0 0 auto}

.steps{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.steps li{display:grid;grid-template-columns:7.2em 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.steps li.steps__plain{grid-template-columns:1fr}
.steps__l{font-size:var(--fs-small);font-weight:700;color:var(--shu);line-height:1.9}
.steps p{margin:0;color:var(--ink);font-weight:600}
.tl{margin:0;padding:0;list-style:none;position:relative}
.tl li{position:relative;display:grid;grid-template-columns:44px 1fr;gap:10px;padding:0 0 22px}
.tl li::before{content:"";position:absolute;left:21px;top:32px;bottom:4px;width:1px;background:var(--line-strong)}
.tl li:last-child::before{display:none}
.tl__n{font-size:20px;font-weight:700;color:var(--shu);line-height:1.4;font-variant-numeric:tabular-nums;text-align:center}
.tl p{margin:0;color:var(--ink);font-weight:600;line-height:1.85}
.dots{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.dots li{position:relative;padding:12px 0 12px 18px;border-bottom:1px solid var(--line);color:var(--ink-soft)}
.dots li::before{content:"";position:absolute;left:2px;top:25px;width:7px;height:1.5px;background:var(--shu)}
.dots b{color:var(--ink)}
.shops{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.shops li{padding:11px 0;border-bottom:1px solid var(--line);line-height:1.5}
.shops li:nth-child(odd){padding-right:12px}
.shops b{display:block;font-size:14px;color:var(--ink)}
.shops span{display:block;font-size:12px;color:var(--ink-mute);margin-top:2px}
.moves{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr;border-top:1px solid var(--line)}
.moves li{padding:14px 0;border-bottom:1px solid var(--line)}
.moves__l{display:block;font-size:12px;font-weight:700;color:var(--shu);letter-spacing:.06em}
.moves b{display:block;font-size:18px;color:var(--ink);line-height:1.5;margin:2px 0}
.moves p{margin:0;font-size:14px;line-height:1.7}

.spec{width:100%;border-collapse:collapse;font-size:15px;border-top:1px solid var(--ink)}
.spec th,.spec td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.spec th{width:34%;color:var(--ink-soft);font-weight:600;background:var(--tint);white-space:nowrap}
.spec td{color:var(--ink);font-weight:600}
.spec+p{margin-top:14px}
.ver{font-weight:700}
.ver--no{color:var(--ink);text-decoration:line-through;font-weight:500}
.rank{font-weight:700;color:var(--shu)}

.links{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.links a{display:block;height:100%;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:700;font-size:15px;padding:13px 12px;line-height:1.4}
.links a:hover{background:var(--tint)}
.links small{display:block;color:var(--ink-mute);font-weight:600;font-size:12px;margin-top:3px}
.links--s a{font-size:14px;padding:11px 12px}
.menu{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.menu a{display:flex;justify-content:space-between;gap:12px;padding:15px 2px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:700}
.menu a span{color:var(--ink-mute);font-weight:600;font-size:var(--fs-small);white-space:nowrap}

.acards{margin:0;padding:0;list-style:none}
.acards li{border-bottom:1px solid var(--line)}
.acards li:first-child{border-top:1px solid var(--line)}
.acards a{display:grid;grid-template-columns:36% 1fr;gap:14px;align-items:center;text-decoration:none;padding:14px 0}
.acards img{width:100%;aspect-ratio:1200/630;object-fit:cover;border-radius:var(--r);border:1px solid var(--line)}
.acards__t b{display:block;color:var(--ink);font-size:15px;font-weight:700;line-height:1.55}
.acards__t b .ib{display:inline-block;margin:0}
.acards__t span{display:block;color:var(--ink-mute);font-size:12px;line-height:1.6;margin-top:4px}
.acards--grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.acards--grid li,.acards--grid li:first-child{border-top:0}
.acards--grid a{grid-template-columns:1fr;gap:8px;align-items:start}
.target .acards+.menu{margin-top:-1px}
.eye{margin:0 0 26px}
.eye img{width:100%;border-radius:var(--r);border:1px solid var(--line)}

.gcards{margin:0;padding:0;list-style:none;border-top:1px solid var(--ink)}
.gcards a{display:block;text-decoration:none;padding:20px 0;border-bottom:1px solid var(--line)}
.gcards b{display:block;font-size:22px;color:var(--ink);margin:2px 0}
.gcard__label{display:block;font-size:12px;color:var(--shu);font-weight:700;letter-spacing:.06em}
.gcard__sub{display:block;font-size:14px;color:var(--ink-soft)}
.gcard__n{display:block;font-size:13px;color:var(--ink-mute);font-weight:600;margin-top:6px}

.search{font:inherit;font-size:16px;font-weight:500;width:100%;padding:12px 14px;border:1px solid var(--line-strong);border-radius:var(--r);background:#fff;color:var(--ink);margin:0 0 10px}
.search:focus{outline:2px solid var(--ink);outline-offset:-1px}
.find{display:flex;gap:8px;margin:0 0 12px}
.find .search{margin:0;flex:1 1 auto;min-width:0}
.find button{font:inherit;font-size:15px;font-weight:700;white-space:nowrap;padding:0 20px;border:0;border-radius:var(--r);background:var(--navy);color:#fff;cursor:pointer}
.find--hero{margin:0}
.find--hero .search{border-color:#fff}
.find--hero button{background:var(--shu)}
.filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.filter select,.sortbar select{font:inherit;font-size:15px;font-weight:600;padding:9px 10px;border:1px solid var(--line-strong);border-radius:var(--r);background:#fff;color:var(--ink);flex:1 1 30%;min-width:0}
.sortbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 8px}
.sortbar select{flex:0 0 auto;font-size:14px;padding:7px 8px}
.count{font-size:var(--fs-small);color:var(--ink-mute);margin:0}
.yl{margin:0;padding:0;list-style:none;border-top:1px solid var(--ink)}
.yl a{display:block;padding:13px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink-soft)}
.yl__h{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.yl__h b{color:var(--ink);font-size:16px;font-weight:700}
.yl__m{flex:0 0 auto;font-size:12px;font-weight:600;color:var(--ink-mute);white-space:nowrap}
.yl__m .rank{margin-left:8px;font-size:13px}
.yl__v{display:block;font-size:12px;font-weight:700;color:var(--shu);margin-top:2px}
.yl__how{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;font-weight:500;line-height:1.6;margin-top:3px}

.qa{margin:0;border-top:1px solid var(--line)}
.qa__item{padding:18px 0;border-bottom:1px solid var(--line)}
.qa dt{display:flex;gap:12px;font-weight:700;color:var(--ink);line-height:1.65;margin:0 0 8px}
.qa dd{display:flex;gap:12px;margin:0;color:var(--ink-soft);line-height:1.85}
.qa__q,.qa__a{flex:0 0 1.1em;font-weight:700;font-size:16px;line-height:1.65}
.qa__q{color:var(--ink)}
.qa__a{color:var(--shu)}

.rlist{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.rlist li{padding:11px 0;border-bottom:1px solid var(--line);font-weight:600;color:var(--ink)}
.blist{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.blist li{padding:11px 0;border-bottom:1px solid var(--line);color:var(--ink-soft)}
.blist b{display:block;color:var(--ink)}
.art ul,.art ol{padding-left:1.2em;color:var(--ink-soft)}
.art li{margin:0 0 6px}
.art li b,.art p b{color:var(--ink)}
.dtable{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 1.2em;border-top:1px solid var(--ink)}
.dtable th{background:var(--tint);color:var(--ink-soft);font-weight:600;text-align:left;padding:9px 8px;border-bottom:1px solid var(--line-strong)}
.dtable td{padding:10px 8px;border-bottom:1px solid var(--line);color:var(--ink);font-weight:600;vertical-align:top}
.dtable .nw{white-space:nowrap}
.art .spec th{white-space:normal;width:40%}
.art .pw{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin:0 0 20px;padding:0;list-style:none;counter-reset:pw;border-top:1px solid var(--line)}
.art .pw li{counter-increment:pw;display:flex;gap:8px;margin:0;padding:9px 0;border-bottom:1px solid var(--line);color:var(--ink);font-weight:700;font-size:16px;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.art .pw li::before{content:counter(pw);color:var(--ink-mute);font-weight:600;font-size:12px;min-width:1.4em;padding-top:3px}
.note{font-size:var(--fs-small);color:var(--ink-mute)}

.hot{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.hot a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.hot__n{font-weight:700;font-size:15px;color:var(--ink-mute);font-variant-numeric:tabular-nums}
.hot li:nth-child(-n+3) .hot__n{color:var(--shu);font-size:20px}
.hot__t{font-weight:700;font-size:16px;line-height:1.5}
.hot__k{font-size:11px;font-weight:600;color:var(--ink-mute);letter-spacing:.06em}
.hot--dr a{padding:10px 0}
.hot--dr .hot__t{font-size:15px}
.target>p{font-size:14px;margin:-6px 0 14px}
.jump{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin:0 0 40px}
.jump a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:700;padding:12px 0;border-bottom:1px solid var(--line)}
.nextbox__g{font-size:12px;font-weight:700;color:var(--shu);margin:0 0 10px;letter-spacing:.06em}
.next{display:grid;grid-template-columns:40% 1fr;gap:12px 14px;align-items:start;text-decoration:none;background:var(--tint);border-radius:var(--r);padding:14px;margin:0 0 14px}
.next__l{grid-column:1/-1;font-size:12px;font-weight:700;color:var(--shu);letter-spacing:.06em}
.next img{width:100%;border-radius:var(--r)}
.next b{display:block;color:var(--ink);font-size:15px;line-height:1.55}
.next__s{display:none}
.pn{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.pn a{display:block;text-decoration:none;color:var(--ink);font-weight:700;font-size:14px;line-height:1.5;padding:14px 12px 14px 0;border-bottom:1px solid var(--line)}
.pn a span{display:block;font-size:12px;color:var(--shu);margin:0 0 2px}
.pn__n{grid-column:2;text-align:right;padding:14px 0 14px 12px!important;border-left:1px solid var(--line)}
.chaps{display:flex;overflow-x:auto;scrollbar-width:none;margin:0 0 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.chaps::-webkit-scrollbar{display:none}
.chaps a{flex:0 0 auto;color:var(--ink-soft);text-decoration:none;font-size:13px;font-weight:700;padding:11px 12px;white-space:nowrap}
.chaps a.is-cur{color:var(--shu)}
.chaps--wrap{display:grid;grid-template-columns:repeat(5,1fr);overflow:visible;border:0;border-top:1px solid var(--line);border-left:1px solid var(--line);margin:0 0 16px}
.chaps--wrap a{text-align:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink);padding:11px 0}
.chlist{margin:0;padding:0;list-style:none}
.chlist li{position:relative}
.chlist li::before{content:"";position:absolute;left:21px;top:44px;bottom:-6px;width:1px;background:var(--line-strong)}
.chlist li:last-child::before{display:none}
.chlist a{display:grid;grid-template-columns:44px 1fr;column-gap:12px;padding:10px 0 18px;text-decoration:none}
.chlist__n{grid-row:1/4;font-size:22px;font-weight:700;color:var(--shu);text-align:center;line-height:1.4;font-variant-numeric:tabular-nums}
.chlist__k{font-size:12px;font-weight:700;color:var(--ink-mute)}
.chlist b{display:block;color:var(--ink);font-size:17px;line-height:1.5}
.chlist__s{display:block;font-size:13px;color:var(--ink-mute)}
.side{display:none}
.side__box{margin:0 0 36px}
.side__h{font-size:14px;font-weight:700;color:var(--ink);margin:0 0 4px;padding-bottom:10px;border-bottom:1px solid var(--ink);letter-spacing:.06em}
.side__box .find{margin:12px 0 0}
.side__list{margin:0;padding:0;list-style:none}
.side__list a{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:600;font-size:14px}
.side__list span{font-size:12px;color:var(--ink-mute);font-weight:500}
.side__list--2{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}
.side__list--2 a{display:block}
.side__list--2 span{display:block}
.side__arts{margin:0;padding:0;list-style:none}
.side__arts a{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font-size:13px;font-weight:700;line-height:1.5;padding:10px 0;border-bottom:1px solid var(--line)}
.side__arts img{border-radius:3px;border:1px solid var(--line)}
.side__arts .ib{display:inline-block}
.hot--side{border-top:0}
.hot--side a{grid-template-columns:26px 1fr auto;padding:9px 0}
.hot--side .hot__t{font-size:14px}
.hot--side li:nth-child(-n+3) .hot__n{font-size:16px}

.ft{background:var(--navy);color:#fff;font-size:var(--fs-small);padding:34px 0 40px}
.ft a{color:#fff}
.ft p{color:#fff;font-size:var(--fs-small);margin:0 0 8px}
.ft .ft__logo{color:#fff;font-size:16px;font-weight:700;letter-spacing:.06em;margin:0 0 12px}

@media (min-width:760px){
.page-h1{font-size:30px}
.hero{padding:44px 0 46px}
.hero__h1{font-size:38px}
.hero__tg{grid-template-columns:repeat(5,auto);justify-content:start;column-gap:28px}
.hero__tg a:nth-child(odd){padding-right:0}
.links{grid-template-columns:1fr 1fr 1fr}
.acards--grid{grid-template-columns:1fr 1fr 1fr}
.shops{grid-template-columns:1fr 1fr 1fr}
.moves{grid-template-columns:1fr 1fr;column-gap:24px}
.target .acards,.acards--pc3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 18px}
.target .acards li,.acards--pc3 li,.target .acards li:first-child,.acards--pc3 li:first-child{border:0}
.target .acards a,.acards--pc3 a{grid-template-columns:1fr;gap:10px;align-items:start;padding:4px 0 18px}
.target .acards__t b{font-size:15px}
.jump{grid-template-columns:repeat(5,auto);justify-content:start;column-gap:24px}
}
@media (min-width:1024px){
.wrap{max-width:1160px}
.gnav__in{max-width:1160px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
.side{display:block;padding-top:52px}
.side__box--sticky{position:sticky;top:76px}
.hotbox .hot{display:grid;grid-template-columns:1fr 1fr;column-gap:32px}
}
.moves--1{grid-template-columns:1fr!important}
.moves p+p{margin-top:6px}
.moves p b{display:inline;font-size:inherit;margin:0;color:var(--shu)}
.arank{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:20px 14px}
.arank a{display:block;text-decoration:none}
.arank img{width:100%;aspect-ratio:1200/630;object-fit:cover;border-radius:var(--r);border:1px solid var(--line)}
.arank__t{display:flex;gap:8px;align-items:flex-start;margin-top:8px}
.arank__n{flex:0 0 auto;font-size:17px;font-weight:700;color:var(--ink);line-height:1.4;font-variant-numeric:tabular-nums}
.arank li:nth-child(-n+3) .arank__n{color:var(--shu)}
.arank__t b{color:var(--ink);font-size:14px;font-weight:700;line-height:1.55}
.arank__t b .ib{display:inline-block}
.arank--side{gap:16px 12px}
.arank--side .arank__n{font-size:15px}
.arank--side .arank__t b{font-size:13px}
.cap{border-radius:var(--r);padding:16px 18px;margin:0}
.cap p:last-child,.cap ul:last-child{margin-bottom:0}
.cap__h{font-size:14px;font-weight:700;margin:0 0 6px!important;letter-spacing:.04em}
.cap--point{background:#eaf0ff}
.cap--point .cap__h{color:var(--shu)}
.cap--memo{background:#eef1f6}
.cap--memo .cap__h{color:var(--navy)}
.cap--warn{background:#fdf6e3}
.cap--warn .cap__h{color:#8a5a00}
.cap .dots{border-top:0}
.cap .dots li{border-bottom-color:rgba(0,0,0,.08)}
.cap .dots li:last-child{border-bottom:0;padding-bottom:0}
.relcard{display:grid;grid-template-columns:38% 1fr;gap:12px;align-items:center;text-decoration:none;border:1px solid var(--line-strong);border-radius:var(--r);padding:12px;margin:-24px 0 48px;position:relative}
.relcard__l{grid-column:1/-1;font-size:12px;font-weight:700;color:var(--shu);letter-spacing:.06em}
.relcard img{width:100%;border-radius:3px}
.relcard__t b{display:block;color:var(--ink);font-size:15px;line-height:1.5}
.relcard__t span{display:block;color:var(--ink);font-size:12px;margin-top:3px}
@media (min-width:760px){.arank{grid-template-columns:repeat(3,1fr)}.arank--side{grid-template-columns:1fr 1fr}}
.relcard__t b .ib{display:inline-block}
.relcard__t span:not(.ib){display:none}
.menu--stack a{display:block}
.menu--stack a span{display:block;white-space:normal;font-size:13px;font-weight:500;margin-top:3px}
.menu a,.side__list a,.dr__list a,.dr__games a,.hot a,.toc a,.pn a,.yl a,.chlist a{position:relative;transition:background .15s}
.menu a::after,.side__list a::after,.dr__list a::after,.dr__games a::after,.hot a::after,.toc a::after,.yl a::after,.chlist a::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-top:2px solid var(--shu);border-right:2px solid var(--shu);transform:translateY(-50%) rotate(45deg)}
.menu{border-top:0}
.menu li+li{margin-top:8px}
.menu a{border:1px solid var(--line-strong);border-radius:6px;padding:14px 40px 14px 16px;background:#fff}
.menu li:last-child a{border-bottom:1px solid var(--line-strong)}
.menu a:hover,.side__list a:hover,.dr__list a:hover,.hot a:hover,.toc a:hover,.yl a:hover,.chlist a:hover{background:var(--tint)}
.menu a span{margin-left:auto}
.menu--stack a span{margin-left:0}
.side__list a,.dr__list a,.dr__games a{padding-right:30px}
.side__list--2 a{padding-right:22px}
.side__list a::after,.dr__list a::after,.dr__games a::after{right:6px}
.hot a{padding-right:30px}
.hot a::after{right:6px}
.toc a{padding-right:26px}
.toc a::after{right:4px;width:6px;height:6px;transform:translateY(-50%) rotate(135deg)}
.yl a{padding-right:28px}
.yl a::after{right:6px}
.chlist a::after{right:6px}
.btn{display:inline-flex;align-items:center;gap:10px;border:1.5px solid var(--navy);border-radius:999px;padding:10px 20px;color:var(--navy);font-weight:700;font-size:14px;text-decoration:none;background:#fff;white-space:nowrap}
.btn::after{content:"";width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
.btn:hover{background:var(--navy);color:#fff}
.more{text-align:center;margin:20px 0 0}
.qa{border-top:0}
.qa__item{padding:0;border:1px solid var(--line-strong);border-radius:6px;overflow:hidden;margin:0 0 12px}
.qa dt{margin:0;padding:14px 16px;background:var(--tint)}
.qa dd{padding:14px 16px}
.qa__q{color:var(--shu)}
.qa__a{color:var(--navy)}
.relbox{border:1px solid var(--line-strong);border-radius:6px;padding:14px 14px 4px;margin:-24px 0 48px;background:#fff}
.relbox__h{font-size:13px;font-weight:700;color:var(--shu);margin:0 0 10px;letter-spacing:.06em}
.arank--rel{grid-template-columns:1fr 1fr!important;gap:14px 12px;margin-bottom:10px}
.arank a{border-radius:6px;transition:opacity .15s}
.arank a:hover{opacity:.8}
.links a{position:relative;padding-right:28px}
.links a::after{content:"";position:absolute;right:12px;top:50%;width:6px;height:6px;border-top:2px solid var(--shu);border-right:2px solid var(--shu);transform:translateY(-50%) rotate(45deg)}
.side__arts a{padding-right:4px}
.pn a{border:1px solid var(--line-strong);border-radius:6px;padding:12px 14px!important;margin:0 4px 0 0}
.pn{border-top:0;gap:8px}
.pn__n{border-left:1px solid var(--line-strong)!important;margin:0}
.arank__t b,.acards__t b,.side__arts span,.menu a,.next b,.page-h1{word-break:keep-all;overflow-wrap:anywhere}
.box>h2,.target__h{font-size:22px;padding-bottom:12px;border-bottom:3px solid var(--navy)}
.box h3,.art h3{font-size:17px;font-weight:700;color:var(--navy);background:var(--tint);border-radius:4px;padding:10px 14px;margin:28px 0 12px;line-height:1.5}
.next{grid-template-columns:120px 1fr;gap:6px 14px;align-items:center;padding:12px 44px 12px 12px;position:relative;border:1px solid var(--line-strong);background:#fff}
.next:hover{background:var(--tint)}
.next::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;border-top:2px solid var(--shu);border-right:2px solid var(--shu);transform:translateY(-50%) rotate(45deg)}
.next__l{grid-column:1/-1;margin:0}
.next img{width:120px;border-radius:4px}
.next b{font-size:17px;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}
.pn a{word-break:keep-all;overflow-wrap:anywhere}
.more--l{text-align:left;margin:4px 0 8px}
.more--l .btn{white-space:normal;text-align:left}
.ft__nav{display:flex;flex-wrap:wrap;gap:6px 18px;margin:14px 0 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.2)}
.ft__nav a{color:#fff;font-size:13px;font-weight:600}
.arank a,.acards a,.relbox a,.next,.side__arts a,.menu a,.hot a,.toc a,.links a,.yl a,.chlist a,.pn a,.dr__list a,.dr__games a,.side__list a,.btn,.gcards a{text-decoration:none!important}
.arank a:hover .arank__t b,.acards a:hover b,.next:hover b{color:var(--shu)}
.arank--side{grid-template-columns:1fr!important;gap:0}
.arank--side li a{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.arank--side img{width:96px}
.arank--side .arank__t{margin:0}
.arank--side .arank__t b{font-size:13px;line-height:1.55}
.arank__t b,.acards__t b,.side__arts span,.next b,.relcard__t b{word-break:normal;overflow-wrap:normal;line-break:strict}