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


/*==================================================================

		キラキラ01

==================================================================*/
#kira01 {
	position: absolute;
	top: 1200px;
	left: 300px;
	width: 300px;
	height: 600px;
	pointer-events: none;
	z-index: 1;
}
#kira01 img {
	position: absolute;
}

#kira01 img:nth-of-type(1) {
	width: 20px;
	top: 20px;
	left: 20px;
	animation: kiraA 3.2s ease-in-out infinite 0s;
}
#kira01 img:nth-of-type(2) {
	width: 18px;
	top: 390px;
	left: 120px;
	animation: kiraB 2.8s ease-in-out infinite 0.4s;
}
#kira01 img:nth-of-type(3) {
	width: 33px;
	top: 260px;
	left: 40px;
	animation: kiraA 3.5s ease-in-out infinite 0.8s;
}
#kira01 img:nth-of-type(4) {
	width: 12px;
	top: -30px;
	left: 80px;
	animation: kiraB 3.0s ease-in-out infinite 0.2s;
}
#kira01 img:nth-of-type(5) {
	width: 12px;
	top: 300px;
	left: 180px;
	animation: kiraC 2.6s ease-in-out infinite 1.0s;
}
#kira01 img:nth-of-type(6) {
	width: 26px;
	top: 200px;
	left: 180px;
	animation: kiraA 3.8s ease-in-out infinite 0.6s;
}
#kira01 img:nth-of-type(7) {
	width: 16px;
	top: 60px;
	left: 110px;
	animation: kiraB 2.9s ease-in-out infinite 1.4s;
}
#kira01 img:nth-of-type(8) {
	width: 22px;
	top: 250px;
	left: 140px;
	animation: kiraC 3.3s ease-in-out infinite 0.3s;
}
#kira01 img:nth-of-type(9) {
	width: 12px;
	top: 520px;
	left: 260px;
	animation: kiraA 2.7s ease-in-out infinite 0.9s;
}
#kira01 img:nth-of-type(10) {
	width: 22px;
	top: 160px;
	left: 80px;
	animation: kiraB 3.6s ease-in-out infinite 1.2s;
}
#kira01 img:nth-of-type(11) {
	width: 18px;
	top: 440px;
	left: 70px;
	animation: kiraB 3.6s ease-in-out infinite 1.2s;
}


@keyframes kiraA {
	0%   { opacity: 0;   transform: translateY(0)    rotateY(0deg); }
	15%  { opacity: 1;   transform: translateY(-8px) rotateY(180deg); }
	80%  { opacity: 0.8; transform: translateY(-4px) rotateY(300deg); }
	100% { opacity: 0;   transform: translateY(0)    rotateY(360deg); }
}
@keyframes kiraB {
	0%   { opacity: 0;   transform: translateY(0)     rotateY(0deg); }
	20%  { opacity: 1;   transform: translateY(-10px) rotateY(-180deg); }
	75%  { opacity: 0.8; transform: translateY(-6px)  rotateY(-300deg); }
	100% { opacity: 0;   transform: translateY(0)     rotateY(-360deg); }
}
@keyframes kiraC {
	0%   { opacity: 0;   transform: translateY(0)    rotateY(0deg); }
	15%  { opacity: 1;   transform: translateY(-6px) rotateY(90deg); }
	80%  { opacity: 0.7; transform: translateY(-3px) rotateY(270deg); }
	100% { opacity: 0;   transform: translateY(0)    rotateY(360deg); }
}


/*==================================================================

		キラキラ02

==================================================================*/
#kira02 {
	position: absolute;
	top: 2050px;
	right: 10px;
	width: 200px;
	height: 600px;
	pointer-events: none;
	z-index: 1;
}
#kira02 img {
	position: absolute;
}

#kira02 img:nth-of-type(1) {
	width: 20px;
	top: 20px;
	left: 20px;
	animation: kiraA 3.2s ease-in-out infinite 0s;
}
#kira02 img:nth-of-type(2) {
	width: 18px;
	top: 390px;
	left: 120px;
	animation: kiraB 2.8s ease-in-out infinite 0.4s;
}
#kira02 img:nth-of-type(3) {
	width: 33px;
	top: 260px;
	left: 40px;
	animation: kiraA 3.5s ease-in-out infinite 0.8s;
}
#kira02 img:nth-of-type(4) {
	width: 12px;
	top: -30px;
	left: 80px;
	animation: kiraB 3.0s ease-in-out infinite 0.2s;
}
#kira02 img:nth-of-type(5) {
	width: 12px;
	top: 340px;
	left: 10px;
	animation: kiraC 2.6s ease-in-out infinite 1.0s;
}
#kira02 img:nth-of-type(6) {
	width: 26px;
	top: 160px;
	left: -20px;
	animation: kiraA 3.8s ease-in-out infinite 0.6s;
}
#kira02 img:nth-of-type(7) {
	width: 16px;
	top: 60px;
	left: 110px;
	animation: kiraB 2.9s ease-in-out infinite 1.4s;
}
#kira02 img:nth-of-type(8) {
	width: 22px;
	top: 250px;
	left: 140px;
	animation: kiraC 3.3s ease-in-out infinite 0.3s;
}
#kira02 img:nth-of-type(9) {
	display: none;
	width: 12px;
	top: 520px;
	left: 260px;
	animation: kiraA 2.7s ease-in-out infinite 0.9s;
}
#kira02 img:nth-of-type(10) {
	width: 22px;
	top: 160px;
	left: 80px;
	animation: kiraB 3.6s ease-in-out infinite 1.2s;
}
#kira02 img:nth-of-type(11) {
	width: 12px;
	top: 460px;
	left: 80px;
	animation: kiraB 3.6s ease-in-out infinite 0.2s;
}
@media screen and (max-width: 640px) {
	#kira02 {
		position: absolute;
		top: 1920px;
		right: -30px;
	}
}





