/*動かす前段階のアニメーション*/
section .inner div {
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: Drop;
	animation-timing-function: linear;
	opacity: 0;
	transform-origin: 0px 0px;
	height: 100%:
}

/*背景の設定*/
section#yuki {
	background: #142744;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
#yuki .inner {
	height: 100%;
	width: 100%;
}

/*雪の設定*/
#yuki .inner div {
	background: #fff;
	border-radius: 3px;
	display: block;
	height: 6px;
	position: absolute;
	width: 6px;
}

/*いくつかランダムに大きさを変える*/
#yuki .inner div.snow1,
#yuki .inner div.snow2,
#yuki .inner div.snow5,
#yuki .inner div.snow8 {
	background-size: 5px 6px;
}

/*雪をどの辺りに表示するか*/
.snow1 {
	animation-duration: 5.4s;
	left: 15%;
}
.snow2 {
	animation-delay: 0.3s;
	animation-duration: 5.7s;
	left: 19%;
}
.snow3 {
	animation-delay: 1.5s;
	animation-duration: 5.9s;
	left: 28%;
}

.snow4 {
	animation-delay: 0s;
	animation-duration: 5.6s;
	left: 38%;
}
.snow5 {
	animation-delay: 1s;
	animation-duration: 5.6s;
	left: 50%;
}
.snow6 {
	animation-delay: 2.2s;
	animation-duration: 5.2s;
	left: 60%;
}
.snow7 {
	animation-delay: 2.2s;
	animation-duration: 5.7s;
	left: 70%;
}
.snow8 {
	animation-delay: 2.4s;
	animation-duration: 5.9s;
	left: 85%;
}

/*アニメーションの設定*/
@keyframes Drop {
	0% {
		opacity: 0.5;
		transform: translateY(0px);
	}
	50% {
		opacity: 1;
		transform: translateY(150px);
	}
	100% {
		opacity: 0.3;
		transform: translateY(300px);
	}
}