/* 横スクロールの画像 */
/* overlay 画像を暗くする */

.loop-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4); /* ← ここで暗さを調整。0.3は30%暗く */
  z-index: 5; /* ロゴの z-index 10 より下、背景画像より上 */
  pointer-events: none; /* オーバーレイはクリックを邪魔しない */

}
/* イベント案内 */
/* テーブル内のフォントサイズを画面幅に応じて調整 */
  .event-table th,
  .event-table td {
    font-size: 14px;
  }

  @media (min-width: 992px) {
    .event-table th,
    .event-table td {
      font-size: 16px;
    }
  }