/*==================================================================

		キラキラ03

==================================================================*/
#kira03 {
	position: absolute;
	top: 140px;
	left: 50%;
	margin-left: 350px;
	width: 100px;
	height: 200px;
	pointer-events: none;
	z-index: 1;
}
#kira03 img {
	position: absolute;
}

#kira03 img:nth-of-type(1) {
	width: 26px;
	top: 80px;
	left: 60px;
	animation: kiraA 3.2s ease-in-out infinite 0s;
}
#kira03 img:nth-of-type(2) {
	width: 8px;
	top: 150px;
	left: 40px;
	animation: kiraB 2.8s ease-in-out infinite 0.4s;
}
#kira03 img:nth-of-type(3) {
	width: 20px;
	top: 20px;
	left: 20px;
	animation: kiraC 3.5s ease-in-out infinite 0.3s;
}
@media screen and (max-width: 640px) {
	#kira03 {
		display: none;
	}
}





/*==================================================================

		キラキラ04

==================================================================*/
#kira04 {
	position: absolute;
	top: 440px;
	left: 50%;
	margin-left: -550px;
	width: 100px;
	height: 200px;
	pointer-events: none;
	z-index: 1;
}
#kira04 img {
	position: absolute;
}

#kira04 img:nth-of-type(1) {
	width: 16px;
	top: 130px;
	left: 60px;
	animation: kiraC 3.2s ease-in-out infinite 0s;
}
#kira04 img:nth-of-type(2) {
	width: 10px;
	top: 80px;
	left: 80px;
	animation: kiraB 2.8s ease-in-out infinite 0.4s;
}
#kira04 img:nth-of-type(3) {
	width: 30px;
	top: 20px;
	left: 0px;
	animation: kiraA 3.5s ease-in-out infinite 0.8s;
}
@media screen and (max-width: 640px) {
	#kira04 {
		top: 160px;
		left: auto;
		right: 20px;
		margin-left: 0;
	}
}



/*==================================================================

		キラキラ05

==================================================================*/
#kira05 {
	position: absolute;
	top: 1150px;
	right: 10px;
	width: 200px;
	height: 600px;
	pointer-events: none;
	z-index: 1;
}
@media screen and (max-width: 640px) {
	#kira05 {
		top: 750px;
		left: 0px;
	}
}

#kira05 img {
	position: absolute;
}

#kira05 img:nth-of-type(1) {
	width: 20px;
	top: 20px;
	left: 20px;
	animation: kiraA 3.2s ease-in-out infinite 0s;
}
#kira05 img:nth-of-type(2) {
	width: 18px;
	top: 390px;
	left: 120px;
	animation: kiraB 2.8s ease-in-out infinite 0.4s;
}
#kira05 img:nth-of-type(3) {
	width: 33px;
	top: 260px;
	left: 40px;
	animation: kiraA 3.5s ease-in-out infinite 0.8s;
}
#kira05 img:nth-of-type(4) {
	width: 12px;
	top: -30px;
	left: 80px;
	animation: kiraB 3.0s ease-in-out infinite 0.2s;
}
#kira05 img:nth-of-type(5) {
	width: 12px;
	top: 100px;
	left: 0px;
	animation: kiraC 2.6s ease-in-out infinite 1.0s;
}
#kira05 img:nth-of-type(6) {
	width: 26px;
	top: 160px;
	left: -20px;
	animation: kiraA 3.8s ease-in-out infinite 0.6s;
}
#kira05 img:nth-of-type(7) {
	width: 16px;
	top: 60px;
	left: 110px;
	animation: kiraB 2.9s ease-in-out infinite 1.4s;
}
#kira05 img:nth-of-type(8) {
	width: 22px;
	top: 250px;
	left: 140px;
	animation: kiraC 3.3s ease-in-out infinite 0.3s;
}
#kira05 img:nth-of-type(9) {
	display: none;
	width: 12px;
	top: 520px;
	left: 260px;
	animation: kiraA 2.7s ease-in-out infinite 0.9s;
}
#kira05 img:nth-of-type(10) {
	width: 22px;
	top: 160px;
	left: 80px;
	animation: kiraB 3.6s ease-in-out infinite 1.2s;
}
#kira05 img:nth-of-type(11) {
	width: 12px;
	top: 460px;
	left: 80px;
	animation: kiraB 3.6s ease-in-out infinite 0.2s;
}
#kira05 img:nth-of-type(12) {
	width: 19px;
	top: 400px;
	left: 10px;
	animation: kiraC 3.6s ease-in-out infinite 0.2s;
}



