@charset "UTF-8";
/* CSS Document */

.f-In {
	opacity: 0;
	transition: 1s ease-in;
	transform: translateY(30px);
}
.f-In.active {
	transform: translateY(0px);
	opacity: 1;
}

.top-In {
	opacity: 0;
	transition: 1.5s;
	overflow: hidden;
}
.top-In.active {
	opacity: 1;
}
.top-In img {
	transform: scale(1.1);
	transition: 6s;
}
.top-In.active img {
	transform: scale(1);
}

.bl-30 {
	filter: blur(30px);
}
.bl-30.active {
	filter: blur(0px);
}


.dul-2 {
	transition-duration: 2s;
}
.dul-3 {
	transition-duration: 3s;
}
.dul-5 {
	transition-duration: 5s;
}
.dul-7 {
	transition-duration: 7s;
}


.del-05 {
	transition-delay: 0.5s;
}
.del-10 {
	transition-delay: 1s;
}
.del-15 {
	transition-delay: 1.5s;
}
.del-20 {
	transition-delay: 2s;
}
.del-25 {
	transition-delay: 2.5s;
}
.del-30 {
	transition-delay: 3s;
}
.del-35 {
	transition-delay: 3.5s;
}
.del-40 {
	transition-delay: 4.0s;
}

.posY10 {
	transform: translateY(10px);
}
.posY10.active {
	transform: translateY(0);
}
.posY20 {
	transform: translateY(20px);
}
.posY20.active {
	transform: translateY(0);
}
.posY30 {
	transform: translateY(30px);
}
.posY30.active {
	transform: translateY(0);
}


.scl15 {
	transform: scale(1.5);
}
.scl15.active {
	transform: scale(1);
}

.glay {
	opacity: 1;
	filter: grayscale(100%);
	transition: 4s 1s;
}
.glay.active {
	filter: grayscale(0%);
}
/*.f-In.itemBox {
	opacity: 0;
	transform: translateY(30px);
	transition: 0.5s;
}

.f-In.itemBox.active {
	transform: translateY(0px);
	opacity: 1;
}*/