@charset "UTF-8";



.animated__fadeIn {
    /* // before (出現前) */
    opacity: 0;
    translate: 0 10px;
    transition: opacity 0.8s ease, translate 0.8s ease;
}
/* // after (出現後) */
.animated__fadeIn.js-show {
    opacity: 1;
    translate: 0 0;
}


/* ===================================
ページ遷移アニメーション
 =================================== */
main {
  opacity: 0;
  transition: opacity 0.6s ease-out;
}
body.loaded main {
  opacity: 1;
}

/* トップページの main.top だけは常に表示 */
main.top {
  opacity: 1 !important;
}

/* ===================================
ページ遷移時のアニメーション
 =================================== */

/* .transition-circle {
  position: fixed;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  background-color: #EF7F27;
  border-radius: 50%;
  transform: scale(0);
  pointer-events: none;
  z-index: 9999;
} */

/* ===================================
ページ遷移アニメーション用円形エレメント
=================================== */

/* .transition-circle {
  position: fixed;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  background-color: #EF7F27;
  background: rgba(239, 127, 39, 0.9);
  border-radius: 50%;
  transform: scale(0);
  opacity: 0;
  pointer-events: none;
  z-index: 9999;
  transition: opacity 0.8s ease;
}


.transition-circle.is-hidden {
  opacity: 0;
  visibility: hidden;
} */