/*==================================================================

		キラキラ06

==================================================================*/
#kira06 {
	position: absolute;
	top: 2100px;
	left: 310px;
	width: 200px;
	height: 600px;
	pointer-events: none;
	z-index: 1;
}
@media screen and (max-width: 640px) {
	#kira06 {
		top: 2200px;
		left: auto;
		right: 0;
		width: 110px;
	}
}

#kira06 img {
	position: absolute;
}

#kira06 img:nth-of-type(1) {
	width: 20px;
	top: 0px;
	left: 40px;
	animation: kiraA 3.2s ease-in-out infinite 0s;
}
#kira06 img:nth-of-type(2) {
	width: 15px;
	top: 440px;
	left: 10px;
	animation: kiraB 2.8s ease-in-out infinite 0.4s;
}
#kira06 img:nth-of-type(3) {
	width: 33px;
	top: 180px;
	left: -10px;
	animation: kiraA 3.5s ease-in-out infinite 0.8s;
}
#kira06 img:nth-of-type(4) {
	width: 10px;
	top: 100px;
	left: 60px;
	animation: kiraB 3.0s ease-in-out infinite 0.2s;
}
#kira06 img:nth-of-type(5) {
	width: 12px;
	top: 360px;
	left: 90px;
	animation: kiraC 2.6s ease-in-out infinite 1.0s;
}
#kira06 img:nth-of-type(6) {
	width: 26px;
	top: 390px;
	left: 60px;
	animation: kiraA 3.8s ease-in-out infinite 0.6s;
}
#kira06 img:nth-of-type(7) {
	width: 26px;
	top: 40px;
	left: 70px;
	animation: kiraB 2.9s ease-in-out infinite 1.4s;
}
#kira06 img:nth-of-type(8) {
	width: 22px;
	top: 450px;
	left: 60px;
	animation: kiraC 3.3s ease-in-out infinite 0.3s;
}
#kira06 img:nth-of-type(9) {
	width: 12px;
	top: 520px;
	left: 10px;
	animation: kiraA 2.7s ease-in-out infinite 0.9s;
}
#kira06 img:nth-of-type(10) {
	width: 22px;
	top: 300px;
	left: -20px;
	animation: kiraB 3.6s ease-in-out infinite 1.2s;
}






/*==================================================================

		キラキラ08

==================================================================*/
#kira08 {
	position: absolute;
	bottom: 0px;
	left: 280px;
	width: 200px;
	height: 200px;
	pointer-events: none;
	z-index: 1;
}
#kira08 img {
	position: absolute;
}

#kira08 img:nth-of-type(1) {
	width: 16px;
	top: 60px;
	left: 50px;
	animation: kiraC 3.2s ease-in-out infinite 0s;
}
#kira08 img:nth-of-type(2) {
	width: 30px;
	bottom: 30px;
	left: 80px;
	animation: kiraB 2.8s ease-in-out infinite 0.4s;
}
#kira08 img:nth-of-type(3) {
	width: 26px;
	top: 0;
	left: 100px;
	animation: kiraC 3.5s ease-in-out infinite 0.8s;
}
#kira08 img:nth-of-type(4) {
	width: 30px;
	bottom: 10px;
	left: 0px;
	animation: kiraA 3.5s ease-in-out infinite 0.3s;
}





/*==================================================================

		キラキラ07

==================================================================*/
#kira07 {
	position: absolute;
	top: 2400px;
	left: 50%;
	margin-left: 680px;
	width: 100px;
	height: 200px;
	pointer-events: none;
	z-index: 1;
}
#kira07 img {
	position: absolute;
}

#kira07 img:nth-of-type(1) {
	width: 16px;
	top: 130px;
	left: 60px;
	animation: kiraC 3.2s ease-in-out infinite 0s;
}
#kira07 img:nth-of-type(2) {
	width: 10px;
	top: 80px;
	left: 80px;
	animation: kiraB 2.8s ease-in-out infinite 0.4s;
}
#kira07 img:nth-of-type(3) {
	width: 30px;
	top: 20px;
	left: 0px;
	animation: kiraA 3.5s ease-in-out infinite 0.8s;
}