@charset "UTF-8";
#preloader {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  background: url("/img/common/ptn-bg.png") center center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 100vh rgba(33, 32, 30, 0.1);
  z-index: 9999;
  overflow: hidden;
  /* 上部赤いローディングバー */
  /* ロゴ */
}
#preloader .loading-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 5px;
  background: #ae2135;
  width: 0;
  animation: loadingBar 1s forwards;
}
@keyframes loadingBar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
#preloader .logo-wrapper {
  opacity: 0;
  transform: scale(0.8);
  transition: all 1.5s ease;
}
#preloader .logo-wrapper.show {
  opacity: 1;
  transform: scale(1);
}

/* プリローダー全体を上にスライド */
@keyframes preloader-slide-up {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes bar-slide {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes logo-fade-in {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}/*# sourceMappingURL=preloader.css.map */