@charset "utf-8"; /* 〠 */

/*----------------------------------------------*/
/* animate_custom CSS [PC]
/*----------------------------------------------*/

/*######## Speed ########*/

.animate-speed08 {
	animation-duration: 0.8s;
}

.animate-speed10 {
	animation-duration: 1s;
}

.animate-speed20 {
	animation-duration: 2s;
}

.animate-speed30 {
	animation-duration: 3s;
}

/*######## Delay ########*/

.animate-delay05 {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.animate-delay08 {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}

.animate-delay10 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.animate-delay15 {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}

.animate-delay20 {
	-webkit-animation-delay: 2.0s;
	animation-delay: 2.0s;
}

.animate-delay25 {
	-webkit-animation-delay: 2.5s;
	animation-delay: 2.5s;
}

.animate-delay30 {
	-webkit-animation-delay: 3.0s;
	animation-delay: 3.0s;
}

.animate-delay35 {
	-webkit-animation-delay: 3.5s;
	animation-delay: 3.5s;
}

.animate-delay40 {
	-webkit-animation-delay: 4.0s;
	animation-delay: 4.0s;
}

.animate-delay45 {
	-webkit-animation-delay: 4.5s;
	animation-delay: 4.5s;
}

.animate-delay50 {
	-webkit-animation-delay: 5.0s;
	animation-delay: 5.0s;
}


/*######## Movement ########*/

/*---- hidden ----*/
.animate-hidden {
	opacity: 0.0;
}

/*---- fadein ----*/
.animate-fadein {
	-webkit-animation-name: custom-fadein;
	animation-name: custom-fadein;
	
x	animation-duration: 0.8s;
	animation-duration: 1.5s;
}

@keyframes custom-fadein {
	from {
		opacity: 0;
	}
	
	to {
		opacity: 1;
	}
}

/*---- fadeinup ----*/
.animate-fadeinup {
	-webkit-animation-name: custom-fadeinup;
	animation-name: custom-fadeinup;
	
	animation-duration: 0.5s;
}

@keyframes custom-fadeinup {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 60px, 0);
		transform: translate3d(0, 60px, 0);
	}
	
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

/*---- fadeinleft ----*/
.animate-fadeinleft {
	-webkit-animation-name: custom-fadeinleft;
	animation-name: custom-fadeinleft;
	
	animation-duration: 0.5s;
	animation-duration: 0.8s;
}

@keyframes custom-fadeinleft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-200px, 0, 0);
		transform: translate3d(-200px, 0, 0);
	}
	
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

/*---- fadeinright ----*/
.animate-fadeinright {
	-webkit-animation-name: custom-fadeinright;
	animation-name: custom-fadeinright;
	
	animation-duration: 0.5s;
	animation-duration: 0.8s;
}

@keyframes custom-fadeinright {
	from {
		opacity: 0;
		-webkit-transform: translate3d(200px, 0, 0);
		transform: translate3d(200px, 0, 0);
	}
	
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

/*---- fadeinright15 ----*/
.animate-fadeinright15 {
	-webkit-animation-name: custom-fadeinright15;
	animation-name: custom-fadeinright15;
	
	animation-duration: 0.5s;
	animation-duration: 1s;
}

@keyframes custom-fadeinright15 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(15px, 0, 0);
		transform: translate3d(15px, 0, 0);
	}
	
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

/*---- fadeinleft15 ----*/
.animate-fadeinleft15 {
	-webkit-animation-name: custom-fadeinleft15;
	animation-name: custom-fadeinleft15;
	
	animation-duration: 0.5s;
	animation-duration: 1s;
}

@keyframes custom-fadeinleft15 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-15px, 0, 0);
		transform: translate3d(-15px, 0, 0);
	}
	
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

/*---- fadeintopleft ----*/
.animate-fadeintopleft {
	-webkit-animation-name: custom-fadeintopleft;
	animation-name: custom-fadeintopleft;
	
	animation-duration: 0.5s;
}

@keyframes custom-fadeintopleft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-50px, -50px, 0);
		transform: translate3d(-50px, -50px, 0);
	}
	
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

/*---- fadeinbottomright ----*/
.animate-fadeinbottomright {
	-webkit-animation-name: custom-fadeinbottomright;
	animation-name: custom-fadeinbottomright;
	
	animation-duration: 0.5s;
}

@keyframes custom-fadeinbottomright {
	from {
		opacity: 0;
		-webkit-transform: translate3d(30px, 30px, 0);
		transform: translate3d(30px, 30px, 0);
	}
	
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.animate-pause{
	animation-play-state: paused;
}

.animate-run{
	animation-play-state: running;
}