.fadein {
  opacity: 0;
  transition: 1s;
}
.fadein_on {
  opacity: 1.0;
}
.fadein_t {
  transform: translateY(-50%);
  transition: 1s;
  opacity: 0;
}
.fadein_t_on {
  transform: translateY(0);
  opacity: 1;
}
.fadein_b {
  transform: translateY(50%);
  transition: 1s;
  opacity: 0;
}
.fadein_b_on {
  transform: translateY(0);
  opacity: 1;
}
.fadein_l {
  transform: translateX(-50%);
  transition: 1s;
  opacity: 0;
}
.fadein_l_on {
  transform: translateX(0);
  opacity: 1;
}
.fadein_r {
  transform: translateX(50%);
  transition: 1s;
  opacity: 0;
}
.fadein_r_on {
  transform: translateX(0);
  opacity: 1;
}
.fadein_text {
  opacity: 0;
}
.fadein_text_on {
  opacity: 1;
}
.fadein_ul li {
  opacity: 0;
}
.fadein_zoom {
  transform: scale(0.8);
  transition: 0.5s;
  opacity: 0;
}
.fadein_zoom_on {
  transform: scale(1);
  opacity: 1;
}