@charset "UTF-8";
/* fadeIn */
@keyframes fadeIn{
	0%  {opacity: 0;}
	100%{opacity: 1;}
}
#kv,
.kv__ph,
.kv__logoArea{
	opacity: 0;
	animation: fadeIn 1.5s ease 0.5s forwards;
}
#kv{
	animation-delay: 1.0s;
}
.kv__ph{
	animation-delay: 1.5s;
}
.kv__logoArea{
	animation-delay: 2.0s;
}

/* topFadeIn */
@keyframes topFadeIn{
	0%  {opacity: 0; transform: translateY(-20px);}
	100%{opacity: 1; transform: translateY(0);}
}
#header__logo,
#subNav__top,
#gNav{
	opacity: 0;
	animation: topFadeIn 1.0s ease 0.5s forwards;
	animation-delay: 3.0s;
}

/* btmFadeIn */
@keyframes btmFadeIn{
	0%  {opacity: 0; transform: translateY(20px);}
	100%{opacity: 1; transform: translateY(0);}
}
.kv__bnr,
.kv__chara{
	opacity: 0;
	animation: btmFadeIn 1.0s ease 0.5s forwards;
	animation-delay: 3.0s;
}