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

@keyframes navOpen {
  from { opacity: 0;transform: translateY(-100%); }
  to { opacity: 1;transform: translateY(0) }
}

@keyframes hint-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-10px); }
}

/* スクロール 下から */
.fuwa_scroll_fadeUp {
  opacity: 0;
  transition: translate all 1s;
}
.fuwa_scroll_fadeUp.active {
  opacity: 1;
  transform: translate(0,0);
  animation-name: fadeUpAnime;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
}
@keyframes fadeUpAnime{
  from { opacity: 0; transform: translateY(25px); }
  to { opacity: 1;transform: translateY(0); }
}

/* スクロール 左から */
.fuwa_scroll_fadeLeft {
  opacity: 0;
  transition: translate all 1s;
}
.fuwa_scroll_fadeLeft.active {
  opacity: 1;
  transform: translateX(0);
  animation-name: fadeLeftAnime;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
}
@keyframes fadeLeftAnime{
  from { opacity: 0; transform: translateX(-25px); }
  to { opacity: 1;transform: translateX(0); }
}

/* スクロール 右から */
.fuwa_scroll_fadeRight {
  opacity: 0;
  transition: translate all 1s;
}
.fuwa_scroll_fadeRight.active {
  opacity: 1;
  transform: translateX(0);
  animation-name: fadeRightAnime;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
}
@keyframes fadeRightAnime{
  from { opacity: 0;transform: translateX(25px); }
  to { opacity: 1; transform: translateX(0); }
}