:root{--acc:#f0326e;--acc2:#c81e56;--sale:#e8433f;
--ink:#1c1c22;--sub:#6a6f7e;--bg:#fff;--soft:#f6f7fa;--line:#e8eaf0;--r:14px}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);line-height:1.7;
font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",system-ui,sans-serif;
-webkit-font-smoothing:antialiased}
a{color:var(--acc2);text-decoration:none}
img{max-width:100%}
header.site{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);
backdrop-filter:blur(8px);border-block-end:1px solid var(--line)}
header.site>div{max-width:1040px;margin-inline:auto;display:flex;align-items:center;
justify-content:space-between;gap:10px;padding:10px 16px}
.logo{font-weight:800;font-size:17px;color:var(--ink);letter-spacing:.02em;flex:1;min-width:0}
.logo b{color:var(--acc2)}
.logo small{display:block;font-size:9.5px;font-weight:600;color:var(--sub);letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
nav.tabs{border-block-start:1px solid var(--line)}
nav.tabs>div{max-width:1040px;margin-inline:auto;display:flex;gap:2px;padding:0 8px;
overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
nav.tabs>div::-webkit-scrollbar{display:none}
nav.tabs a{flex:none;padding:9px 13px 8px;font-size:13px;font-weight:700;color:var(--sub);
border-block-end:2.5px solid transparent;white-space:nowrap}
nav.tabs a.on{color:var(--acc2);border-block-end-color:var(--acc)}
main.wrap{max-width:1040px;margin-inline:auto;padding:14px 16px 30px}
nav.bc{font-size:11px;color:var(--sub);margin:2px 0 8px}
nav.bc a{color:var(--sub)}
h1{font-size:19px;line-height:1.45;margin:6px 0 8px;font-weight:800}
h2{font-size:15.5px;font-weight:800;margin:26px 0 10px;padding-inline-start:10px;
border-inline-start:4px solid var(--acc)}
.lead{color:var(--sub);font-size:12.5px;margin:0 0 14px}
.chips{margin:2px 0 6px}
.chip{display:inline-block;background:var(--soft);border:1px solid var(--line);color:#454b5c;
border-radius:99px;padding:2px 10px;font-size:11.5px;margin:0 6px 6px 0;font-weight:600}
.badge{display:inline-block;background:var(--sale);color:#fff;font-weight:800;font-size:11px;
padding:2.5px 8px;border-radius:6px;margin-inline-end:6px;vertical-align:1px}
.until{display:inline-block;background:#fff2f2;color:#d02b27;border:1px solid #ffd9d7;
font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;vertical-align:1px}
.price{font-weight:800;font-size:15px;color:var(--ink)}
.meta{font-size:11px;color:var(--sub)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px;
box-shadow:0 1px 3px rgba(20,24,40,.04)}
.sale-card{background:linear-gradient(180deg,#fff5f7,#fff);border:1px solid #ffd3de}
.grid{display:grid;gap:10px}
.av{flex:none;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;
justify-content:center;color:#fff;font-weight:800;font-size:22px;
background:linear-gradient(135deg,hsl(var(--h,330) 72% 58%),hsl(calc(var(--h,330) + 42) 80% 44%))}
.av.lg{width:76px;height:76px;font-size:30px}
.avimg{flex:none;width:76px;height:76px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}
.crow{display:flex;gap:12px;align-items:flex-start}
.crow .bd{flex:1;min-width:0}
.crow .nm{font-weight:800;font-size:14.5px;line-height:1.4}
.btns{display:flex;gap:8px;margin-block-start:8px}.btns .soft{flex:1}
.cta{display:flex;align-items:center;justify-content:center;text-align:center;gap:6px;
background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;font-weight:800;
font-size:15px;min-height:48px;padding:8px 14px;border-radius:99px;
box-shadow:0 5px 16px rgba(240,50,110,.32);margin:14px 0}
.cta.mini{min-height:38px;font-size:12.5px;margin:0;padding:6px 14px;flex:none;
box-shadow:0 3px 8px rgba(240,50,110,.28)}
.cta.sub{background:#fff;color:var(--acc2);border:2px solid var(--acc);box-shadow:none}
.soft{display:flex;align-items:center;justify-content:center;min-height:38px;padding:6px 14px;
border-radius:99px;background:var(--soft);border:1px solid var(--line);color:#454b5c;
font-size:12.5px;font-weight:700}
table.plans{width:100%;border-collapse:collapse;font-size:13.5px}
table.plans td{padding:10px 6px;border-block-end:1px solid var(--line)}
table.plans tr:last-child td{border-block-end:0}
table.plans td:last-child{text-align:right;font-weight:800;white-space:nowrap;font-size:14.5px}
ul.tl{list-style:none;margin:0;padding:0}
.tl li{position:relative;padding:0 0 13px 22px;font-size:13px}
.tl li::before{content:"";position:absolute;inset-inline-start:5px;top:8px;width:8px;height:8px;
border-radius:50%;background:var(--acc)}
.tl li::after{content:"";position:absolute;inset-inline-start:8.5px;top:19px;
height:calc(100% - 19px);width:1.5px;background:var(--line)}
.tl li:last-child::after{display:none}
.tl .d{color:var(--sub);font-size:11px;margin-inline-end:6px}
.tl .k{color:var(--acc2);font-weight:800;font-size:12px;margin-inline-end:4px}
.stick{position:sticky;inset-block-end:0;z-index:15;margin:20px -16px 0;padding:10px 16px 14px;
background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-block-start:1px solid var(--line)}
.stick .cta{margin:0}
.adbox{position:relative;margin:16px 0;padding:12px 14px 10px;background:var(--soft);
border:1px dashed var(--line);border-radius:var(--r);text-align:center}
.adlabel{position:absolute;inset-block-start:-8px;inset-inline-start:12px;background:#eceef4;
color:#7a8090;font-size:10px;font-weight:700;letter-spacing:.08em;padding:1px 8px;border-radius:6px}
.adbox a{display:block;color:var(--ink)}
.adimg{max-width:100%;border-radius:8px}
.adtxt strong{display:block;font-size:14px;font-weight:800;color:var(--acc2)}
.adtxt span{display:block;font-size:12px;color:var(--sub);margin-block-start:2px}
.adnet:empty::after{content:""}
ul.rvl{list-style:none;margin:0;padding:0}
.rvl li{padding:10px 0;border-block-end:1px solid var(--line)}
.rvl li:last-child{border-block-end:0;padding-block-end:0}
.rvl li:first-child{padding-block-start:0}
.rvh{display:flex;align-items:center;gap:8px;font-size:12px}
.rvst,.rvavg{color:#e8a413;font-weight:800;letter-spacing:.06em}
.rvn{font-weight:800;color:var(--ink)}
.rvd{color:var(--sub);font-size:11px;margin-inline-start:auto}
.rvb{margin:5px 0 0;font-size:13px;white-space:pre-line;overflow-wrap:anywhere}
.rvform h3{font-size:14px;margin:0 0 6px;font-weight:800}
.rvstars{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px;margin:6px 0}
.rvstars input{position:absolute;opacity:0;pointer-events:none}
.rvstars label{font-size:26px;color:#d7dae3;cursor:pointer;line-height:1}
.rvstars input:checked ~ label,.rvstars label:hover,.rvstars label:hover ~ label{color:#e8a413}
.rvin{width:100%;margin:6px 0;padding:9px 11px;border:1px solid var(--line);border-radius:10px;
font:inherit;font-size:13px;background:#fff}
textarea.rvin{resize:vertical}
.rvbtn{margin:6px 0 0;min-height:42px;font-size:13.5px}
.rvmsg{margin:8px 0 0;min-height:1em}
.cpt{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:14.5px}
.cpb{margin:6px 0 2px;font-size:13px}
.codebox{display:flex;align-items:center;gap:8px;margin:8px 0 4px;background:#fff;
border:1.5px dashed var(--acc);border-radius:10px;padding:9px 12px}
.codebox code{flex:1;font-size:16px;font-weight:800;letter-spacing:.08em;color:var(--acc2)}
.copybtn{flex:none;background:var(--acc);color:#fff;border:0;border-radius:99px;
padding:7px 14px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.copybtn:disabled{opacity:.7}
.vlabel{display:inline-block;background:#eef7ee;color:#2c7a3f;border:1px solid #d2ead6;
font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:6px}
ul.cpdead{list-style:none;margin:0;padding:0;font-size:13px}
.cpdead li{padding:7px 0;border-block-end:1px solid var(--line)}
.cpdead li:last-child{border-block-end:0}
.cpdead s{color:var(--sub)}
.cpdead .meta{margin-inline-start:6px}
.dsearch{margin:2px 0 8px;font-size:14px}
footer.site{margin-block-start:34px;background:var(--soft);border-block-start:1px solid var(--line);
color:var(--sub);font-size:11.5px;line-height:1.9}
footer.site>div{max-width:1040px;margin-inline:auto;padding:18px 16px 26px}
footer.site nav{margin-block-start:8px;font-weight:700}
footer.site a{color:#4a5060}
@media(min-width:760px){
h1{font-size:25px}
.grid.c2{grid-template-columns:1fr 1fr}
.grid.c3{grid-template-columns:repeat(3,1fr)}
.stick{display:none}
main.wrap{padding-block-start:22px}
}
/* v2.0追加: 終了間近・口コミFVリンク */
.until.hot{background:var(--sale);color:#fff;border-color:var(--sale)}
.rvfv{font-weight:700;color:var(--acc2)}
/* v2.8: /coupons の手順リスト */
ol.steps{margin:0;padding-inline-start:20px}
ol.steps li{margin-block-end:10px}
ol.steps li p{margin:3px 0 0;font-size:13px;color:#463f45}
/* v2.8: 料金推移グラフ */
.pricechart{display:block;width:100%;height:auto}
.chleg{display:flex;flex-wrap:wrap;gap:12px;margin-block-start:8px;font-size:12px;color:#6b6169}
.chleg i{display:inline-block;width:10px;height:10px;border-radius:2px;
margin-inline-end:5px;vertical-align:middle}
.chleg i.dash{background:repeating-linear-gradient(to bottom,#f0326e 0 3px,transparent 3px 6px)}
/* v2.6.1: クリエイター別RSS導線 */
.rsslink{margin-inline-start:8px;font-size:11px;font-weight:700;color:var(--acc);
border:1px solid var(--acc);border-radius:4px;padding:1px 5px;vertical-align:middle}
/* v2.4.4: FAQ・不安除去チップ */
.easer{margin:8px 0 0;font-size:13px;line-height:1.9}
dl.faq dt{font-weight:700;margin-block-start:12px}
dl.faq dd{margin:4px 0 0;color:#463f45}
ul.faqidx{list-style:none;margin:0;padding:0}
ul.faqidx li{padding:9px 0;border-block-end:1px solid var(--line)}
ul.faqidx li:last-child{border-block-end:0}
ul.faqidx .meta{display:block;margin-block-start:2px}
/* v2.4.2: 回答カプセル（H1直下で先に答える） */
.capsule{margin:6px 0;font-size:14px;line-height:1.6}
/* v2.4: プラン比較表 */
table.cmp th{font-size:12px;color:#6b6169;text-align:start;font-weight:600}
table.cmp .was{color:#9b9298;margin-inline-end:5px}
table.cmp .now{color:var(--sale);font-size:16px}
/* v2.3.6(D7改): フッター常設の運営宣言 */
footer.site .decl{margin:0 0 6px}
/* v2.3.4: 配布履歴カレンダー・頻度統計・更新ログ */
.cal{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.cal .m{border:1px solid var(--line);border-radius:9px;padding:7px 4px;text-align:center;background:#fff}
.cal .m.on{background:color-mix(in srgb,var(--acc) 12%,#fff);border-color:color-mix(in srgb,var(--acc) 35%,#fff)}
.cal .m.now{outline:2px solid var(--acc);outline-offset:-2px}
.cal .mo{font-size:11px;color:#6b6169}
.cal .ct{font-weight:800;font-size:17px}
.statrow{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-block-start:12px}
.statrow .v{font-weight:800;font-size:18px}
.statrow .k{font-size:12px;color:#6b6169}
.chlog{list-style:none;margin:0;padding:0}
.chlog li{padding:6px 0;border-block-end:1px solid var(--line);font-size:14px}
.chlog li:last-child{border-block-end:0}
.badge.cl{background:#6b6169;margin-inline:6px}
@media(min-width:720px){.cal{grid-template-columns:repeat(12,1fr)}
.statrow{grid-template-columns:repeat(4,1fr)}}
/* v2.3.3(D24): 一体ボタン。副題smallを内包するため縦積み */
.cta.copygo{display:block;text-align:center;line-height:1.35}
.cta.copygo small{display:block;font-weight:500;font-size:12px;opacity:.9;margin-block-start:3px}
.card .cta.mini{margin-block-start:10px}
/* v2.3.1: 共有性未確認クーポンのコード伏せ表示（§3-2） */
.cphold{margin:8px 0 0;padding:9px 11px;border:1px dashed var(--line);border-radius:10px;
font-size:13px;color:#6b6169;background:#faf7f9}
/* v2.2.3(D22): フッター静的18+注記（モーダル撤去後の常設表記） */
footer.site .r18{margin-top:6px;font-weight:700}
/* v2.1: 18+ゲート・お気に入り（age_gate=true時のみ描画される） */
#agegate{position:fixed;inset:0;z-index:99;background:rgba(20,10,16,.92);display:flex;
align-items:center;justify-content:center;padding:20px}
#agegate[hidden]{display:none}
.agebox{background:#fff;border-radius:16px;max-width:420px;padding:26px 22px;text-align:center}
.agebox .aget{font-weight:800;font-size:20px;color:var(--acc2);margin:0 0 6px}
.agebox .btns{display:flex;flex-direction:column;gap:9px;margin:14px 0 6px}
.agebox button.cta{border:0;cursor:pointer;font:inherit;font-weight:700}
.agebox button.soft{cursor:pointer;font:inherit}
.favtg{position:absolute;inset-block-start:8px;inset-inline-end:10px;z-index:2;background:#fff;
border:1.5px solid var(--line);border-radius:99px;width:34px;height:34px;font-size:16px;
color:#c9c2c6;cursor:pointer;line-height:1}
.favtg.on{color:var(--acc);border-color:var(--acc)}
.card.crow{position:relative}
#dir-fav{flex:none;background:#fff;border:1.5px solid var(--line);border-radius:99px;
padding:8px 13px;font:inherit;font-size:12.5px;font-weight:700;color:var(--sub);cursor:pointer}
#dir-fav.on{color:var(--acc);border-color:var(--acc)}
.dirbar{display:flex;gap:8px;align-items:center}
.dirbar .rvin{flex:1;margin:0}
#fl-favsec h2 .favtg,#fl-recsec h2 .favtg{position:static}