@charset "UTF-8";
/*==========================================
変数 inc.scss
===========================================*/
/*==========================================
変数 fonts.scss
===========================================*/
/*===================================
userSS 追加
=====================================*/
/*=== フォント ===*/
.font_main {
  font-family: "Zen Maru Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: 500;
}

.font_accent {
  font-family: "Plus Jakarta Sans", "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  font-weight: 900;
}

.font_accent2 {
  font-family: "Zen Old Mincho", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-weight: 500;
}

/*==========================================
 OPENING
===========================================*/
.openingA-block {
  background: #ebe7e1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: 1s ease-in;
  transition: 1s ease-in;
}
.openingA-block.fadeout {
  opacity: 0;
  top: -200vh;
}
.openingA-block .openingA-block-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 960px) {
  .openingA-block .openingA-block-wrap {
    position: relative;
    top: -5%;
  }
}
.openingA-block .openingA-ilst {
  opacity: 0;
  -webkit-transition: 0.6s ease-out;
  transition: 0.6s ease-out;
  padding: 0 0 2em;
  width: clamp(160px, 13.125vw, 252px);
  text-align: center;
  -webkit-transform: translateY(-5%) scale(1.1);
          transform: translateY(-5%) scale(1.1);
  position: relative;
}
@media screen and (max-width: 960px) {
  .openingA-block .openingA-ilst {
    width: clamp(160px, 40vw, 252px);
  }
}
.openingA-block .openingA-ilst #open_door {
  position: relative;
  bottom: -30%;
}
.openingA-block .openingA-ilst.show {
  -webkit-transform: translateY(0%) scale(1);
          transform: translateY(0%) scale(1);
  opacity: 1;
}
.openingA-block .openingA-ilst.active #open_door {
  -webkit-transition: 1s ease-out;
  transition: 1s ease-out;
  bottom: 0%;
}
.openingA-block .openingA-txt {
  font-size: clamp(3rem, 3.1458333333vw, 7rem);
  letter-spacing: 0.2em;
  text-align: center;
  opacity: 0;
  -webkit-transition: 1.2s ease-out;
  transition: 1.2s ease-out;
  padding: 0 0 0.5em;
}
@media screen and (min-width: 768px) {
  .openingA-block .openingA-txt {
    padding: 0 0 0.5em;
  }
}
.openingA-block .openingA-txt.show {
  opacity: 1;
  display: inline-block;
  letter-spacing: 0.2em;
}
.openingA-block .openingA-txt2 {
  font-family: "Plus Jakarta Sans", "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  font-weight: 900;
  font-size: clamp(1rem, 1.1322916667vw, 2.75rem);
  text-align: center;
  opacity: 0;
  -webkit-transition: 1.2s ease-out;
  transition: 1.2s ease-out;
  padding: 0 0 3em;
  letter-spacing: 0.2em;
}
@media screen and (min-width: 768px) {
  .openingA-block .openingA-txt2 {
    padding: 0 0 2em;
  }
}
.openingA-block .openingA-txt2.show {
  opacity: 1;
  letter-spacing: 0.2em;
}
.openingA-block .openingA-txt2.show span {
  display: inline-block;
}
.openingA-block .openingA-logo {
  max-width: 78px;
  width: 100%;
  height: 78px;
  position: relative;
  top: -20%;
  -webkit-transition: 0.8s ease-out;
  transition: 0.8s ease-out;
  opacity: 0;
  -webkit-transform: translateY(5%) scale(1.1);
          transform: translateY(5%) scale(1.1);
}
@media screen and (max-width: 960px) {
  .openingA-block .openingA-logo {
    top: -10%;
  }
}
.openingA-block .openingA-logo.show {
  -webkit-transform: translateY(0%) scale(1);
          transform: translateY(0%) scale(1);
  opacity: 1;
}
.openingA-block .openingA-logo.active {
  -webkit-transition: 1s ease-out;
  transition: 1s ease-out;
  top: 0%;
}
/*==========================================
 1文字ずつ出現させるためのCSS
===========================================*/
/*.eachTextAnime span{opacity: 0;}
.eachTextAnime.appeartext span{ animation:text_anime_on 1s ease-out forwards; }
@keyframes text_anime_on {
  0% {opacity:0;}
  100% {opacity:1;}
}*//*# sourceMappingURL=opening2.css.map */