/* =====================================================================
   トップページ スライダー用ローダー（loader-jump v2 を転用）
   - .slider-loader : スライダー全体を覆うオーバーレイ
   - .loader        : ジャンプする円（見た目と動きは css/loader-ball.css。全ページ共通）
   画像の読み込みが終わると js/slider-loader.js が .is-hidden を付けてフェードアウト
   ===================================================================== */

/* ---- オーバーレイ（スライダーの上に重ねる） ---- */
.slider-loader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;                 /* Swiperのページネーション(z-index:10)より上 */
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fcfcfc;         /* ページ背景（base.css の body）と同じ色 */
  transition: opacity .6s ease, visibility .6s ease;
}

/* 読み込み完了後（JSで付与） */
.slider-loader.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}