/* Scss Document */
.anime_body_fadeout {
  -webkit-transition: opacity 1s ease 1s;
  transition: opacity 1s ease 1s;
  opacity: 0;
}

.anime_body_fadein {
  opacity: 1.0;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.8s ease-out;
  transition: opacity 0.8s ease-out;
}

.fade.show {
  opacity: 1;
}

.fade_up {
  opacity: 0;
  -webkit-transform: translate(0, 10px);
          transform: translate(0, 10px);
  -webkit-transition: opacity 0.8s ease-out,  -webkit-transform 0.8s ease-out;
  transition: opacity 0.8s ease-out,  -webkit-transform 0.8s ease-out;
  transition: opacity 0.8s ease-out,  transform 0.8s ease-out;
  transition: opacity 0.8s ease-out,  transform 0.8s ease-out,  -webkit-transform 0.8s ease-out;
}

.fade_up.show {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.fade_left {
  opacity: 0;
  -webkit-transform: translate(10px, 0);
          transform: translate(10px, 0);
  -webkit-transition: opacity 0.8s ease-out,  -webkit-transform 0.8s ease-out;
  transition: opacity 0.8s ease-out,  -webkit-transform 0.8s ease-out;
  transition: opacity 0.8s ease-out,  transform 0.8s ease-out;
  transition: opacity 0.8s ease-out,  transform 0.8s ease-out,  -webkit-transform 0.8s ease-out;
}

.fade_left.show {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.fade_right {
  opacity: 0;
  -webkit-transform: translate(-10px, 0);
          transform: translate(-10px, 0);
  -webkit-transition: opacity 0.8s ease-out,  -webkit-transform 0.8s ease-out;
  transition: opacity 0.8s ease-out,  -webkit-transform 0.8s ease-out;
  transition: opacity 0.8s ease-out,  transform 0.8s ease-out;
  transition: opacity 0.8s ease-out,  transform 0.8s ease-out,  -webkit-transform 0.8s ease-out;
}

.fade_right.show {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}