/* ===============================
   EVENT PAGE – RESPONSIVE FIX
================================ */

/* 全体 */
body {
  margin: 0;
  padding: 10px;
  background: #C1C1C1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.6;
}

/* 白背景の見出し部分 */
body > p:first-of-type {
  padding: 8px 10px;
  margin-bottom: 10px;
  font-weight: bold;
}

/* 画像共通 */
img {
  max-width: 100%;
  height: auto;
}

/* YouTube iframe（PC：左寄せ） */
iframe {
  width: 100%;
  max-width: 640px;
  aspect-ratio: 16 / 9;
  height: auto;
  display: block;
  margin: 20px 0;   /* ← 左寄せのポイント */
}



/* Lightbox用 画像並び */
a[data-lightbox] {
  display: inline-block;
  margin: 5px;
}

/* ===============================
   MOBILE
================================ */
@media (max-width: 600px) {

  body {
    padding: 8px;
    font-size: 13px;
  }

  /* 縦に並べる */
  a[data-lightbox] {
    display: block;
    margin: 8px auto;
    text-align: center;
  }

  /* 画像の中央寄せ */
  img {
    margin: 0 auto;
    display: block;
  }

  iframe {
    max-width: 100%;
    margin: 10px auto;  /* ← スマホは中央 */
  }
}  
}