/* CoKO 共通デザイントークン（SSOT）2026-06-19。全ページが読み込む。 */
:root{
  --pink:#E8617F; --blue:#3a8da8; --accent:#3a8da8;
  --ink:#2b2125; --sub:#514347; --soft:#fdf3f5; --line:#efe3e6; --gold:#f5a623;
}
body{
  font-family:'Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;
  color:var(--ink); background:#faf7f8; line-height:1.8; font-size:16.5px;
}
.wrap{ max-width:1040px; padding:0 32px 60px; }
@media(max-width:680px){ .wrap{ padding:0 16px 48px; } }
h2{ font-size:20px; }
.rev-invite{display:flex;align-items:center;gap:13px;margin:16px auto;padding:10px 15px;border-radius:11px;background:#fef2f6;border:1px solid #f7d5df}
.rev-invite .ri-ic{flex:0 0 auto;font-size:18px;line-height:1}
.rev-invite .ri-t{flex:1 1 auto;font-weight:700;font-size:13.5px;color:var(--ink);line-height:1.45}
.rev-invite .ri-t b{color:var(--pink);font-weight:800}
.rev-invite .ri-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;background:var(--pink);color:#fff;text-decoration:none;border-radius:9px;padding:8px 15px;font-weight:700;font-size:13px;white-space:nowrap;transition:background .12s}
.rev-invite .ri-btn:hover{background:#d64e6b}
.rev-invite .ri-btn span{font-weight:500;font-size:10.5px;opacity:.85}
@media(max-width:680px){.rev-invite{flex-wrap:wrap}.rev-invite .ri-t{flex:1 1 100%}.rev-invite .ri-btn{width:100%;justify-content:center}}
.cta-block{border-top:1px dashed var(--line);margin:28px auto 0;padding-top:18px}
.cta-block .cb-t{font-size:15.5px;font-weight:700;margin-bottom:3px}.cta-block .cb-s{font-size:13.5px;color:var(--sub);margin-bottom:13px}
.cta-grid{display:flex;gap:12px;flex-wrap:wrap}
.cta-panel{flex:1;min-width:220px;border-radius:11px;padding:13px 15px;border:1px solid var(--line)}
.cta-panel.biz{border-color:#f4c0d1;background:#fdf3f5}
.cta-panel .pl{font-size:13.5px;font-weight:800;margin-bottom:6px}.cta-panel.biz .pl{color:#993556}.cta-panel.usr .pl{color:#185fa5}
.cta-panel .pt{font-size:13.5px;margin-bottom:11px;line-height:1.6}.cta-panel.biz .pt{color:#72243e}.cta-panel.usr .pt{color:#444}
.cta-panel a.cbtn{display:inline-block;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none}
.cta-panel a.cbtn.solid{background:var(--pink);color:#fff}.cta-panel a.cbtn.line{background:#fff;border:1.5px solid var(--blue);color:#185fa5}
.sharebar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:18px auto;padding:9px 14px;background:#fff;border:1px solid var(--line);border-radius:13px}
.sharebar .sh-lbl{font-size:12.5px;font-weight:800;color:var(--sub)}
.sharebar .sh{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;padding:0;text-decoration:none}
.sharebar .sh svg{width:19px;height:19px;fill:#fff;display:block}
.sharebar .sh-line{background:#06C755}
.sharebar .sh-x{background:#000}
.sharebar .sh-fb{background:#1877F2}
.sharebar .sh-copy{background:#ece9ea}
.sharebar .sh-copy svg{fill:#6b5b60}
.sharebar .sh:hover{opacity:.85}
.sharebar .sh-msg{font-size:12px;font-weight:700;color:#1d7a47;opacity:0;transition:opacity .2s}
.faqwrap{margin:6px 0}
.faq{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:8px;overflow:hidden}
.faq summary{list-style:none;cursor:pointer;padding:13px 16px;font-size:15px;font-weight:700;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'＋';color:var(--pink);font-weight:800;flex:0 0 auto;font-size:17px}
.faq[open] summary::after{content:'－'}
.faq .fa{padding:2px 16px 14px;font-size:14px;color:var(--sub);line-height:1.85}
.faq .fa a{color:var(--blue);font-weight:600;text-decoration:none}
.faq .fa b{color:var(--ink)}