/********************* 紙片 start *************************/
.dropObjWrapper{
	position: fixed;
	left:0;
	top:0;
	width:100vw;
	height:100vh;
	overflow: hidden;
	pointer-events: none;
	z-index:2001;
}
.dropObjWrapper div{
	position: absolute;
	width:2.25em; /*物件尺寸*/
}
.dropObjWrapper div:before{
	content:"";
	display: block;
	aspect-ratio:1;
	background-image: url(../imgs/dropObj.png);
	background-repeat: no-repeat;
	background-position-y: center;
	background-size: 600%;
	animation-iteration-count:infinite;
}
.dropObjWrapper div.o1:before{ background-position-x: 0%; animation-name:rotate1; animation-duration: 6s;}
.dropObjWrapper div.o2:before{ background-position-x: 20%; animation-name:rotate2; animation-duration: 4s;}
.dropObjWrapper div.o3:before{ background-position-x: 40%; animation-name:rotate1; animation-duration: 5s;}
.dropObjWrapper div.o4:before{ background-position-x: 60%; animation-name:rotate2; animation-duration: 3s;}
.dropObjWrapper div.o5:before{ background-position-x: 80%; animation-name:rotate1; animation-duration: 2s;}
.dropObjWrapper div.o6:before{ background-position-x: 100%; animation-name:rotate2; animation-duration: 1s;}
@keyframes rotate1{
	to{
		transform: rotate(-360deg);
	}
}
@keyframes rotate2{
	to{
		transform: rotate(360deg);
	}
}
/********************* 紙片 end *************************/


/*手機版*/
@media (max-width: 767.98px) { 
	.dropObjWrapper div{
		width:1.3em; /*物件尺寸*/
	}
}