/* オーバーレイ（白い背景）のスタイル */
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff; /* 白い背景色 */
  z-index: 20; /* 画像より上に表示させるために適切な値を設定 */
}

/* 画像全体のスタイル */
.store-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  z-index: 22; /* オーバーレイの下に配置されるように設定 */
}


/* 1枚目の画像のフェードイン */
.image1.show {
  opacity: 1;
}

/* 1枚目の画像のフェードアウト */
.image1.fade-out {
  opacity: 0;
}

/* 2枚目の画像のフェードイン */
.image2.show {
  opacity: 1;
}

/* 2枚目の画像のフェードアウト */
.image2.fade-out {
  opacity: 0;
}

/* main-contentの初期状態を非表示に設定 */
.main-content {
  display: none;
}

/* ファーストビュー終了後にオーバーレイを非表示にする */
.hidden {
  display: none;
}