/*----------------------------------------
	animation keyframes
------------------------------------------*/

@keyframes rotation{
	0%{ transform: rotate(0);}
	100%{ transform: rotate(360deg); }
}
/* animation: rotation 60s linear infinite; */

@keyframes rotation_r{
	0%{ transform: rotate(0);}
	100%{ transform: rotate(-360deg); }
}
/* animation: rotation 60s linear infinite; */

@keyframes hor_move_l{
	0% {transform: translateX(0%);}
	100% {transform: translateX(-100%);}
}
/* animation: hor_move_l 60s linear infinite; */

@keyframes hor_move_r{
	0% {transform: translateX(-100%);}
	100% {transform: translateX(0%);}
}
/* animation: hor_move_r 60s linear infinite; */

@keyframes ver_move_t{
	0% {transform: translateY(0%);}
	100% {transform: translateY(-100%);}
}
/* animation: ver_move_t 60s linear infinite; */

@keyframes ver_move_b{
	0% {transform: translateY(-100%);}
	100% {transform: translateY(0%);}
}
/* animation: ver_move_b 60s linear infinite; */

@keyframes fade_out { 
	0% { filter: blur(0); opacity: 1; }
	100% { filter: blur(1); opacity: 0; visibility: hidden; } 
}
/* animation: fade_out 0.4s ease forwards; */

@keyframes rotation_loading_logo{
	0%{ transform: translateZ(0)  rotateY(0deg);}
	50%{ transform: translateZ(0) rotateY(180deg);}
	100%{ transform: translateZ(0) rotateY(360deg); }
}
/* animation: rotation_loading_logo 60s linear infinite; */

/*----------------------------------------
	common animation
------------------------------------------*/

.sec_h {
	&.animate {transform: scale(1.1);opacity: 0;filter:blur(10px);
		&.load_open , &.scroll_in {transform: scale(1);opacity: 1;filter:blur(0px);transition:.6s;}
	}
}


/*----------------------------------------
	pages animation
------------------------------------------*/

/* fv teaser
------------------------------------------*/
.fv_teaser {
    &.animate {
		.ob_frame{
			.ob{clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);transform: scale(2);}
		}
		.catch{
			.text{transform:translateY(-60px)scale(1.0); opacity: 0;filter:blur(10px);
				img{}
			}
		}
		.logo{transform: scale(1.2);opacity: 0;}
		.date{transform: translateX(-10%);opacity: 0;}
		&.load_open {
			.ob_frame{
				.ob{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);transition:.1s;transition-delay: 1.15s;transform: scale(1);}
			}
			.catch{
				.text{transition:.8s;transition-delay: .8s;opacity: 1;transform: translateY(0px)scale(1);filter:blur(0px);
					img{ }
					&.t01{}
					&.t02{transition-delay: .9s;
						img{}
					}
				}
			}
			.logo{transform: scale(1);opacity: 1;transition:2s;}
			.date{transform: translateX(0);opacity: 1;transition:.5s;transition-delay: 1.1s;}
		}
	}
}

/* comingsoon
-------------------------------*/
#comingsoon {
    .img_outer {
        &.animate {
			img {transform: translateY(50%); opacity: 0;}
			&.scroll_in {
				img {transform: translateY(0%); opacity: 1; transition: 1.6s var(--easeOutQuint);}
			}
		}
    }
}


#credit{
	.credit_wrap{
		&.animate{clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
			ul{opacity: 0;transform: translateY(50px);}
			&.scroll_in{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);transition:.3s;transition-delay:.1s;
				ul{opacity: 1;transform: translateY(0px);transition:.8s;transition-delay: .1s;}
			}
		}
	}
}