@charset "utf-8";

/*　フェードイン　*/
.fadein.act_on,.fadeina.act_on {
	animation: FadeIn 0.7s ease;
	animation-fill-mode: forwards;
}
@keyframes FadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


/*　バウンド　*/
.bounce.act_on,.bouncea.act_on {
	animation: Puru 2.5s ease;
	animation-fill-mode: forwards;
}
@keyframes Puru {
0% { transform: scale(0.8, 0.8);opacity: 0; }
5% { transform: scale(1.2, 1.2);opacity: 1; }
10% { transform: scale(1, 1);opacity: 1; }
15% { transform: scale(1.1, 1.1);opacity: 1; }
20% { transform: scale(1, 1);opacity: 1; }
100% { transform: scale(1, 1);opacity: 1; }
}


/*　下からフェード　*/
.slide_u.act_on,.slide_ua.act_on {
	animation: ActSlideU 1.0s ease;
	animation-fill-mode: forwards;
}
@keyframes ActSlideU {
    0% {opacity: 0; transform: translate(0px,40px);}
    100% {opacity: 1; transform: translate(0px,0px);}
}


/*　右からフェード　*/
.slide_r.act_on,.slide_ra.act_on {
	animation: ActSlideR 0.7s ease;
	animation-fill-mode: forwards;
}
@keyframes ActSlideR {
    0% {opacity: 0; transform: translate(60px,0px);}
    100% {opacity: 1; transform: translate(0px,0px);}
}


/*　左からフェード　*/
.slide_l.act_on,.slide_la.act_on {
	animation: ActSlideR 0.7s ease;
	animation-fill-mode: forwards;
}
@keyframes ActSlideL {
    0% {opacity: 0; transform: translate(-60px,0px);}
    100% {opacity: 1; transform: translate(0px,0px);}
}


/*　スケール　*/
.scl.act_on,.scla.act_on {
	animation: Scl 0.7s ease;
	animation-fill-mode: forwards;
}
@keyframes Scl {
0% { transform: scale(0.8, 0.8);opacity: 0; }
100% { transform: scale(1, 1);opacity: 1; }
}