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

.snow {
	/*雪の色*/
	color: snow;
	/*雪の大きさ*/
	font-size: 5px;
	/*初期位置*/
	position: fixed;
	top: -5%;
	/*雪を適当な幅で降らせる*/
	text-shadow:
	5vw   -100px 2px,
	10vw  -400px 3px,
	15vw  -450px 6px,
	20vw  -500px 4px,
	30vw  -580px 1px,
	39vw  -250px 2px,
	42vw  -340px 5px,
	50vw  -260px 5px,
	56vw  -150px 2px,
	63vw  -180px 0,
	78vw  -220px 4px,
	86vw  -320px 7px,
	94vw  -170px 6px;
	/*1つめの雪*/
	animation: roll 10s linear infinite;
	z-index: 100;
}
  /*2つめの雪*/
.snow2nd{animation: secsnow 15s linear infinite;}
  /*3つめの雪*/
.snow3rd{animation: thirdsnow 20s linear infinite;}

@keyframes roll {
	0% {transform:rotate(0deg);}
	90% {opacity:1;}
	100% {transform:rotate(20deg);top:100%;opacity:0;}
}
@keyframes secsnow {
	100% {color:transparent;top:150%;}
}
@keyframes thirdsnow {
	0% {transform:rotate(0deg);}
	90% {opacity:1;}
	100% {transform:rotate(10deg);color:transparent;top:110%;;opacity:0;}
}