:root{--color-ink: #2a2320;--color-ink-soft: #6e5f58;--color-paper: #faf6f1;--color-paper-2: #efe5da;--color-moss: #8c3b3b;--color-amberline: #c9a27e;--color-brick: #b83a2e;--maxw: 800px;--radius: 6px;--fs-base: 17px;--space: 20px;--lh: 1.9;--h1-size: 1.55rem;--cta: #0f766e;--cta-dark: #134e4a;--cta2: #1d4ed8;--cta2-dark: #1e3a8a;--fv-bg: #241312;--fv-bg-rgb: 36,19,18;--fv-sub: #efd2c6}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.age-lock{overflow:hidden}body{margin:0;background:var(--color-paper);color:var(--color-ink);line-height:var(--lh);font-size:var(--fs-base);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,Meiryo,sans-serif}img{max-width:100%;height:auto;display:block}a{color:var(--color-moss)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--space)}.site-header{background:var(--color-ink);color:var(--color-paper)}.site-header .bar{max-width:var(--maxw);margin:0 auto;padding:7px var(--space)}.site-header .brand{color:var(--color-paper);text-decoration:none;font-weight:700;font-size:15px}.pr-line{margin:0;background:var(--color-paper-2);color:var(--color-ink-soft);font-size:11px;line-height:1.5;padding:4px var(--space);text-align:center}main{padding:6px 0 calc(var(--space) * 2.5)}h1{font-size:1.15rem;line-height:1.45;margin:6px 0 8px}h2{font-size:1.08rem;margin:calc(var(--space) * 1.6) 0 10px;padding:5px 10px;border-left:5px solid var(--color-amberline);background:#fff;border-radius:0 6px 6px 0;line-height:1.5}p{margin:0 0 12px}.xp-fv{margin:0 0 6px}.xp-hero{display:block;margin:0 auto;max-width:560px;line-height:0}.xp-hero img{width:100%;height:auto;max-height:min(400px,48vh);object-fit:contain;border-radius:var(--radius);box-shadow:0 2px 10px #0000001f;background:#eee}.xp-strength{text-align:center;font-size:.86rem;font-weight:700;margin:8px 0 0}.xp-price{text-align:center;font-size:.82rem;color:var(--color-ink-soft);margin:2px 0 6px}.xp-btn{position:relative;overflow:hidden;display:block;text-align:center;color:#fff;font-weight:800;font-size:1.05rem;padding:12px;border-radius:999px;text-decoration:none;margin:8px auto;max-width:560px;letter-spacing:.02em;transition:transform .12s ease,box-shadow .12s ease}.xp-btn small{display:block;font-weight:500;font-size:11.5px;opacity:.95}.xp-btn--main{background:var(--cta);box-shadow:0 4px 0 var(--cta-dark),0 8px 16px #0000004d}.xp-btn--sub{background:var(--cta2);box-shadow:0 4px 0 var(--cta2-dark),0 8px 16px #0000004d;font-size:.98rem}.xp-btn:active{transform:translateY(3px)}.xp-btn--main:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);animation:xp-shine 2.6s infinite}@keyframes xp-shine{0%{left:-60%}60%,to{left:130%}}.xp-sublink{display:block;text-align:center;font-size:.9rem;font-weight:700;margin:2px 0 6px}.xp-meta{font-size:.8rem;color:var(--color-ink-soft);text-align:center;margin:10px 0 0}.xp-samples-wrap{position:relative;margin:8px 0 0}.xp-samples{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-behavior:smooth;max-width:100%}.xp-samples:focus-visible{outline:3px solid currentColor;outline-offset:4px}.xp-samples-track{display:flex;gap:.5rem;list-style:none;margin:0;padding:0 0 .5rem;min-width:min-content}.xp-samples-item{flex:0 0 auto;margin:0;scroll-snap-align:start}.xp-samples-item a{display:block;line-height:0}.xp-samples-item img{display:block;height:56vh;max-height:480px;min-height:240px;width:auto;max-width:none;border-radius:4px;background:#eee}.xp-samples-hint{position:absolute;left:0;right:0;top:50%;display:flex;justify-content:center;pointer-events:none;transform:translateY(-50%);transition:opacity .35s ease}.xp-samples-hint-inner{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .75rem;border-radius:999px;color:#fff;background:#1111118c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 2px 10px #00000047;animation:xp-swipe 2.1s ease-in-out infinite}.xp-samples-hint svg{display:block;width:60px;height:34px}@keyframes xp-swipe{0%,to{transform:translate(-13px);opacity:.55}50%{transform:translate(13px);opacity:.95}}.xp-samples-wrap.is-scrolled .xp-samples-hint,.xp-samples-wrap.is-static .xp-samples-hint{opacity:0}.xp-samples-note{font-size:.78rem;color:var(--color-ink-soft);margin:4px 0 0}.xp-after{text-align:center;font-size:.9rem;margin:12px 0 0}.xp-player{margin:8px 0;max-width:100%;overflow:hidden}.xp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 8px}.xp-card{background:#fff;border:1px solid var(--color-paper-2);border-radius:10px;overflow:hidden;text-decoration:none;color:var(--color-ink);display:flex;flex-direction:column}.xp-card img{width:100%;height:150px;object-fit:contain;background:#f3f3f3}.xp-card .ct{font-size:.78rem;font-weight:700;padding:6px 8px 0;line-height:1.45}.xp-card .cm,.xp-card .cs{font-size:.7rem;color:var(--color-ink-soft);padding:0 8px}.xp-card .cs{padding-bottom:8px}.xp-badge{display:inline-block;background:var(--color-paper-2);color:var(--color-ink);font-size:.68rem;font-weight:700;border-radius:4px;padding:0 6px;margin:6px 8px 0}.xp-cal-label{font-size:.8rem;font-weight:700;margin:6px 0 2px}.xp-cal{display:grid;grid-template-columns:repeat(14,1fr);gap:3px;margin:4px 0}.xp-day{height:30px;background:#ece7e2;border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;font-size:8px;color:#fff;font-weight:700}.xp-day.on{background:var(--color-amberline)}.xp-day.best{background:var(--color-moss)}.xp-cal-foot{display:flex;justify-content:space-between;font-size:.7rem;color:var(--color-ink-soft)}.xp-legend{font-size:.75rem;color:var(--color-ink-soft);margin:2px 0 10px}.xp-legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin:0 4px 0 8px;vertical-align:middle}table.xp-rec{width:100%;border-collapse:collapse;font-size:.88rem;background:#fff;border-radius:8px;overflow:hidden;margin:6px 0}.xp-rec th,.xp-rec td{border-bottom:1px solid var(--color-paper-2);padding:8px 10px;text-align:left;vertical-align:top}.xp-rec th{width:36%;font-weight:600;color:var(--color-ink-soft);font-size:.8rem}.xp-bar{height:8px;background:#ece7e2;border-radius:4px;margin-top:4px;position:relative}.xp-bar i{position:absolute;left:0;top:0;height:8px;border-radius:4px;background:var(--color-moss)}.xp-bar u{position:absolute;top:-3px;width:2px;height:14px;background:#555}.xp-rec small{color:var(--color-ink-soft);font-size:.7rem;display:block;margin-top:2px}.xp-chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}.xp-chip{background:#fff;border:1px solid var(--color-paper-2);border-radius:999px;padding:1px 12px;font-size:.82rem}.xp-fitbox{background:#fff;border:1px solid var(--color-paper-2);border-radius:10px;padding:10px 14px;font-size:.9rem;margin:8px 0}.xp-fitbox b{display:block;font-size:.82rem;color:var(--color-moss)}.xp-fitbox ul{margin:2px 0 0;padding-left:1.2em}.xp-recent{margin-top:28px}.xp-foot{font-size:.75rem;color:var(--color-ink-soft);margin-top:22px;border-top:1px solid var(--color-paper-2);padding-top:10px}.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px;padding:0;margin:4px 0 0;font-size:.72rem;color:var(--color-ink-soft)}.breadcrumb li:not(:last-child):after{content:"›";margin-left:6px}.breadcrumb a{color:var(--color-moss);text-decoration:none}.xp-lead{font-weight:700}.xp-criteria ul{padding-left:1.3em}.xp-small{font-size:.8rem;color:var(--color-ink-soft)}.xp-tablewrap{overflow-x:auto}table.xp-cmp{border-collapse:collapse;width:100%;min-width:560px;font-size:.8rem;background:#fff}.xp-cmp th,.xp-cmp td{border:1px solid var(--color-paper-2);padding:6px 8px;text-align:left;vertical-align:top}.xp-cmp th{background:var(--color-paper-2);font-weight:700}.xp-tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px}.xp-tags li{background:#fff;border:1px solid var(--color-paper-2);border-radius:999px;padding:2px 10px;font-size:.82rem}.xp-tags span{color:var(--color-ink-soft);margin-left:6px;font-size:.76rem}.site-footer{background:var(--color-ink);color:var(--color-paper);margin-top:30px}.site-footer .inner{max-width:var(--maxw);margin:0 auto;padding:20px var(--space);font-size:.85rem}.site-footer a{color:var(--color-paper)}.site-footer nav{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:10px}.legal,.credit{opacity:.85;font-size:.78rem;margin-top:8px}.doc h2{font-size:1.05rem}.doc table{border-collapse:collapse;width:100%;font-size:.88rem}.doc th,.doc td{border:1px solid var(--color-paper-2);padding:8px 10px;text-align:left;vertical-align:top}@media(max-width:480px){.xp-cards{grid-template-columns:repeat(2,1fr)}.xp-samples-item img{height:50vh;min-height:220px}}@media(prefers-reduced-motion:reduce){.xp-samples{scroll-behavior:auto}.xp-samples-hint-inner{animation:none;opacity:.85}.xp-btn--main:after{animation:none;display:none}.xp-btn{transition:none}.xp-btn:active{transform:none}}.xp-topfv{position:relative;background:var(--fv-bg);color:#fff;max-width:1100px;margin:-6px auto 14px;overflow:hidden}.xp-mosaic{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.xp-mosaic:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(var(--fv-bg-rgb),0) 58%,rgba(var(--fv-bg-rgb),.78) 86%,rgba(var(--fv-bg-rgb),1))}.xp-tile{display:block;line-height:0;background:var(--fv-bg)}.xp-tile img{display:block;width:100%;height:auto;aspect-ratio:var(--tile-ar, 1.333);object-fit:contain}.xp-copy{position:relative;z-index:1;margin:-40px 0 0;padding:0 16px 16px}.xp-topfv h1{color:#fff;font-size:1.45rem;line-height:1.35;margin:0 0 4px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.xp-tagline{margin:0 0 8px;font-size:.88rem;line-height:1.6;color:var(--fv-sub)}.xp-badges{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;padding:0}.xp-badges li{background:#ffffff24;border:1px solid rgba(255,255,255,.32);border-radius:999px;font-size:11.5px;line-height:1.6;padding:1px 10px;color:#fff}.xp-topfv .xp-btn--main{margin:0 auto;max-width:420px}.xp-fvsub{display:block;text-align:center;color:var(--fv-sub);font-size:.82rem;margin:10px 0 0;text-decoration:none}.xp-fvsub:hover{text-decoration:underline}.xp-rks{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 8px;margin:0 0 4px}.xp-rk{flex:0 0 44%;max-width:210px;scroll-snap-align:start;position:relative;text-decoration:none;color:var(--color-ink);background:#fff;border:1px solid var(--color-paper-2);border-radius:10px;overflow:hidden}.xp-rk img{display:block;width:100%;height:auto;aspect-ratio:var(--tile-ar, 1.333);object-fit:contain;background:#f3f3f3}.xp-rk .no{position:absolute;top:6px;left:6px;z-index:1;background:var(--cta);color:#fff;font-weight:800;border-radius:6px;padding:0 8px;font-size:14px;line-height:1.6}.xp-rk b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.8rem;line-height:1.45;padding:6px 8px 0}.xp-rk small{display:block;font-size:.72rem;color:var(--color-ink-soft);padding:2px 8px 8px}.xp-howto{background:var(--color-paper-2);border-radius:10px;padding:10px 14px;margin:20px 0}.xp-howto summary{font-weight:700;cursor:pointer}.xp-howto h3{margin-top:14px}@media(min-width:768px){.xp-mosaic{grid-template-columns:repeat(6,1fr)}.xp-mosaic:after{background:linear-gradient(180deg,rgba(var(--fv-bg-rgb),0) 30%,rgba(var(--fv-bg-rgb),.78) 72%,rgba(var(--fv-bg-rgb),1))}.xp-copy{max-width:760px;margin:-64px auto 0;padding:0 24px 22px;text-align:center}.xp-topfv h1{font-size:1.9rem}.xp-tagline{font-size:.95rem}.xp-badges{justify-content:center}.xp-rk{flex-basis:22%}}.xp-price b{font-weight:700}.xp-price s,.xp-sale-price s{color:inherit}.xp-off{display:inline-block;background:var(--cta);color:#fff;border-radius:6px;padding:0 6px;font-size:inherit;line-height:1.5;margin-left:4px}.xp-listpage{margin-top:6px}.xp-cmp-wide td img{width:96px;height:auto;display:block;border-radius:6px;background:#f3f3f3;object-fit:contain}.xp-cmp-wide td{vertical-align:middle}.xp-cmp-wide td small{display:block;color:var(--color-ink-soft);font-size:.72rem}.xp-pick{background:#fff;border:1px solid var(--color-paper-2);border-radius:12px;padding:12px;margin:0 0 14px}.xp-pick-row{display:grid;grid-template-columns:118px 1fr;gap:10px;align-items:start}.xp-pick-img{display:block;line-height:0}.xp-pick-img img{width:100%;height:auto;object-fit:contain;border-radius:8px;background:#f3f3f3;display:block}.xp-pick h3{font-size:1rem;margin:0 0 4px;line-height:1.45}.xp-pick h3 a{color:var(--color-ink)}.xp-pick-meta{font-size:.78rem;color:var(--color-ink-soft);margin:0 0 6px}.xp-pick p{margin:0 0 6px;font-size:.92rem}.xp-pick .xp-btn{margin:10px auto 2px}.xp-pick-link{font-size:.85rem}.xp-sale-price{font-size:.95rem}.xp-empty{background:var(--color-paper-2);border-radius:10px;padding:12px 14px;margin:0 0 14px}.xp-linkcards{list-style:none;padding:0;margin:0 0 8px;display:grid;gap:8px}.xp-linkcards a{display:block;background:#fff;border:1px solid var(--color-paper-2);border-radius:10px;padding:10px 12px;font-weight:700;text-decoration:none;color:var(--color-ink)}.xp-linkcards small{display:block;font-weight:400;color:var(--color-ink-soft);font-size:.78rem}@media(min-width:768px){.xp-pick-row{grid-template-columns:200px 1fr}.xp-linkcards{grid-template-columns:1fr 1fr}}
