:root{--blue: #1f6fff;--blue-deep: #0b4fd6;--blue-ink: #0a2b6b;--cyan: #19c9e6;--cyan-soft: #7fe3f2;--pop: #ffd23f;--pop-ink: #6b4a00;--bg: #eef4ff;--bg-2: #e3edff;--surface: #ffffff;--ink: #122042;--ink-2: #41507a;--ink-3: #5f6f96;--line: #dde6f7;--radius: 22px;--radius-sm: 14px;--radius-lg: 30px;--shadow: 0 10px 30px -12px rgba(31,111,255,.3);--shadow-sm: 0 4px 14px -6px rgba(31,111,255,.28);--shadow-lg: 0 24px 60px -20px rgba(31,111,255,.42);--ring: 0 0 0 4px rgba(31,111,255,.16);--maxw: 468px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:"M PLUS Rounded 1c",system-ui,sans-serif;font-weight:500;color:var(--ink);background:radial-gradient(120% 60% at 50% -10%,#d6e6ff,#d6e6ff00 60%),var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.shell{max-width:var(--maxw);margin:0 auto;background:var(--bg);min-height:100vh;position:relative;box-shadow:0 0 80px -30px #0a2b6b40;overflow:clip}.section{padding:0 18px}.gap-lg{margin-top:40px}.prbar{background:var(--blue-ink);color:#c8d8ff;font-size:11px;font-weight:500;text-align:center;padding:7px 16px;letter-spacing:.01em}.header{position:sticky;top:0;z-index:50;background:#ffffffdb;backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--line)}.header__row{display:flex;align-items:center;justify-content:space-between;padding:11px 18px}.brand{display:flex;align-items:center;gap:9px;font-weight:900;font-size:17px;color:var(--ink)}.brand__mark{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue) 0%,var(--cyan) 100%);color:#fff;font-size:17px;box-shadow:var(--shadow-sm)}.brand small{display:block;font-size:9.5px;font-weight:700;color:var(--ink-3);letter-spacing:.12em}.menu-btn{border:1px solid var(--line);background:#fff;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;gap:3px;cursor:pointer}.menu-btn span{display:block;width:16px;height:2px;border-radius:2px;background:var(--ink-2)}.nav{display:flex;gap:4px;padding:0 18px 10px;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{flex:0 0 auto;font-size:12.5px;font-weight:700;color:var(--ink-2);padding:6px 13px;border-radius:999px;background:#fff;border:1px solid var(--line)}.nav a.is-active{color:#fff;background:var(--blue);border-color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:900;cursor:pointer;border:none;border-radius:999px;text-align:center;line-height:1.25}.btn--cta{width:100%;padding:16px 20px;color:#fff;font-size:16px;background:linear-gradient(135deg,var(--blue) 0%,var(--blue-deep) 100%);box-shadow:0 14px 28px -10px #1f6fff99,inset 0 1px #ffffff59;position:relative}.btn--cta .sub{display:block;font-size:11px;font-weight:700;opacity:.92;margin-top:2px}.btn--cta:after{content:"›";font-size:22px;line-height:1;margin-left:2px;transform:translateY(-1px)}.btn--ghost{padding:12px 18px;font-size:14px;color:var(--blue-deep);background:#fff;border:1.5px solid var(--blue)}.btn--cta:hover{filter:brightness(1.04)}.badge{display:inline-flex;align-items:center;gap:6px;font-weight:900;font-size:12px;padding:5px 12px;border-radius:999px}.badge--pop{background:var(--pop);color:var(--pop-ink);box-shadow:0 4px 10px -3px #ffb20099}.badge--cyan{background:#e3f9fd;color:#0a6b7d}.badge--blue{background:#e6efff;color:var(--blue-deep)}.badge--cat{background:var(--blue);color:#fff;font-size:11px;padding:4px 10px}.badge--cat.is-now{background:linear-gradient(135deg,#ff7a59,#ff4d8d)}.badge--cat.is-genre{background:linear-gradient(135deg,var(--cyan),#11a7c8)}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:900;color:var(--blue-deep);letter-spacing:.04em}.eyebrow:before{content:"";width:20px;height:3px;border-radius:3px;background:var(--cyan)}.h2{font-size:22px;font-weight:900;letter-spacing:.01em;margin:8px 0 4px;line-height:1.35}.lead{color:var(--ink-2);font-size:13.5px}.ph{position:relative;border-radius:var(--radius-sm);overflow:hidden;background-color:#dce7fb;background-image:repeating-linear-gradient(135deg,#d3e0fa 0 12px,#e4edfd 12px 24px);border:1px dashed #b7caf0;display:grid;place-items:center}.ph span{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;font-weight:600;color:#6f86b8;background:#ffffffb3;padding:3px 9px;border-radius:999px}.ph>img{width:100%;height:100%;object-fit:cover;display:block}.ph:has(img){border:none;background:none}.ph .ph__cap{font-family:inherit;background:transparent;border-radius:0;color:var(--blue-ink);font-weight:800;font-size:11.5px;line-height:1.4;padding:8px 10px;text-align:center;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ph .ph__cap--lg{font-size:16px;-webkit-line-clamp:4;padding:14px 18px}.footer{margin-top:48px;padding:28px 20px 40px;background:var(--blue-ink);color:#aac2f5}.footer .brand{color:#fff;margin-bottom:14px}.footer .brand__mark{box-shadow:none}.footer p{font-size:11px;line-height:1.8;color:#8fa7d8}.footer .flinks{display:flex;gap:16px;margin:4px 0 18px;flex-wrap:wrap}.footer .flinks a{font-size:13px;font-weight:700;color:#cdddff}.footer hr{border:none;border-top:1px solid rgba(255,255,255,.12);margin:18px 0}.stickycta{position:sticky;bottom:0;z-index:60;margin-top:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#ffffffeb;backdrop-filter:blur(12px);border-top:1px solid var(--line);display:flex;align-items:center;gap:12px}.stickycta .info{flex:1;min-width:0}.stickycta .price{font-weight:900;font-size:15px;color:var(--ink)}.stickycta .price b{color:var(--blue-deep)}.stickycta .note{font-size:10.5px;color:var(--ink-3)}.stickycta .btn{flex:0 0 auto;width:auto;padding:13px 20px;font-size:14px}.stickycta .btn:after{font-size:18px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--line)}.muted{color:var(--ink-3)}.center{text-align:center}.related{transition:transform .15s,box-shadow .15s}.related:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.cmp{display:flex;flex-direction:column;gap:12px}.cmp__card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm);position:relative}.cmp__card--best{border:2px solid var(--blue);box-shadow:0 18px 40px -16px #1f6fff80;background:linear-gradient(180deg,#fff,#f4f8ff)}.cmp__rank{position:absolute;top:-11px;left:16px;background:var(--pop);color:var(--pop-ink);font-size:11.5px;font-weight:900;padding:4px 12px;border-radius:999px;box-shadow:0 4px 10px -3px #ffb20099}.cmp__head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.cmp__card--best .cmp__head{margin-top:6px}.cmp__logo{width:46px;height:46px;border-radius:13px;flex:0 0 auto;display:grid;place-items:center;font-weight:900;font-size:15px;color:#fff}.cmp__name{font-weight:900;font-size:16px}.cmp__tag{font-size:11.5px;color:var(--ink-3);font-weight:700}.cmp__stats{display:flex;gap:10px;margin-bottom:14px}.cmp__stats>div{flex:1;background:#f3f7ff;border-radius:var(--radius-sm);padding:10px 8px;text-align:center}.cmp__card--best .cmp__stats>div{background:#fff;border:1px solid #d8e6ff}.cmp__num{display:block;font-weight:900;font-size:22px;color:var(--blue-deep);line-height:1}.cmp__num small{font-size:12px;font-weight:800}.cmp__lbl{display:block;font-size:10.5px;font-weight:700;color:var(--ink-3);margin-top:4px}.cmp__card:not(.cmp__card--best) .cmp__stats{margin-bottom:0}.post{display:flex;gap:13px;padding:11px;align-items:stretch;transition:transform .15s,box-shadow .15s}.post:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.post .ph{width:104px;flex:0 0 auto;aspect-ratio:4/3;align-self:stretch}.post__body{display:flex;flex-direction:column;gap:4px;min-width:0;justify-content:center}.post__title{font-weight:800;font-size:13.5px;line-height:1.42}.post__desc{font-size:11.5px;color:var(--ink-3);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.badge--cat{align-self:flex-start}.crumb{display:flex;gap:7px;align-items:center;padding-top:14px;font-size:11.5px;color:var(--ink-3);font-weight:700}.crumb a{color:var(--blue-deep)}.crumb span{color:var(--ink-3)}.art-title{font-size:25px;font-weight:900;line-height:1.4;letter-spacing:.005em;margin:12px 0}.art-meta{display:flex;align-items:center;gap:9px;font-size:11.5px;font-weight:700;color:var(--ink-3);margin-bottom:16px}.art-meta .dot{opacity:.5}.art-hero{aspect-ratio:16/9;margin-bottom:16px}.art-lead{font-size:14px;color:var(--ink-2);line-height:1.85}.incta{background:linear-gradient(135deg,#eaf2ff,#e6fbff);border:1.5px solid #cfe2ff;border-radius:var(--radius);padding:16px}.incta__txt{display:flex;flex-direction:column;gap:8px;margin-bottom:13px}.incta__txt p{margin:0;font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.6}.toc{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-sm)}.toc__h{font-weight:900;font-size:13px;color:var(--ink);margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed var(--line)}.toc a{display:block;font-size:13.5px;font-weight:700;color:var(--blue-deep);padding:6px 0}.art-h2{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900;margin:0 0 10px;line-height:1.4}.art-h2 .num{flex:0 0 auto;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;display:grid;place-items:center;font-size:15px}.art-p{font-size:13.5px;color:var(--ink-2);line-height:1.85;margin:0 0 16px}.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.hayami{border-collapse:separate;border-spacing:0;width:100%;min-width:430px;background:#fff;font-size:12.5px}.hayami th,.hayami td{padding:11px 10px;text-align:center;border-bottom:1px solid var(--line);white-space:nowrap}.hayami thead th{background:var(--blue-ink);color:#fff;font-weight:800;font-size:11.5px;position:sticky;top:0}.hayami th.hi,.hayami td.hi{background:#eef5ff}.hayami thead th.hi{background:var(--blue)}.hayami .sticky-col{position:sticky;left:0;z-index:1;text-align:left;font-weight:800;color:var(--ink);background:#fff;min-width:160px;box-shadow:1px 0 0 var(--line)}.hayami thead .sticky-col{background:var(--blue-ink);color:#fff;z-index:2}.hayami tbody tr:last-child td{border-bottom:none}.mk{font-size:16px;font-weight:900;color:var(--ink-3)}.mk-o{color:var(--blue)}.mk-n{color:#c3cce0}.hayami td.hi .mk-o{color:var(--blue-deep)}.type-block{margin-bottom:22px}.type-block .badge{margin-bottom:12px}.pick{display:flex;gap:13px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow-sm);margin-bottom:10px}.pick .ph{width:84px;height:84px;flex:0 0 auto;border-radius:13px}.pick h3{font-size:14.5px;font-weight:900;margin:2px 0 4px;line-height:1.4}.pick p{font-size:12px;color:var(--ink-2);margin:0 0 8px;line-height:1.55}.watch{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:900;color:var(--blue-deep);background:#e9f1ff;padding:4px 10px;border-radius:999px}.merits{display:flex;flex-direction:column;gap:10px}.merit{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:13px 15px;box-shadow:var(--shadow-sm)}.merit__ic{font-size:24px;flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;background:#eef5ff;border-radius:12px}.merit b{display:block;font-size:14px}.merit span{font-size:11.5px;color:var(--ink-3)}.faq{display:flex;flex-direction:column;gap:10px}.faq details{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);overflow:hidden}.faq summary{list-style:none;cursor:pointer;padding:14px 44px 14px 16px;font-weight:800;font-size:13.5px;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:700;color:var(--blue)}.faq details[open] summary:after{content:"–"}.faq p{margin:0;padding:0 16px 15px;font-size:12.5px;color:var(--ink-2);line-height:1.75}.finalcta{padding:24px 20px;text-align:center;background:linear-gradient(160deg,var(--blue),var(--blue-deep));border:none;box-shadow:var(--shadow-lg);color:#fff;position:relative;overflow:hidden}.finalcta__deco1{position:absolute;top:-40px;right:-30px;width:130px;height:130px;border-radius:50%;background:#ffffff1f}.finalcta__deco2{position:absolute;bottom:-50px;left:-30px;width:150px;height:150px;border-radius:50%;background:#19c9e640}.prose{font-size:13.5px;color:var(--ink-2);line-height:1.85}.prose>:first-child{margin-top:0}.prose h2{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900;color:var(--ink);margin:30px 0 12px;line-height:1.4}.prose h2:before{content:"";flex:0 0 auto;width:9px;height:26px;border-radius:5px;background:linear-gradient(135deg,var(--blue),var(--cyan))}.prose h3{font-size:16px;font-weight:900;color:var(--ink);margin:22px 0 8px;line-height:1.45}.prose p{margin:0 0 15px}.prose a{color:var(--blue-deep);font-weight:700;text-decoration:underline;text-underline-offset:2px}.prose strong,.prose b{font-weight:900;color:var(--ink)}.prose ul,.prose ol{margin:0 0 16px;padding-left:1.3em}.prose li{margin:6px 0}.prose li::marker{color:var(--blue)}.prose hr{border:none;border-top:1px solid var(--line);margin:24px 0}.prose code{font-family:inherit;font-weight:700;font-size:.92em;color:var(--blue-deep);background:#eef5ff;border:1px solid #dbe7ff;border-radius:6px;padding:.08em .42em}.prose pre{background:#0a2b6b;color:#e6efff;border-radius:var(--radius-sm);padding:14px 16px;overflow-x:auto;margin:16px 0}.prose pre code{background:none;border:none;color:inherit;font-family:ui-monospace,Menlo,monospace;padding:0}.prose blockquote{margin:16px 0;padding:13px 16px;background:#eef5ff;border:1px solid #d8e6ff;border-left:4px solid var(--blue);border-radius:var(--radius-sm);font-size:12.5px;color:var(--ink-2)}.prose blockquote p{margin:0}.prose table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse;margin:16px 0;font-size:12.5px;border-radius:var(--radius-sm)}.prose thead th{background:var(--blue-ink);color:#fff;font-weight:800;white-space:nowrap}.prose th,.prose td{border:1px solid var(--line);padding:9px 11px;text-align:center;vertical-align:top}.prose th:first-child,.prose td:first-child{text-align:left}.prose tbody tr:nth-child(2n){background:#f6f9ff}.prose .kvgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0 24px}.prose .kv{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .15s,box-shadow .15s}.prose a.kv{text-decoration:none;color:inherit;font-weight:inherit}.prose .kv:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.prose .kv__img{position:relative;aspect-ratio:16 / 9;background:#dce7fb;overflow:hidden}.prose .kv__img img{width:100%;height:100%;object-fit:cover;display:block}.prose .kv__date{position:absolute;left:8px;top:8px;background:var(--blue-ink);color:#fff;font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;box-shadow:var(--shadow-sm);letter-spacing:.02em}.prose .kv__noimg{display:grid;place-items:center;width:100%;height:100%;color:var(--ink-3);font-size:11px;font-weight:700;text-align:center;padding:8px;background:repeating-linear-gradient(45deg,#e7eefb,#e7eefb 10px,#dce7fb 10px 20px)}.prose .kv__body{padding:9px 11px 12px;display:flex;flex-direction:column;gap:6px}.prose .kv__title{font-size:12.5px;font-weight:900;color:var(--ink);line-height:1.4}.prose .kv__svc{font-size:11px;color:var(--ink-3);line-height:1.45}.prose .kv__flags{display:flex;flex-wrap:wrap;gap:4px;margin-top:1px}.prose .kvflag{font-size:10px;font-weight:800;line-height:1;letter-spacing:.02em;padding:4px 7px;border-radius:999px;white-space:nowrap}.prose .kvflag--dmm{background:#e7f8ee;color:#0f7a43;border:1px solid #b7e7cd}.prose .kvflag--dmm-no{background:#f3f4f7;color:#8a93a6;border:1px solid #e1e5ee}.prose .kvflag--dmm-tbd{background:#fff6e6;color:#9a6b00;border:1px solid #ffe2ad}.prose .kvflag--ex{background:#fdeaf3;color:#b4185f;border:1px solid #f7c5dc}@media (max-width: 359px){.prose .kvgrid{grid-template-columns:1fr}}.pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px}.pager>span:empty{flex:1}.pager .btn{flex:0 0 auto;width:auto;padding:11px 18px}.pager__count{font-weight:800;font-size:13px;color:var(--ink-2)}