/* @use 'variables' as *; */
/*----------------------------------------
	animation keyframes
------------------------------------------*/
@-webkit-keyframes rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* animation: rotation 60s linear infinite; */
@-webkit-keyframes rotation_r {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes rotation_r {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
/* animation: rotation 60s linear infinite; */
@-webkit-keyframes hor_move_l {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes hor_move_l {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
/* animation: hor_move_l 60s linear infinite; */
@-webkit-keyframes hor_move_r {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes hor_move_r {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
/* animation: hor_move_r 60s linear infinite; */
@-webkit-keyframes ver_move_t {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes ver_move_t {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-100%);
  }
}
/* animation: ver_move_t 60s linear infinite; */
@-webkit-keyframes ver_move_b {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes ver_move_b {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
/* animation: ver_move_b 60s linear infinite; */
@-webkit-keyframes fade_out {
  0% {
    filter: blur(0);
    opacity: 1;
  }
  100% {
    filter: blur(1);
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes fade_out {
  0% {
    filter: blur(0);
    opacity: 1;
  }
  100% {
    filter: blur(1);
    opacity: 0;
    visibility: hidden;
  }
}
/* animation: fade_out 0.4s ease forwards; */
/*----------------------------------------
	common animation
------------------------------------------*/
/*----------------------------------------
	pages animation
------------------------------------------*/
#fv.animate .fv_flex .texts .logo {
  filter: blur(20px) brightness(1) opacity(0);
  transform: scale(1) translateY(4vh);
}
#fv.animate .fv_flex .texts .fv_dateplace {
  filter: blur(20px) brightness(1) opacity(0);
  transform: scale(1) translateY(4vh);
}
#fv.animate .fv_flex .texts .fv_credits {
  filter: blur(20px) brightness(1) opacity(0);
  transform: scale(1) translateY(4vh);
}
#fv.animate .fv_flex .kv {
  filter: blur(0px) brightness(0) opacity(1);
  transform: scale(0.9);
}
#fv.animate.open .fv_flex .texts .logo {
  filter: blur(0px) brightness(1) opacity(1);
  transform: scale(1);
  transition: 1.4s;
  transition-delay: 0.2s;
}
#fv.animate.open .fv_flex .texts .fv_dateplace {
  filter: blur(0px) brightness(1) opacity(1);
  transform: scale(1);
  transition: 1.4s;
  transition-delay: 0.4s;
}
#fv.animate.open .fv_flex .texts .fv_credits {
  filter: blur(0px) brightness(1) opacity(1);
  transform: scale(1);
  transition: 1.4s;
  transition-delay: 0.6s;
}
#fv.animate.open .fv_flex .kv {
  filter: blur(0px) brightness(1) opacity(1);
  transform: scale(1);
  transition: transform 1.4s, filter 3s;
}
/*# sourceMappingURL=animation.css.map */