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

.animation .anm_mod {
 /* 一度透明にしておく */
  opacity: 0;
 /* デフォルトでは下方向（から上に向かう）に設定 */
  transform: translate3d(0, 100%, 0);
/* デフォルトでは1秒に設定 */
  transition: all 1s ease;
}

.animation .left {
   transform: translate3d(-100%, 0, 0);
  }
 .animation .right {
   transform: translate3d(100%, 0, 0);
  }
.animation .delay {
   transition: all 2s ease;
  }
 .animation .fast {
   transition: all 0.8 ease;
  }


.animation .anm_mod.active {
/*jsでスクロール値に来たら　activeクラスが付与されるので、透明を解除しながらUIパーツが元の位置に戻る作用をする*/
 opacity: 1;
 transform: translate3d(0, 0, 0);
}