@charset "UTF-8";
/* ============================================================
   lp-frame.css ― 囲い（決定版：「囲まない＋ミシン目」。比較時の名前は frame-e.css）
   A「囲まない」の静けさはそのままに、会場どうしの区切りだけを
   チケットのミシン目（点線と、両端の穴）にしました。
   箱を使わないので横幅は削らず、ローチケらしさだけを少し足す案です。
   style.css → ensei-add.css → lp-motion.css の後に読み込みます。
   ============================================================ */
.lp-section { padding-top: 64px; padding-bottom: 64px; }
.lp-panel { padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.lp-panel::before { content: none; }
.lp-panel > h2 { font-size: 30px; }

/* ---------- 見出しの階層をはっきり（20260924・12回目） ----------
   箱がないパターンでは、セクションの見出し（h2）と会場名（h3）が同じ太さ・同じ色で並び、
   しかも h3 だけ青い縦線があって目立つため、SPでは大きさの差（25px：19px）だけでは区切りがあいまいに見えていました。
   ・h2 の上に短い青い線を置き、「ここから新しいセクション」の目印に（h3 の縦線とは向きを変えて、別の階層だと分かる形に）
   ・h2 をひと回り太く・大きく、h3 を少し小さくして、大きさの差を約1.3倍 → 1.5倍に */
.lp-panel > h2 { font-weight: 800; line-height: 1.35; }
.lp-panel > h2::before {
  content: ""; display: block; width: 36px; height: 4px; margin-bottom: 14px;
  border-radius: 2px; background: #0878C9; }

/* 会場：箱にせず、ミシン目で区切る */
.venue-box { position: relative; padding: 30px 0 8px; border: 0; border-radius: 0; }
.venue-box + .venue-box { margin-top: 34px; }
/* 点線 */
.venue-box::before {
  content: ""; position: absolute; top: -1px; left: 12px; right: 12px; height: 2px;
  background: repeating-linear-gradient(90deg, #5B7892 0 9px, transparent 9px 15px); }
/* 両端の穴 */
.venue-box::after {
  content: ""; position: absolute; top: -6px; left: 0; right: 0; height: 12px; pointer-events: none;
  background:
    radial-gradient(circle at 6px 50%, transparent 0 3.5px, #5B7892 4px 5.5px, transparent 6px) left / 12px 12px no-repeat,
    radial-gradient(circle at 6px 50%, transparent 0 3.5px, #5B7892 4px 5.5px, transparent 6px) right / 12px 12px no-repeat; }

/* アクセス（空港から・駅から）の地は、箱があったときは灰色、箱がない今は背景と同じ灰色になり
   見えなくなるため白に（20260924・6回目） */
.venue-access li { background: #fff; }

/* 中の小さな箱（FAQ・リンク）は白地で残す。背景が灰色のセクションで浮かないよう枠を薄く */
.faq-open__item, .text-links a { border-color: #E3E9EF; }
/* 記事カードは共通パーツと同じ形（ensei-add.css「23.」）のまま */

@media (max-width: 800px) {
  .lp-section { padding-top: 44px; padding-bottom: 44px; }
  /* 箱の内側余白がなくなるぶん、画面の端との間は外側で14pxとる（遠征パーツの影の逃げ場と同じ幅） */
  .ensoku-lp .lp-inner { width: calc(100% - 28px); }
  .lp-panel { padding-left: 0; padding-right: 0; }
  /* 見出しの階層（12回目）：h2 27px・太め／h3 18px（約1.5倍）。27pxでも「会場の近く、どこに泊まる？」は1行に収まります */
  .lp-panel > h2 { font-size: 27px; }
  .lp-panel > h2::before { width: 28px; margin-bottom: 12px; }
  .venue-box > header h3 { font-size: 18px; }
  .venue-box { margin-top: 26px; padding: 24px 0 0; }
}