@charset "utf-8";

/*はじめは透過0に*/

/*スタート時に透過0だと綺麗に出現する*/

.fadeInUpTrigger{
	opacity: 0;
}
.fadeInDownTrigger{
	opacity: 0;

}
/*========= アニメーションの指定 ===============*/


/* アニメーションの回数を決めるCSS*/

.count2{  
	animation-iteration-count: 2;/*この数字を必要回数分に変更*/
}
.count3{  
	animation-iteration-count: 3;/*この数字を必要回数分に変更*/
}
.count5{  
	animation-iteration-count: 5;/*この数字を必要回数分に変更*/
}
/* アニメーションスタートの遅延時間を決めるCSS*/

.delay-time{  
	animation-delay: 0.5s;
}

/* アニメーション自体が変化する時間を決めるCSS*/

.change-time{  
	animation-duration: 4.5s;/*この数字を変化させたい時間に変更*/
}