/* ==========================================================================
   広告流入向け提案（/ad）。ヒーローは現行（公式KV・オレンジ）をそのまま踏襲し、
   ボタン周りだけ強める：要点3つ（前売¥500／約300店／10〜19時）＋価格入りボタン＋補足1行。
   ========================================================================== */
.adfacts{list-style:none;padding:0;margin:0 0 14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.adfacts li{background:var(--white);color:var(--ink);padding:10px 6px;text-align:center;overflow:hidden;min-width:0;
  box-shadow:4px 4px 0 rgba(120,50,0,.25)}
.adfacts b{display:block;font-family:var(--num);font-weight:400;font-size:clamp(20px,5.6vw,34px);line-height:1;
  color:var(--orange-ink);white-space:nowrap}
.adfacts span{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;margin-top:6px;color:var(--ink-2)}
html[data-design="kv"] .hero .adcta{display:grid;gap:10px;max-width:none}
html[data-design="kv"] .hero .adcta .btn--primary{min-height:64px;font-size:17.5px}
html[data-design="kv"] .hero .adcta .btn--ghost{min-height:56px;background:rgba(255,255,255,.14)}
.adnote{font-family:var(--mono);font-size:11px;letter-spacing:.02em;margin:12px 0 0;color:rgba(255,255,255,.9)}
@media (min-width:640px){
  html[data-design="kv"] .hero .adcta{grid-template-columns:1.2fr 1fr;max-width:640px}
  .adfacts{max-width:640px}
}

/* ファーストビュー内に主ボタンを収める：余白を詰め、「開催決定」はポスターの角に重ねる */
html[data-design="kv"] .hero{padding:74px 0 28px}
html[data-design="kv"] .hero .wrap{position:relative}
html[data-design="kv"] .hero__kv{margin:0 0 14px}
html[data-design="kv"] .hero .badge{position:absolute;left:0;top:-10px;margin:0;box-shadow:3px 3px 0 rgba(120,50,0,.3)}
.adfacts{margin:0 0 10px}
.adfacts li{padding:8px 6px}
html[data-design="kv"] .hero .adcta{gap:8px}
html[data-design="kv"] .hero .adcta .btn--primary{min-height:60px}
html[data-design="kv"] .hero .adcta .btn--ghost{min-height:52px}
.adnote{margin:10px 0 0}

/* ボタンを目立たせる：主ボタンは黄（KVのオレンジ地で最も目に入る色）、副ボタンは白 */
html[data-design="kv"] .hero .adcta .btn--primary{background:var(--yellow);color:var(--ink);min-height:66px;font-size:19px;
  box-shadow:5px 5px 0 rgba(120,50,0,.35)}
html[data-design="kv"] .hero .adcta .btn--primary:hover{filter:brightness(1.04)}
html[data-design="kv"] .hero .adcta .btn--ghost{background:var(--white);color:var(--ink);border:none;min-height:54px;font-size:15px;
  box-shadow:4px 4px 0 rgba(120,50,0,.25)}

/* PC幅：ポスターの右にチップとボタンを置き、ヒーローの高さを抑える */
@media (min-width:1000px){
  html[data-design="kv"] .hero{padding:96px 0 40px}
  html[data-design="kv"] .hero .wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);gap:0 44px;align-items:center}
  html[data-design="kv"] .hero__kv{grid-column:1;margin:0;align-self:center}
  .adside{grid-column:2}
  /* A/B用の空の div がグリッドのセルを占有して右カラムが次の行に落ちるため、PC幅では除外する（KVではコピー自体が非表示） */
  html[data-design="kv"] .hero .wrap > [data-ab]{display:none}
  html[data-design="kv"] .hero .badge{top:-12px}
  .adfacts{max-width:none;margin:0 0 16px}
  .adfacts li{padding:14px 8px}
  .adfacts b{font-size:clamp(24px,2.3vw,36px)}
  .adfacts span{font-size:10.5px}
  html[data-design="kv"] .hero .adcta{grid-template-columns:1fr;max-width:none;gap:10px}
  html[data-design="kv"] .hero .adcta .btn--primary{min-height:76px;font-size:21px}
  html[data-design="kv"] .hero .adcta .btn--ghost{min-height:58px}
  .adnote{margin:12px 0 0}
}

/* 外国語は数字・単位が長くなるので一段小さく */
html:not([data-lang="ja"]) .adfacts b{font-size:clamp(17px,4.6vw,26px)}
html:not([data-lang="ja"]) .adfacts span{font-size:9px;letter-spacing:0}
@media (min-width:1000px){html:not([data-lang="ja"]) .adfacts b{font-size:clamp(20px,1.9vw,28px)}}