@charset "UTF-8";
#home {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  --bg1: url("");
  --bg2: url("");
  /* フェードイン状態のとき */
}
#home::before, #home::after {
  content: "";
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  background-color: rgba(0, 0, 0, 0.5); /* ←黒を直接重ねる */
  background-blend-mode: darken;
}
#home::before {
  background-image: var(--bg1);
  opacity: 1; /* 最初は表示 */
  z-index: -1;
}
#home::after {
  background-image: var(--bg2);
  z-index: -2;
}
#home.show-after::after {
  opacity: 1;
}
#home.show-after::before {
  opacity: 0;
}/*# sourceMappingURL=bg_fade.css.map */