.moya1{
	position: absolute;
	bottom: -300px;
	left: -300px;
  }
.moya2{
position: absolute;
bottom: -450px;
left: -400px;
}
.moya3{
position: absolute;
bottom: 0;
right: -800px;
z-index: -10;
}

.moya4{
position: absolute;
width: 90px;
animation: diagonal-move-anim 3s linear infinite alternate;
}
@keyframes diagonal-move-anim {
	0% { bottom: -200px;
		right: 200px;
	}
	100% {bottom: -150px;
         right: 150px; 
	}}

.shootingstar1{
 position: absolute;
 animation: arc-move-anim-1 3s linear infinite alternate;
}
@keyframes arc-move-anim-1 {
	0% {
		transform: rotate(20deg) translateX(-100px) rotate(0deg);
	}

	100% {
		transform: rotate(30deg) translateX(100px) rotate(0deg);
	}
}

.shootingstar2{
	position: absolute;
	right: 100px;
	animation: arc-move-anim-1 3s linear infinite alternate;
   }
   @keyframes arc-move-anim-1 {
	   0% {
		   transform: rotate(90deg) translateX(-100px) rotate(0deg);
	   }
   
	   100% {
		   transform: rotate(80deg) translateX(50px) rotate(0deg);
	   }}


/** -------- スマホ -------- **/

@media screen and (max-width: 820px) {
	.moya2 {bottom: -250px; left: -170px;}
	.moya1 {bottom: -150px; left: -200px;}
	.moya4{
		position: absolute;
		width: 50px;
		animation: diagonal-move-anim 3s linear infinite alternate;
		}
		@keyframes diagonal-move-anim {
			0% { bottom: -140px;
				right: 80px;
			}
			100% {bottom: -90px;
				 right: 30px; 
			}}
	.shootingstar2 {
		right: 5px;
		animation: arc-move-anim-1 5s linear infinite alternate;
	}

	
		
}