@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------ */
/*                          ローディングスクリーン                          */
/* ------------------------------------------------------------ */

#loading-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 1s ease;
  backdrop-filter: blur(4px);
}

/* ロゴ画像 */
#loading-screen img {
  width: 200px;
  height: auto;
  opacity: 0;
  animation: logoFadeInSoft 2s ease-out forwards;
  animation-delay: 0.5s; /* ふわっと */
}

/* ロゴふわっと表示アニメーション */
@keyframes logoFadeInSoft {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/* ローディングアニメーション後の要素表示制御 */
.fade-in-element {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1.2s ease, visibility 1.2s ease;
}

.fade-in-element.show {
  opacity: 1;
  visibility: visible;
}