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

/* ### ふわっと表示用 ### */
.effect-fade-up-0 {
  opacity: 0;
  transform: translate(0, 0); /* フェードインで動く高さを指定 */
  transition: all 1000ms; /* フェードインにかかる時間を指定 */
}
.effect-fade-up-1 {
  opacity: 0;
  transform: translate(0, 0); /* フェードインで動く高さを指定 */
  transition-duration: 1000ms; /* フェードインにかかる時間を指定 */
  transition-delay: 1.8s;
}
.effect-fade-up-2 {
  opacity: 0;
  transform: translate(0, 0); /* フェードインで動く高さを指定 */
  transition-duration: 1000ms; /* フェードインにかかる時間を指定 */
  transition-delay: 2.3s;
}
.effect-fade-up-3 {
  opacity: 0;
  transform: translate(0, 0); /* フェードインで動く高さを指定 */
  transition-duration: 1000ms; /* フェードインにかかる時間を指定 */
  transition-delay: 2.8s;
}
.effect-fade-up-4 {
  opacity: 0;
  transform: translate(0, 0); /* フェードインで動く高さを指定 */
  transition-duration: 1000ms; /* フェードインにかかる時間を指定 */
  transition-delay: 3.3s;
}
.effect-fade-up-5 {
  opacity: 0;
  transform: translate(0, 0); /* フェードインで動く高さを指定 */
  transition-duration: 1000ms; /* フェードインにかかる時間を指定 */
  transition-delay: 3.8s;
}



.effect-fade-up {
  opacity: 0;
  transform: translate(0, 50px); /* フェードインで動く高さを指定 */
  transition: all 1000ms; /* フェードインにかかる時間を指定 */
}

.effect-fade-up2 {
  opacity: 0;
  transform: translate(0, 50px); /* フェードインで動く高さを指定 */
  transition-duration: 1000ms; /* フェードインにかかる時間を指定 */
  transition-delay: 0.2s;
}

.effect-fade-up3 {
  opacity: 0;
  transform: translate(0, 50px); /* フェードインで動く高さを指定 */
  transition-duration: 1000ms; /* フェードインにかかる時間を指定 */
  transition-delay: 0.4s;
}

.effect-fade-up4 {
  opacity: 0;
  transform: translate(0, 50px); /* フェードインで動く高さを指定 */
  transition-duration: 1000ms; /* フェードインにかかる時間を指定 */
  transition-delay: 0.6s;
}
.effect-fade-up5 {
  opacity: 0;
  transform: translate(0, 50px); /* フェードインで動く高さを指定 */
  transition-duration: 1000ms; /* フェードインにかかる時間を指定 */
  transition-delay: 0.8s;
}

.effect-fade-left {
  opacity: 0;
  transform: translate(-50px, 0); /* フェードインで動く高さを指定 */
  transition: all 1000ms; /* フェードインにかかる時間を指定 */
}

.effect-fade-right {
  opacity: 0;
  transform: translate(50px, 0); /* フェードインで動く高さを指定 */
  transition: all 1000ms; /* フェードインにかかる時間を指定 */
}

.effect-scroll {
  opacity: 1;
  transform: translate(0, 0);
}