@charset "UTF-8";
.loader {
  width: 100%;
  height: 178px; /* 高さを固定 */
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 2px solid #0047ab;
  border-bottom: 2px solid #0047ab;
  opacity: 1; /* 最初は表示されている状態 */
  transition: opacity 0.3s ease; /* フェードアウトのアニメーション */
}

.loaded {
  opacity: 0; /* フェードアウト */
  pointer-events: none; /* ユーザー操作を無効化 */
}

.swiper-container {
  height: 178px;
  opacity: 0; /* 初期状態は透明 */
  display: none; /* 最初は非表示 */
  transition: opacity 0.3s ease; /* フェードインアニメーション */
}

.swiper-container.visible {
  display: block; /* 表示に切り替え */
  opacity: 1; /* フェードイン */
}/*# sourceMappingURL=loading.css.map */