/* ===== スイッチャーUI ===== */
.opf-switcher{position:fixed;left:50%;transform:translateX(-50%);top:12px;z-index:2147483647;display:flex;gap:4px;background:rgba(20,20,20,.92);padding:6px;border-radius:999px;box-shadow:0 6px 20px rgba(0,0,0,.3)}
.opf-switcher button{border:0;background:transparent;color:#fff;font-size:12px;font-weight:700;padding:6px 10px;border-radius:999px;cursor:pointer;line-height:1}
.opf-switcher button.on{background:#FFD500;color:#111}

/* ===== A1 セール型（赤×黒×黄） ===== */
.opf[data-opf-theme="a1"]{--gold:#FFD500;--cta:#E4572E;--cta2:#A53A1C;--ink:#111;font-family:"Zen Kaku Gothic New","Hiragino Sans",sans-serif}
.opf[data-opf-theme="a1"] .opf-topbar{display:flex;justify-content:space-between;align-items:center;background:#111;color:#fff;margin:0 -12px;padding:10px 16px;font-size:12px;font-weight:700}
.opf[data-opf-theme="a1"] .opf-topbar-cd{background:#E4572E;padding:4px 10px;border-radius:6px;font-weight:900;letter-spacing:.05em}
.opf[data-opf-theme="a1"] .hero{background:#111;color:#fff;border:0;border-radius:0 0 22px 22px;margin:0 -12px;padding:22px 16px 26px;text-align:center}
.opf[data-opf-theme="a1"] .hero h1{font-size:30px}
.opf[data-opf-theme="a1"] .hero h1 span,.opf[data-opf-theme="a1"] .hero h1 strong{color:#FFD500!important;font-size:1.3em;display:block}
.opf[data-opf-theme="a1"] .hero p{color:rgba(255,255,255,.85)!important}
.opf[data-opf-theme="a1"] .pill-y{background:#FFD500;color:#111}.opf[data-opf-theme="a1"] .pill-b{background:#fff;color:#111}.opf[data-opf-theme="a1"] .pill-g{background:#444;color:#fff}
.opf[data-opf-theme="a1"] .kpi div{background:rgba(255,255,255,.08)}
.opf[data-opf-theme="a1"] .kpi b{color:#FFD500}.opf[data-opf-theme="a1"] .kpi span{color:rgba(255,255,255,.7)}
.opf[data-opf-theme="a1"] .upd{background:#E4572E;color:#fff;font-weight:700;margin:12px -16px -26px;padding:8px 16px;text-align:center}
.opf[data-opf-theme="a1"] h2{color:#111}.opf[data-opf-theme="a1"] h2:before{background:#E4572E}
.opf[data-opf-theme="a1"] .card{box-shadow:0 8px 24px rgba(0,0,0,.08)}
.opf[data-opf-theme="a1"] .card.top{border:2px solid #111;box-shadow:0 14px 30px rgba(0,0,0,.18);position:relative;margin-top:22px}
.opf[data-opf-theme="a1"] .card.top:before{content:"＼ いちばん人気 ／";position:absolute;top:-13px;left:14px;background:#111;color:#FFD500;font-weight:900;font-size:12px;padding:4px 10px;border-radius:6px}
.opf[data-opf-theme="a1"] .rank .r{background:#111;color:#fff}.opf[data-opf-theme="a1"] .card.top .rank .r{background:#FFD500;color:#111}
.opf[data-opf-theme="a1"] .rank .c{color:#E4572E}
.opf[data-opf-theme="a1"] .chips div{background:#FFF1EC;color:#C93F1C}
.opf[data-opf-theme="a1"] .btn{min-height:64px;font-size:18px;box-shadow:0 5px 0 #A53A1C}
.opf[data-opf-theme="a1"] .btn.o{background:#111;color:#fff!important;border-color:#111}
.opf[data-opf-theme="a1"] .btn.o small{color:#FFD500}
.opf[data-opf-theme="a1"] table th{background:#111}.opf[data-opf-theme="a1"] table tr.hl td{background:#FFF6D6}
.opf[data-opf-theme="a1"] .tbtn.o{border-color:#111}
.opf[data-opf-theme="a1"] .note{background:#FFF6E0}
.opf[data-opf-theme="a1"] .steps li:before{background:#E4572E;color:#fff}
.opf[data-opf-theme="a1"] .toc a span{color:#E4572E}
.opf[data-opf-theme="a1"] .sticky{background:#111;border-top:0}
.opf[data-opf-theme="a1"] .sticky .l{color:#fff}.opf[data-opf-theme="a1"] .sticky .l small{color:#FFD500}
.opf[data-opf-theme="a1"] .sticky a{background:#E4572E;font-size:15px}
.opf[data-opf-theme="a1"] .sticky a:after{content:" ▶"}

/* ===== A5 ダークゲーミング型（紫×ミント×シアン） ===== */
.opf[data-opf-theme="a5"]{--ink:#fff;--sub:#B9B4C9;--line:rgba(183,148,255,.35);--bg:#161027;--card:#171129;--gold:#B794FF;--cta:linear-gradient(90deg,#7CFFB2,#3DE0FF);--cta2:transparent;--note:rgba(183,148,255,.14);--warnbg:rgba(228,87,46,.16);--warn:#FFB4A0;background:#0E0A1C;color:#fff}
.opf[data-opf-theme="a5"] p,.opf[data-opf-theme="a5"] td,.opf[data-opf-theme="a5"] li,.opf[data-opf-theme="a5"] .memo{color:#E6E1F2}
.opf[data-opf-theme="a5"] a{color:#7CFFB2}
.opf[data-opf-theme="a5"] .hero{background:radial-gradient(circle at 10% 0%,rgba(183,148,255,.35),transparent 45%),radial-gradient(circle at 95% 60%,rgba(61,224,255,.25),transparent 40%),#120C22;border:1px solid rgba(183,148,255,.35);color:#fff;text-align:center}
.opf[data-opf-theme="a5"] .hero h1{text-shadow:0 0 18px rgba(183,148,255,.8);font-size:28px}
.opf[data-opf-theme="a5"] .hero h1 span,.opf[data-opf-theme="a5"] .hero h1 strong{color:#7CFFB2!important;text-shadow:0 0 18px rgba(124,255,178,.9)}
.opf[data-opf-theme="a5"] .hero p{color:rgba(255,255,255,.8)!important}
.opf[data-opf-theme="a5"] .pill-y{background:#B794FF;color:#0E0A1C}.opf[data-opf-theme="a5"] .pill-b{background:#3DE0FF;color:#0E0A1C}.opf[data-opf-theme="a5"] .pill-g{background:rgba(255,255,255,.15);color:#fff}
.opf[data-opf-theme="a5"] .kpi div{background:rgba(255,255,255,.06)}.opf[data-opf-theme="a5"] .kpi b{color:#7CFFB2}.opf[data-opf-theme="a5"] .kpi span{color:#B9B4C9}
.opf[data-opf-theme="a5"] h2,.opf[data-opf-theme="a5"] h3{color:#fff}.opf[data-opf-theme="a5"] h2:before{background:#7CFFB2;box-shadow:0 0 12px rgba(124,255,178,.8)}
.opf[data-opf-theme="a5"] .card{background:#171129;border-color:rgba(183,148,255,.35)}
.opf[data-opf-theme="a5"] .card.top{border:2px solid #B794FF;box-shadow:0 0 28px rgba(183,148,255,.35)}
.opf[data-opf-theme="a5"] .rank .r{background:rgba(255,255,255,.12);color:#fff}.opf[data-opf-theme="a5"] .card.top .rank .r{background:#B794FF;color:#0E0A1C}
.opf[data-opf-theme="a5"] .rank .c{color:#7CFFB2}.opf[data-opf-theme="a5"] .rank .logo,.opf[data-opf-theme="a5"] .rank img{border-color:rgba(255,255,255,.3)}
.opf[data-opf-theme="a5"] .chips div{background:rgba(255,255,255,.06);color:#fff}.opf[data-opf-theme="a5"] .chips small{color:#B9B4C9}
.opf[data-opf-theme="a5"] .btn{background:linear-gradient(90deg,#7CFFB2,#3DE0FF);color:#0E0A1C!important;box-shadow:0 0 26px rgba(124,255,178,.55);min-height:62px;font-size:17px}
.opf[data-opf-theme="a5"] .btn small{color:#0E0A1C;opacity:.8}
.opf[data-opf-theme="a5"] .btn.o{background:transparent;border:2px solid #B794FF;color:#fff!important;box-shadow:none}.opf[data-opf-theme="a5"] .btn.o small{color:#B794FF;opacity:1}
.opf[data-opf-theme="a5"] .code{background:#171129;border-color:rgba(183,148,255,.35)}.opf[data-opf-theme="a5"] .code b{color:#7CFFB2}
.opf[data-opf-theme="a5"] .code button{background:transparent;color:#fff;border-color:#B794FF}
.opf[data-opf-theme="a5"] .note{background:rgba(183,148,255,.14);color:#E4DBFF}
.opf[data-opf-theme="a5"] .warn{background:rgba(228,87,46,.16);color:#FFB4A0}.opf[data-opf-theme="a5"] .warn li{color:#FFB4A0}
.opf[data-opf-theme="a5"] .memo{border-color:rgba(183,148,255,.35);background:#171129}
.opf[data-opf-theme="a5"] .tw{background:#171129;border-color:rgba(183,148,255,.35)}
.opf[data-opf-theme="a5"] table th{background:#B794FF;color:#0E0A1C}
.opf[data-opf-theme="a5"] table td{border-bottom-color:rgba(255,255,255,.08)}
.opf[data-opf-theme="a5"] table tr.hl td{background:rgba(124,255,178,.08)}
.opf[data-opf-theme="a5"] table.spec th{background:rgba(255,255,255,.06);color:#fff}
.opf[data-opf-theme="a5"] .tbtn{background:linear-gradient(90deg,#7CFFB2,#3DE0FF);color:#0E0A1C!important}
.opf[data-opf-theme="a5"] .tbtn.o{background:transparent;color:#fff!important;border-color:#B794FF}
.opf[data-opf-theme="a5"] .toc{background:#171129;border-color:rgba(183,148,255,.35)}.opf[data-opf-theme="a5"] .toc a{color:#fff;border-bottom-color:rgba(255,255,255,.08)}.opf[data-opf-theme="a5"] .toc a span{color:#7CFFB2}
.opf[data-opf-theme="a5"] .steps li{background:#171129;border-color:rgba(183,148,255,.35)}.opf[data-opf-theme="a5"] .steps li:before{background:#B794FF;color:#0E0A1C}
.opf[data-opf-theme="a5"] details{background:#171129;border-color:rgba(183,148,255,.35)}.opf[data-opf-theme="a5"] summary{color:#fff}.opf[data-opf-theme="a5"] summary:before{color:#7CFFB2}.opf[data-opf-theme="a5"] details p{color:#CFC8E0}
.opf[data-opf-theme="a5"] .ph{background:#161027;border-color:rgba(255,255,255,.3);color:#8A8F96}
.opf[data-opf-theme="a5"] .foot{color:#B9B4C9}
.opf[data-opf-theme="a5"] .sticky{background:#0E0A1C;border-top:1px solid rgba(183,148,255,.35)}
.opf[data-opf-theme="a5"] .sticky .l{color:#fff}.opf[data-opf-theme="a5"] .sticky .l small{color:#B794FF}
.opf[data-opf-theme="a5"] .sticky a{background:linear-gradient(90deg,#7CFFB2,#3DE0FF);color:#0E0A1C!important;box-shadow:0 0 20px rgba(124,255,178,.5)}
.opf[data-opf-theme="a5"] .sticky a:after{content:" ▶"}

.opf[data-opf-theme="a1"] .hero .kpi b{color:#FFD500}
.opf[data-opf-theme="a1"] .wp-block-table th{background:#111}
.opf[data-opf-theme="a5"] .wp-block-table{background:#171129;border-color:rgba(183,148,255,.35)}
.opf[data-opf-theme="a5"] .wp-block-table th{background:#B794FF;color:#0E0A1C}
.opf[data-opf-theme="a5"] .wp-block-table td{border-bottom-color:rgba(255,255,255,.08)}
.opf[data-opf-theme="a5"] .spec td:first-child{background:rgba(255,255,255,.06);color:#fff}
.opf[data-opf-theme="a5"] .wp-block-details{background:#171129;border-color:rgba(183,148,255,.35)}
.opf[data-opf-theme="a5"] .wp-block-details p{color:#CFC8E0}
.opf[data-opf-theme="a5"] p.small{color:#B9B4C9}
.opf[data-opf-theme="a5"] .hero h1{color:#fff}

.opf[data-opf-theme="a1"] h4{border-left-color:#E4572E!important;background:#FFF1EC!important}
.opf[data-opf-theme="a5"] h4{background:rgba(183,148,255,.12)!important;border-left-color:#7CFFB2!important;color:#fff}

.opf[data-opf-theme="a5"] figure.shot{background:#171129;border-color:rgba(183,148,255,.35)}
.opf[data-opf-theme="a5"] p.feat{color:#E6E1F2;border-left-color:#7CFFB2}
.opf[data-opf-theme="a1"] p.feat{border-left-color:#E4572E}

/* ===== C1 ディスカウント看板型（黄×黒×赤） ===== */
.opf[data-opf-theme^="c1"]{--gold:#FFD500;--cta:#E4572E;--cta2:#111;--ink:#111;--bg:#FFF8E1;--line:#111;background:#FFF8E1}
.opf[data-opf-theme^="c1"] .opf-topbar{display:flex;justify-content:space-between;align-items:center;background:#111;color:#FFD500;margin:0 -12px;padding:10px 16px;font-size:12px;font-weight:900}
.opf[data-opf-theme^="c1"] .opf-topbar-cd{background:#E4572E;color:#fff;padding:4px 10px;border-radius:6px}
.opf[data-opf-theme^="c1"] .hero{background:#FFD500;border:0;border-radius:0;margin:0 -12px;padding:22px 16px 24px;text-align:center;position:relative}
.opf[data-opf-theme="c1"] .hero{box-shadow:inset 0 14px 0 #111,inset 0 -14px 0 #111}
.opf[data-opf-theme="c1"] .hero:before,.opf[data-opf-theme="c1"] .hero:after{content:"";position:absolute;left:0;right:0;height:14px;background:repeating-linear-gradient(45deg,#FFD500 0 14px,#111 14px 28px)}
.opf[data-opf-theme="c1"] .hero:before{top:0}.opf[data-opf-theme="c1"] .hero:after{bottom:0}
.opf[data-opf-theme^="c1"] .hero h1{font-size:32px;color:#111;transform:rotate(-2deg);margin-top:14px}
.opf[data-opf-theme^="c1"] .hero h1 strong,.opf[data-opf-theme^="c1"] .hero h1 span{color:#E4572E!important;font-size:1.3em;white-space:nowrap;display:block;-webkit-text-stroke:2px #111;letter-spacing:-.02em;line-height:1.1}
.opf[data-opf-theme^="c1"] .hero p{color:#111!important;font-weight:700}
.opf[data-opf-theme^="c1"] .pill{border:2px solid #111}.opf[data-opf-theme^="c1"] .pill-y{background:#fff;color:#111}.opf[data-opf-theme^="c1"] .pill-b{background:#111;color:#FFD500}.opf[data-opf-theme^="c1"] .pill-g{background:#E4572E;color:#fff}
.opf[data-opf-theme^="c1"] .kpi div{background:#fff;border:2px solid #111;box-shadow:3px 3px 0 #111}
.opf[data-opf-theme^="c1"] .kpi b{color:#E4572E}.opf[data-opf-theme^="c1"] .kpi span{color:#111}
.opf[data-opf-theme^="c1"] .upd{background:#111;color:#FFD500;font-weight:700;margin:12px -16px -24px;padding:8px 16px;text-align:center}
.opf[data-opf-theme^="c1"] h2{color:#111}.opf[data-opf-theme^="c1"] h2:before{background:#E4572E!important;width:56px!important;height:6px!important}
.opf[data-opf-theme^="c1"] h4{background:#FFD500!important;border-left-color:#111!important;border:2px solid #111!important;border-radius:6px}
.opf[data-opf-theme^="c1"] .card{border:3px solid #111;border-radius:10px;box-shadow:6px 6px 0 #111;background:#fff}
.opf[data-opf-theme^="c1"] .card.top{border-color:#111;box-shadow:6px 6px 0 #E4572E;margin-top:22px}
.opf[data-opf-theme^="c1"] .card.top:before{content:"＼ いちばん人気 ／";position:absolute;top:-14px;left:12px;background:#111;color:#FFD500;font-weight:900;font-size:12px;padding:4px 10px;border-radius:6px}
.opf[data-opf-theme^="c1"] .rank .r{background:#111;color:#FFD500;border-radius:6px}.opf[data-opf-theme^="c1"] .card.top .rank .r{background:#FFD500;color:#111;border:3px solid #111}
.opf[data-opf-theme^="c1"] .rank .c{color:#E4572E}
.opf[data-opf-theme^="c1"] .chips div{background:#FFF8E1;border:1px solid #111;border-radius:4px}
.opf[data-opf-theme^="c1"] a.btn{background:#E4572E;border:3px solid #111!important;border-radius:8px;box-shadow:4px 4px 0 #111;min-height:60px;font-size:17px}
.opf[data-opf-theme^="c1"] a.btn.o{background:#FFD500;color:#111!important}
.opf[data-opf-theme^="c1"] a.btn.o small{color:#111}
.opf[data-opf-theme^="c1"] .code{border:2px solid #111;border-radius:6px}.opf[data-opf-theme^="c1"] .code button{border:2px solid #111;background:#FFD500}
.opf[data-opf-theme^="c1"] .note{background:#FFF6A8;border:2px dashed #111;color:#111}
.opf[data-opf-theme^="c1"] .tw,.opf[data-opf-theme^="c1"] .wp-block-table{border:3px solid #111;border-radius:8px;box-shadow:5px 5px 0 #111}
.opf[data-opf-theme^="c1"] table th,.opf[data-opf-theme^="c1"] .wp-block-table th{background:#111;color:#FFD500}
.opf[data-opf-theme^="c1"] table tr.hl td,.opf[data-opf-theme^="c1"] .wp-block-table tr.hl td{background:#FFF6A8}
.opf[data-opf-theme^="c1"] .tbtn{background:#E4572E;border:2px solid #111}.opf[data-opf-theme^="c1"] .tbtn.o{background:#FFD500;color:#111!important;border:2px solid #111}
.opf[data-opf-theme^="c1"] .steps li{border:2px solid #111;box-shadow:3px 3px 0 #111}.opf[data-opf-theme^="c1"] .steps li:before{background:#E4572E;color:#fff}
.opf[data-opf-theme^="c1"] .wp-block-details,.opf[data-opf-theme^="c1"] details{border:2px solid #111;box-shadow:3px 3px 0 #111}
.opf[data-opf-theme^="c1"] .toc{border:2px solid #111;box-shadow:3px 3px 0 #111}
.opf[data-opf-theme^="c1"] figure.shot{border:2px solid #111}
.opf[data-opf-theme^="c1"] p.feat{border-left-color:#E4572E}
.opf[data-opf-theme^="c1"] .sticky{background:#111;border-top:0}
.opf[data-opf-theme^="c1"] .sticky .l{color:#fff}.opf[data-opf-theme^="c1"] .sticky .l small{color:#FFD500}
.opf[data-opf-theme^="c1"] .sticky a{background:#E4572E;border:2px solid #FFD500}
.opf[data-opf-theme^="c1"] .sticky a:after{content:" ▶"}
.opf[data-opf-theme^="c1"] .opf-float-toggle,.opf[data-opf-theme^="c1"] .opf-float-head{background:#111;color:#FFD500}
.opf[data-opf-theme^="c1"] .opf-float-btn{background:#E4572E;border:2px solid #111}
/* パネル・インフォグラフィックの各スキン */
.opf[data-opf-theme="a1"] .opf-float-toggle,.opf[data-opf-theme="a1"] .opf-float-head{background:#111;color:#FFD500}.opf[data-opf-theme="a1"] .opf-float-btn{background:#E4572E}
.opf[data-opf-theme="a5"] .opf-float-toggle,.opf[data-opf-theme="a5"] .opf-float-head{background:#B794FF;color:#0E0A1C}.opf[data-opf-theme="a5"] .opf-float-panel{background:#171129;color:#fff;border-color:rgba(183,148,255,.4)}.opf[data-opf-theme="a5"] .opf-float-item{border-color:rgba(183,148,255,.3);background:#1B1533}.opf[data-opf-theme="a5"] .opf-float-btn{background:linear-gradient(90deg,#7CFFB2,#3DE0FF);color:#0E0A1C}
.opf[data-opf-theme="a5"] .opf-info{background:#171129;border-color:rgba(183,148,255,.4)}.opf[data-opf-theme="a5"] .opf-info-row{background:#1B1533;color:#fff}.opf[data-opf-theme="a5"] .opf-info-row .il b{background:#B794FF;color:#0E0A1C}.opf[data-opf-theme="a5"] .opf-info-row .iv b{color:#7CFFB2}
.opf[data-opf-theme^="c1"] .opf-info{border:3px solid #111;box-shadow:6px 6px 0 #111}.opf[data-opf-theme^="c1"] .opf-info-row{border:2px solid #111}.opf[data-opf-theme^="c1"] .opf-info-row .il b{background:#111;color:#FFD500}.opf[data-opf-theme^="c1"] .opf-info-row .iv b{color:#E4572E}

.opf[data-opf-theme="a5"] .opf-say-bubble{background:#171129;color:#fff;border-color:#B794FF}.opf[data-opf-theme="a5"] .opf-say-bubble:before{border-right-color:#B794FF}.opf[data-opf-theme="a5"] .opf-say-bubble:after{border-right-color:#171129}.opf[data-opf-theme="a5"] .opf-say.is-sparkle .opf-say-bubble{background:#1B1533;border-color:#7CFFB2}.opf[data-opf-theme="a5"] .opf-say.is-sparkle .opf-say-bubble:before{border-right-color:#7CFFB2}.opf[data-opf-theme="a5"] .opf-say.is-sparkle .opf-say-bubble:after{border-right-color:#1B1533}.opf[data-opf-theme="a5"] .opf-say-av span{color:#B9B4C9}
.opf[data-opf-theme^="c1"] .opf-say-bubble{border:2px solid #111;box-shadow:4px 4px 0 #111}.opf[data-opf-theme^="c1"] .opf-say-bubble:before{border-right-color:#111}

/* C1 両端ノッチ（F3） */
.opf[data-opf-theme="c1n"] .hero{padding:26px 16px 28px}
.opf[data-opf-theme="c1n"] .hero:before,.opf[data-opf-theme="c1n"] .hero:after{content:"";position:absolute;left:0;right:0;height:16px;background:repeating-linear-gradient(90deg,#FFD500 0 6px,transparent 6px 12px) 26px center/calc(100% - 52px) 2px no-repeat,radial-gradient(circle at 0 50%,#FFF8E1 11px,transparent 12px),radial-gradient(circle at 100% 50%,#FFF8E1 11px,transparent 12px),#111}
.opf[data-opf-theme="c1n"] .hero:before{top:0}.opf[data-opf-theme="c1n"] .hero:after{bottom:0}
.opf[data-opf-theme="c1n"] .upd{margin-bottom:-28px;padding-bottom:12px}
/* C1 黒フレーム＋影（F6） */
.opf[data-opf-theme="c1f"] .hero{margin:12px 6px 18px 0;border:3px solid #111;border-radius:12px;box-shadow:6px 6px 0 #111;padding:20px 16px 22px}
.opf[data-opf-theme="c1f"] .hero h1{font-size:28px}
.opf[data-opf-theme="c1f"] .hero h1 strong,.opf[data-opf-theme="c1f"] .hero h1 span{font-size:1.25em}
.opf[data-opf-theme="c1f"] .upd{margin:12px -16px -22px;border-radius:0 0 9px 9px}
.opf[data-opf-theme="c1f"] .opf-topbar{margin:0 -12px 0}