/* =====================================================
   トップスライダー(このページ専用)
   画像だけが切り替わり、テキストはスライドの外に固定表示する
   ===================================================== */

.gd-slider-wrap {
  position: relative;
}

/* スライドの上に重ねる固定テキスト層 */
.gd-slider-text {
  position: absolute;
  inset: 0;
  z-index: 5;
  /* 文字の上でもスライダーの操作を妨げないようにする */
  pointer-events: none;
}

/* リンクやボタンだけはクリックできるように戻す */
.gd-slider-text a {
  pointer-events: auto;
}

/* 画像が明るいコマでも白文字が読めるよう、薄い黒を敷く */
.gd-slider-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 4;
  background: rgba(0, 0, 0, 0.18);
  pointer-events: none;
}

/* スクロール連動の暗幕。
   theme.js がこの要素(.header-overlay)を参照してナビの背景を黒くしていくため、
   他ページと同じように必ず1つ置いておく必要がある */
.gd-slider-wrap > .gd-slider-veil {
  z-index: 3;
  pointer-events: none;
}