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

/* ### ふわっと表示用 ### */

.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);
}