/* =========================================================
   スマホ版 A案：現状維持を基本とした改善（mobile-a.css / 比較用プロトタイプ）
   ・すべて 899px 以下だけに効く指定。PC版には影響しません。
   ・構成・色・素材はそのまま。余白・文字・写真・導線の大きさだけを最適化。
   ========================================================= */
@media (max-width: 899px) {
  /* ── HERO：縦幅を少し短くし、導線と説明が最初の画面に近づくように ── */
  .hero3-stage { height: clamp(440px, 60svh, 540px); min-height: 0; }
  .hero3-slide:nth-child(1) { object-position: 44% 58% !important; }
  .hero3-logo-tab { padding: 4px 14px 8px 10px; border-bottom-right-radius: 22px; }
  .hero3-logo { width: 62px; height: 62px; }
  .hero3-copy { bottom: calc(var(--h3-tab-overlap) + 18px); }
  .hero3-location { font-size: 0.72rem; margin-bottom: 6px; }
  .hero3-catch { margin-bottom: 0; line-height: 1.35; }
  .hero3-catch-a { font-size: 1.02rem; margin-bottom: 0.15rem; }
  .hero3-catch-b { font-size: clamp(1.7rem, 8.2vw, 2.15rem); }

  /* ── 3つの導線：1つ目を少し大きく、2つ目・3つ目は控えめに ── */
  .entry .entry-link,
  .entry .entry-link:first-child,
  .entry .entry-link + .entry-link { min-height: 56px; padding: 9px 14px 9px 18px; }
  .entry .entry-link:first-child { min-height: 72px; padding-top: 13px; padding-bottom: 13px; }
  .entry .entry-link:first-child .entry-what { font-size: 1.12rem; }
  .entry .entry-link:not(:first-child) .entry-what { font-size: 0.98rem; }
  .entry .entry-link:not(:first-child) .entry-arrow { width: 30px; height: 30px; font-size: 0.8rem; }
  .entry .entry-who { font-size: 0.68rem; }

  /* ── 導線の下の説明：開催日が先に目に入るように詰める ── */
  .hero3-sub { padding-top: 18px; }
  .hero3-sub .hero3-desc { font-size: 0.88rem; line-height: 1.85; }
  .hero3-sub .hero3-actions { margin-top: 14px; }

  /* ── 活動のご案内：チラシは上部だけを見せ、タップで全体を拡大 ── */
  #information .info-header { margin-bottom: 1.8rem; }
  #information .info-cards { gap: 1.2rem; }
  #information .info-card-img { aspect-ratio: 4 / 3; }
  #information .info-card-img-wrap { position: relative; }
  #information .info-card-img-wrap::after {
    content: 'タップでチラシ全体を表示';
    position: absolute; right: 10px; bottom: 10px;
    font-size: 0.68rem; font-weight: 700; color: var(--text-dark);
    background: rgba(255,255,255,0.92); padding: 3px 10px; border-radius: 50px;
    box-shadow: 0 1px 4px rgba(70,56,47,0.15);
  }
  #information .info-card-title { min-height: 0; }
  #information .info-card-body { padding: 1rem 1.2rem 1.2rem; }
}

/* ボタン名：PCは「詳しく見る」のまま、スマホだけ動作に合わせた名前に */
.lbl-sp { display: none; }
@media (max-width: 899px) { .lbl-pc { display: none; } .lbl-sp { display: inline; } }