@charset "UTF-8";

/*
	common
-----------------------------------------------------------------------------------------------*/
.anm {
	opacity: 0;
}
/* ふわっと */
.fadeIn.anmStart{
	animation: fadeIn 3s ease .7s forwards;
}
@keyframes fadeIn{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
/* 下から */
.fadeUp.anmStart{
	animation: fadeUp .7s ease .7s forwards;
}
@keyframes fadeUp{
	from{
		opacity: 0;
		transform: translateY(20px);
	}
	to{
		opacity: 1;
		transform: translateY(0);
	}
}
/* 上から */
.fadeDown.anmStart{
	animation: fadeDown .7s ease .7s forwards;
}
@keyframes fadeDown{
	from{
		opacity: 0;
		transform: translateY(-20px);
	}
	to{
		opacity: 1;
		transform: translateY(0);
	}
}
/* 右から */
.fadeRight.anmStart{
	animation: fadeRight .7s ease .7s forwards;
}
@keyframes fadeRight{
	from{
		opacity: 0;
		transform: translateX(-20px);
	}
	to{
		opacity: 1;
		transform: translateX(0);
	}
}
/* 左から */
.fadeLeft.anmStart{
	animation: fadeLeft .7s ease .7s forwards;
}
@keyframes fadeLeft{
	from{
		opacity: 0;
		transform: translateX(20px);
	}
	to{
		opacity: 1;
		transform: translateX(0);
	}
}
/* upDown */
@keyframes upDown01{
	0%  {transform: translateY(0);}
	50% {transform: translateY(-5px);}
	100%{transform: translateY(0);}
}
@keyframes upDown02{
	0%  {transform: translateY(0);}
	50% {transform: translateY(5px);}
	100%{transform: translateY(0);}
}
@keyframes upDown03{
	0%  {transform: translateY(0);}
	50% {transform: translateY(10px);}
	100%{transform: translateY(0);}
}
@keyframes upDown04{
	0%  {transform: translateY(0);}
	50% {transform: translateY(-10px);}
	100%{transform: translateY(0);}
}

/*
	kv
-----------------------------------------------------------------------------------------------*/
.kv__logo,
.kv__obi,
.kv__character{
	opacity: 0;
	animation: fadeUp .7s ease .1s forwards;
}
.kv__item01,
.kv__item02,
.kv__item05,
.kv__item07{
	opacity: 0;
	animation: fadeUp .7s ease .1s forwards, upDown01 5s ease 0s infinite;
}
.kv__item03,
.kv__item04,
.kv__item06,
.kv__item08,
.kv__item09{
	opacity: 0;
	animation: fadeUp .7s ease .1s forwards, upDown02 5s ease 0s infinite;
}
.kv__item02{
	animation-delay: .2s;
}
.kv__item03{
	position: relative;
	z-index: 1;
	animation-delay: .3s;
}
.kv__item04{
	animation-delay: .4s;
}
.kv__item05{
	animation-delay: .5s;
}
.kv__item06{
	animation-delay: .6s;
}
.kv__item07{
	position: relative;
	z-index: 1;
	animation-delay: .7s;
}
.kv__item08{
	animation-delay: .8s;
}
.kv__item09{
	animation-delay: .9s;
}
.kv__logo{
	position: relative;
	z-index: 1;
	animation-delay: 1.4s;
}
.kv__obi{
	position: relative;
	z-index: 1;
	animation-delay: 1.6s;
}
.kv__character{
	position: relative;
	z-index: 1;
	animation-delay: 1.8s;
}

.kv__bnr{
	opacity: 0;
	animation: fadeUp 2.0s ease 2.2s forwards, upDown01 5s ease 0s infinite;
}
#wrapper::before,
#schedule{
	opacity: 0;
	animation: fadeIn 2.0s ease 2.5s forwards;
}

.listSquare li{
	animation: upDown01 5s ease 0s infinite;
}
.listSquare li:nth-of-type(odd){
	animation: upDown02 5s ease 0s infinite;
}

/*
	about
-----------------------------------------------------------------------------------------------*/
.about__fukidahi{
	animation: upDown01 5s ease 0s infinite;
}