:root{--white: #FFFFFF;--ink: #111111;--gray-light: #F2F2F2;--gray-mid: #D6D6D6;--gray-dark: #707070;--gray-line: #E0E0E0;--cyan: #00B7FF;--magenta: #FF2DA1;--yellow: #FFD400;--green: #32D74B;--logo-ink: #0A0A0A;--cool-grey: #E6E9EC;--body-secondary: #444444;--table-stripe: #FAFAFA;--ink-hover: #333333;--logo-filter: none;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--c-jissoku: var(--cyan);--c-hikaku: var(--magenta);--c-ryokin: var(--yellow);--c-kisei: var(--green);--c-news: var(--cyan);--c-guide: var(--green);--c-explainer: var(--green);--c-handson: var(--yellow);--font: "Noto Sans JP", system-ui, sans-serif;--t-11: 11px;--t-12: 12px;--t-14: 14px;--t-15: 15px;--t-16: 16px;--t-18: 18px;--t-20: 20px;--t-22: 22px;--t-25: 25px;--t-26: 26px;--t-32: 32px;--t-34: 34px;--lh-body: 1.75;--lh-card: 1.6;--lh-hero: 1.625;--lh-sec: 1.556;--lh-label:1.18;--tr-label: .083em;--tr-sec: .047em;--s-4: 4px;--s-8: 8px;--s-12: 12px;--s-16:16px;--s-24:24px;--s-32:32px;--hair: 1px solid var(--gray-line);--icon-stroke: 1.5px;--mod-min: 360px;--page-max: 1360px;--thumb-ratio: 16 / 9}html[data-theme=dark]{color-scheme:dark;--white:#0B0C0E;--ink:#F4F4F1;--gray-light:#15181D;--gray-mid:#555B65;--gray-dark:#A3A8B0;--gray-line:#2C3037;--cyan:#16B9EE;--magenta:#F33A9F;--yellow:#F2CA31;--green:#38CC59;--logo-ink:#F4F4F1;--cool-grey:#20242A;--body-secondary:#C1C4C9;--table-stripe:#111318;--ink-hover:#D8D8D4;--logo-filter:invert(1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--white);color:var(--ink);font-family:var(--font);font-weight:400;font-size:var(--t-16);line-height:var(--lh-body);font-feature-settings:"palt";-webkit-font-smoothing:antialiased;line-break:strict;text-wrap:pretty}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-new(root){z-index:9999;animation:theme-reveal .48s var(--ease-out)}@keyframes theme-reveal{0%{clip-path:circle(0 at var(--theme-x, 100%) var(--theme-y, 0))}to{clip-path:circle(150vmax at var(--theme-x, 100%) var(--theme-y, 0))}}@media(prefers-reduced-motion:reduce){::view-transition-new(root){animation:none}}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.num{font-variant-numeric:tabular-nums;font-weight:700}.pick{position:relative;transition:opacity .18s ease,transform .12s ease}main:has(.pick:is(:hover,:focus-visible)) .pick:not(:hover,:focus-visible){opacity:.32}.pick:active{transform:scale(.99)}.pick:focus-visible{outline:none}.ph{position:relative;display:block;overflow:hidden}.ph img{display:block;width:100%;aspect-ratio:var(--thumb-ratio);object-fit:cover;background:var(--gray-light);transition:transform .5s var(--ease-out)}.ph:before,.ph:after{content:"";position:absolute;width:14px;height:14px;border:2px solid #fff;mix-blend-mode:difference;opacity:0;transition:opacity .15s ease,inset .3s var(--ease-out);z-index:1;pointer-events:none}.ph:before{top:12px;left:12px;border-right:0;border-bottom:0}.ph:after{bottom:12px;right:12px;border-left:0;border-top:0}.pick:is(:hover,:focus-visible) .ph img{transform:scale(1.04)}.pick:is(:hover,:focus-visible) .ph:before{opacity:1;top:6px;left:6px}.pick:is(:hover,:focus-visible) .ph:after{opacity:1;bottom:6px;right:6px}.tag-row:before,.tag-row:after{content:"";position:absolute;width:12px;height:12px;border:2px solid var(--ink);opacity:0;transition:opacity .15s ease,transform .3s var(--ease-out);pointer-events:none}.tag-row:before{top:6px;left:-12px;border-right:0;border-bottom:0;transform:translate(-6px,-6px)}.tag-row:after{bottom:6px;right:-12px;border-left:0;border-top:0;transform:translate(6px,6px)}.tag-row:is(:hover,:focus-visible):before,.tag-row:is(:hover,:focus-visible):after{opacity:1;transform:none}@media(max-width:1000px){.tag-row:before{left:-10px}.tag-row:after{right:-10px}}@media(prefers-reduced-motion:reduce){.pick,.ph img,.ph:before,.ph:after,.tag-row:before,.tag-row:after{transition:none}.pick:is(:hover,:focus-visible) .ph img{transform:none}.pick:active{transform:none}}.ahint{position:fixed;z-index:60;pointer-events:none;transform:translate(-50%,-100%)}.ahint b{display:block;padding:6px 10px;background:var(--ink);color:var(--white);font-size:var(--t-12);font-weight:700;line-height:1.4;white-space:nowrap;animation:ahint-text .95s var(--ease-out) forwards}.ahint i{position:absolute;left:50%;bottom:0;width:6px;height:6px;background:var(--accent, var(--ink));animation:ahint-dot .7s var(--ease-out) forwards}@keyframes ahint-text{0%{opacity:0;transform:translateY(6px)}20%,70%{opacity:1;transform:translateY(-4px)}to{opacity:0;transform:translateY(-12px)}}@keyframes ahint-dot{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),var(--dy)) scale(.4)}}@media(prefers-reduced-motion:reduce){.ahint b{animation:ahint-fade .95s linear forwards}.ahint i{display:none}@keyframes ahint-fade{0%,70%{opacity:1}to{opacity:0}}}.cmdk{width:min(640px,calc(100vw - 32px));max-height:min(560px,calc(100dvh - 96px));margin:72px auto auto;padding:0;border:2px solid var(--ink);background:var(--white);color:var(--ink)}.cmdk::backdrop{background:#00000073}.cmdk[open]{animation:cmdk-in .18s var(--ease-out)}@keyframes cmdk-in{0%{opacity:0;transform:translateY(-8px) scale(.985)}}.cmdk-in{display:flex;flex-direction:column;max-height:inherit}.cmdk-bar{display:flex;align-items:center;gap:10px;padding:0 8px 0 16px;border-bottom:2px solid var(--ink)}.cmdk-bar svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--ink);stroke-width:1.8}.cmdk-bar input{flex:1;min-width:0;height:56px;border:0;outline:0;background:transparent;color:var(--ink);font:500 var(--t-16) var(--font)}.cmdk-bar input::-webkit-search-cancel-button{display:none}.cmdk-close{width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;cursor:pointer;color:var(--gray-dark)}.cmdk-close{width:auto;min-width:44px;padding:0 8px}.cmdk-close kbd{font:700 var(--t-11) var(--font);border:1px solid var(--gray-line);padding:2px 6px}.cmdk-close .narrow{display:none;font-size:var(--t-14);font-weight:700;color:var(--ink)}.cmdk-list{overflow:auto;padding:8px 0 12px;overscroll-behavior:contain}.cmdk-group{padding:12px 16px 4px;font-size:var(--t-11);font-weight:700;letter-spacing:.06em;color:var(--gray-dark)}.cmdk-note{padding:24px 16px;font-size:var(--t-14);color:var(--gray-dark)}.cmdk-item{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:16px;min-height:44px;padding:10px 16px 10px 32px}.cmdk-item b{font-size:var(--t-15);font-weight:500;line-height:1.55}.cmdk-item span{flex:none;font-size:var(--t-12);color:var(--gray-dark);font-weight:700}.cmdk-item[aria-selected=true] b{font-weight:900}.cmdk-item[aria-selected=true]:before{content:"";position:absolute;left:16px;top:18px;width:7px;height:7px;background:var(--ink)}@media(max-width:640px){.cmdk{margin-top:16px;max-height:calc(100dvh - 32px)}.cmdk-close .wide{display:none}.cmdk-close .narrow{display:inline}.cmdk-item{flex-direction:column;gap:2px}}@media(prefers-reduced-motion:reduce){.cmdk[open]{animation:none}}.top{position:sticky;top:0;z-index:20;background:var(--white);border-bottom:2px solid var(--ink)}.top-in{max-width:var(--page-max);min-height:60px;margin:0 auto;padding:0 var(--s-16);display:flex;flex-wrap:wrap;align-items:center}@media(min-width:1001px){.top-in{padding:0 40px}}.top .brand{flex:none;padding-inline-end:22px}.logo{position:relative;display:block;width:170px;aspect-ratio:3/1}.logo img{position:absolute;inset:0;width:100%;height:100%;display:block}.logo .mtop{clip-path:inset(25.6% 58.6% 27.2% 41.4%)}.logo.go .mtop{animation:logo-reveal .75s cubic-bezier(.77,0,.175,1) .35s forwards}@keyframes logo-reveal{to{clip-path:inset(25.6% 2.07% 27.2% 41.4%)}}html[data-theme=dark] .logo .base{filter:invert(1)}.logo .box{position:absolute;inset:25.6% 2.07% 27.2% 41.4%;overflow:hidden}.logo .m{position:absolute;inset:0;transform-origin:left center;transform:scaleX(0);animation:logo-sweep .75s cubic-bezier(.77,0,.175,1) forwards}@keyframes logo-sweep{to{transform:scaleX(1)}}.hnav{display:flex;height:60px;border-inline-start:1px solid var(--gray-line)}.hnav a{display:flex;align-items:center;gap:8px;padding:0 20px;font-size:var(--t-14);font-weight:500;color:var(--body-secondary);border-inline-end:1px solid var(--gray-line);white-space:nowrap;transition:opacity .18s ease}.hnav a[aria-current]{font-weight:900;color:var(--ink)}.hnav a[aria-current]:before{content:"";width:7px;height:7px;background:var(--ink);flex:none}.hnav:has(a:hover) a:not(:hover){opacity:.4}.hnav a:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}.hsearch{display:flex;align-items:center;justify-content:center;gap:8px;height:60px;min-width:44px;padding:0 14px;border:0;border-inline-end:1px solid var(--gray-line);background:transparent;color:var(--body-secondary);cursor:pointer;transition:opacity .18s ease}.hsearch svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.hsearch kbd{font:700 var(--t-11) var(--font);letter-spacing:.04em;border:1px solid var(--gray-line);padding:2px 6px}.hsearch:hover{color:var(--ink)}@media(hover:none),(pointer:coarse){.hsearch kbd{display:none}}.hsearch:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}.top-in:has(.hnav a:hover) .hsearch{opacity:.4}.top .tagline{order:3;flex-basis:100%;margin:0;padding:0 0 10px;color:var(--ink);font-size:var(--t-12);font-weight:700;letter-spacing:.06em;white-space:nowrap}@media(max-width:1000px){.top-in{min-height:56px}.hnav{margin-inline-start:auto;height:56px}.hnav a{padding:0 16px}.hsearch{height:56px;width:44px;padding:0}.hsearch kbd{display:none}}@media(max-width:440px){.top .brand{padding-inline-end:10px}.hnav{flex:none}.hnav a{padding:0 12px}}@media(max-width:440px){.top .logo{width:136px}}@media(prefers-reduced-motion:reduce){.logo .m{animation:none;transform:scaleX(1)}.logo.go .mtop{animation:none;clip-path:inset(25.6% 2.07% 27.2% 41.4%)}.hnav a{transition:none}}.foot[data-astro-cid-gcn2mc3v]{background:var(--ink);margin-top:32px}.foot-in[data-astro-cid-gcn2mc3v]{max-width:var(--page-max);margin:0 auto;padding:var(--s-32) var(--s-16) var(--s-24)}.fmark[data-astro-cid-gcn2mc3v]{display:block;width:120px}.fmark[data-astro-cid-gcn2mc3v] img[data-astro-cid-gcn2mc3v]{display:block;width:100%;height:auto;filter:invert(1)}html[data-theme=dark] .fmark[data-astro-cid-gcn2mc3v] img[data-astro-cid-gcn2mc3v]{filter:none}.foot-links[data-astro-cid-gcn2mc3v]{display:flex;flex-wrap:wrap;gap:0;margin-top:var(--s-24);border-block:1px solid var(--gray-dark)}.foot-links[data-astro-cid-gcn2mc3v] a[data-astro-cid-gcn2mc3v]{padding:var(--s-8) var(--s-16);border-inline-end:1px solid var(--gray-dark);color:var(--white);font-size:var(--t-14);line-height:1.5;transition:background-color .16s ease}.foot-links[data-astro-cid-gcn2mc3v] a[data-astro-cid-gcn2mc3v]:first-child{border-inline-start:1px solid var(--gray-dark)}.foot-links[data-astro-cid-gcn2mc3v] a[data-astro-cid-gcn2mc3v]:hover{background:color-mix(in srgb,var(--cyan) 18%,transparent);color:var(--white)}.foot-links[data-astro-cid-gcn2mc3v] a[data-astro-cid-gcn2mc3v]:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.credit[data-astro-cid-gcn2mc3v]{display:block;margin-top:var(--s-24);font-size:var(--t-11);color:var(--gray-mid)}.credit[data-astro-cid-gcn2mc3v] a[data-astro-cid-gcn2mc3v]{color:var(--gray-mid)}.credit[data-astro-cid-gcn2mc3v] a[data-astro-cid-gcn2mc3v]:hover{color:var(--white)}@media(max-width:640px){.foot[data-astro-cid-gcn2mc3v]{margin-top:var(--s-16)}.foot-in[data-astro-cid-gcn2mc3v]{padding-top:var(--s-24)}.fmark[data-astro-cid-gcn2mc3v]{width:112px}.foot-links[data-astro-cid-gcn2mc3v]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.foot-links[data-astro-cid-gcn2mc3v] a[data-astro-cid-gcn2mc3v]{border-inline-start:0;border-inline-end:var(--hair);border-bottom:1px solid var(--gray-dark)}.foot-links[data-astro-cid-gcn2mc3v] a[data-astro-cid-gcn2mc3v]:nth-child(2n){border-inline-end:0}.foot-links[data-astro-cid-gcn2mc3v] a[data-astro-cid-gcn2mc3v]:last-child{grid-column:1 / -1;border-inline-end:0;border-bottom:0}}