@charset "utf-8";

.fadeInUp,
.fadeInDown,
.fadeInLeft,
.fadeInRight{
	opacity: 0;
}

.run{
	animation-fill-mode:both;
	visibility: visible !important;	
	animation-duration:1.0s;
}

.fadeInUp.run{animation-name: fadeInUp;}
.fadeInDown.run{animation-name: fadeInDown;}
.fadeInLeft.run{animation-name: fadeInLeft;}
.fadeInRight.run{animation-name: fadeInRight;}

@keyframes fadeInUp {
	0% { opacity: 0; transform: translateY(50px); blur(10px); }
	100% { opacity: 1; transform: translateY(0px); blur(0px); }
}

@keyframes fadeInDown {
	0% { opacity: 0; transform: translateY(-50px); blur(10px); }
	100% { opacity: 1; transform: translateY(0px); blur(0px); }
}

@keyframes fadeInLeft {
	0% { opacity: 0; transform: translateX(-50px); filter: blur(10px); }
	100% { opacity: 1; transform: translateX(0px); filter: blur(0px); }
}

@keyframes fadeInRight {
	0% { opacity: 0; transform: translateX(50px); filter: blur(10px); }
	100% { opacity: 1; transform: translateX(0px); filter: blur(0px); }
}


/*ディレイ*/
.delay-02s{animation-delay: 0.2s;}
.delay-04s{animation-delay: 0.4s;}
.delay-06s{animation-delay: 0.6s;}
.delay-08s{animation-delay: 0.8s;}
.delay-10s{animation-delay: 1.0s;}