.fadeupTrigger,
.fadeinTrigger,
.fadedownTrigger,
.fadeleftTrigger,
.fadeleftLoad,
.faderightTrigger {
  opacity: 0;
}
/* その場で */
.fadeIn{
animation-name:fadeInAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
/* 下から */
.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}
/* 上から */
.fadeDown{
animation-name:fadeDownAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeDownAnime{
  from {
    opacity: 0;
	transform: translateY(-100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}
/* 左から */
.fadeLeft{
animation-name:fadeLeftAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeLeftAnime{
  from {
    opacity: 0;
	transform: translateX(-100px);
  }

  to {
    opacity: 1;
	transform: translateX(0);
  }
}
/* 右から */
.fadeRight{
animation-name:fadeRightAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeRightAnime{
  from {
    opacity: 0;
	transform: translateX(100px);
  }

  to {
    opacity: 1;
	transform: translateX(0);
  }
}
/* 遅延 */
.delay-0 { animation-delay: 0s !important; }
.delay-02 { animation-delay: 0.2s !important; }
.delay-04 { animation-delay: 0.4s !important; }
.delay-06 { animation-delay: 0.6s !important; }
.delay-08 { animation-delay: 0.8s !important; }
.delay-1 { animation-delay: 1s !important; }
.delay-12 { animation-delay: 1.2s !important; }
.delay-14 { animation-delay: 1.4s !important; }
.delay-16 { animation-delay: 1.6s !important; }
.delay-2 { animation-delay: 2s !important; }