.main_v {
	max-height: 100vh;
	overflow: hidden;
	background: #edddc3;
	position: relative;
}
.element_hikouki {

  position: absolute; /* 親要素を基準に配置 */
  animation: moveUpDown 15s linear infinite; /* アニメーションを適用 */
	
}
.element_hikouki img {
	width: 100px;
  height: 100px;
}
@keyframes moveUpDown {
  0% {
    left: -10%; /* 左下 */
    bottom: 70%;
  }
  100% {
    left: 110%; /* 右上 */
    bottom: 100%;
  }
}

.denkyuu_wrap {
	width: 100%;
	position: absolute;
	top: 0;
  right: 0;
  
  left: 0;
  margin: auto;
	
}
.element_denkyuu {
	
	width: 100%;
}
.element_denkyuu img {
	width: 100%;
	
}


/* 電球点滅 */

.denkyuu1 {
   animation: denkyuu1 1s ease-in-out infinite alternate;
	width: 2%;
    height: 2%;
    position: absolute;
    left: 2.4%;
    top: 84%;
}
@keyframes denkyuu1 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.denkyuu2 {
   animation: denkyuu2 1s ease-in-out infinite alternate;
	width: 2%;
    height: 2%;
    position: absolute;
    left: 6.3%;
    top: 84%;
}
@keyframes denkyuu2 {
   0% {
   opacity: 1;
   }
   100% {
   opacity: 0;
   }
}
.denkyuu3 {
   animation: denkyuu3 1s ease-in-out infinite alternate;
	width: 2%;
    height: 2%;
    position: absolute;
    left: 10.8%;
    top: 83%;
}
@keyframes denkyuu3 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.denkyuu4 {
   animation: denkyuu4 1s ease-in-out infinite alternate;
	width: 2%;
    height: 2%;
    position: absolute;
    left: 14.9%;
    top: 79.3%;
}
@keyframes denkyuu4 {
   0% {
   opacity: 1;
   }
   100% {
   opacity: 0;
   }
}
.denkyuu5 {
   animation: denkyuu5 1s ease-in-out infinite alternate;
	width: 2%;
    height: 2%;
    position: absolute;
    left: 19.8%;
    top: 74%;
}
@keyframes denkyuu5 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}

.denkyuu6 {
   animation: denkyuu6 1s ease-in-out infinite alternate;
	width: 2%;
    height: 2%;
    position: absolute;
    left: 23.9%;
    top: 65%;
}
@keyframes denkyuu6 {
   0% {
   opacity: 1;
   }
   100% {
   opacity: 0;
   }
}

.denkyuu7 {
   animation: denkyuu7 1s ease-in-out infinite alternate;
	width: 2%;
    height: 2%;
    position: absolute;
    left: 28.6%;
    top: 54.2%;
}
@keyframes denkyuu7 {
  0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}

.denkyuu8 {
       animation: denkyuu8 1s ease-in-out infinite alternate;
    width: 2%;
    height: 2%;
    position: absolute;
   left: 33.3%;
    top: 42%;
}
@keyframes denkyuu8 {
   0% {
   opacity: 1;
   }
   100% {
   opacity: 0;
   }
}

.denkyuu9 {
   animation: denkyuu9 1s ease-in-out infinite alternate;
	width: 2%;
    height: 2%;
    position: absolute;
   left: 37.8%;
    top: 26.5%;
}
@keyframes denkyuu9 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}

.denkyuu10 {
   animation: denkyuu10 1s ease-in-out infinite alternate;
	width: 2%;
    height: 2%;
    position: absolute;
    left: 41.7%;
    top: 9.2%;
}
@keyframes denkyuu10 {
   0% {
   opacity: 1;
   }
   100% {
   opacity: 0;
   }
}

.denkyuu20 {
   animation: denkyuu20 1s ease-in-out infinite alternate;
	width: 2%;
    height: 2%;
    position: absolute;
    right: 2.4%;
    top: 84%;
}
@keyframes denkyuu20 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.denkyuu19 {
   animation: denkyuu19 1s ease-in-out infinite alternate;
	width: 2%;
    height: 2%;
    position: absolute;
    right: 6.3%;
    top: 84%;
}
@keyframes denkyuu19 {
   0% {
   opacity: 1;
   }
   100% {
   opacity: 0;
   }
}
.denkyuu18 {
   animation: denkyuu18 1s ease-in-out infinite alternate;
	width: 2%;
    height: 2%;
    position: absolute;
    right: 10.8%;
    top: 83%;
}
@keyframes denkyuu18 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.denkyuu17 {
   animation: denkyuu17 1s ease-in-out infinite alternate;
	width: 2%;
    height: 2%;
    position: absolute;
    right: 14.9%;
    top: 79.3%;
}
@keyframes denkyuu17 {
   0% {
   opacity: 1;
   }
   100% {
   opacity: 0;
   }
}
.denkyuu16 {
   animation: denkyuu16 1s ease-in-out infinite alternate;
	width: 2%;
    height: 2%;
    position: absolute;
    right: 19.8%;
    top: 74%;
}
@keyframes denkyuu16 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}

.denkyuu15 {
   animation: denkyuu15 1s ease-in-out infinite alternate;
	width: 2%;
    height: 2%;
    position: absolute;
    right: 23.9%;
    top: 65%;
}
@keyframes denkyuu15 {
   0% {
   opacity: 1;
   }
   100% {
   opacity: 0;
   }
}

.denkyuu14 {
   animation: denkyuu14 1s ease-in-out infinite alternate;
	width: 2%;
    height: 2%;
    position: absolute;
    right: 28.6%;
    top: 54.2%;
}
@keyframes denkyuu14 {
  0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}

.denkyuu13 {
       animation: denkyuu13 1s ease-in-out infinite alternate;
    width: 2%;
    height: 2%;
    position: absolute;
   right: 33.3%;
    top: 42%;
}
@keyframes denkyuu13 {
   0% {
   opacity: 1;
   }
   100% {
   opacity: 0;
   }
}

.denkyuu12 {
   animation: denkyuu12 1s ease-in-out infinite alternate;
	width: 2%;
    height: 2%;
    position: absolute;
   right: 37.8%;
    top: 26.5%;
}
@keyframes denkyuu12 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}

.denkyuu11 {
   animation: denkyuu11 1s ease-in-out infinite alternate;
	width: 2%;
    height: 2%;
    position: absolute;
    right: 41.7%;
    top: 9.2%;
}
@keyframes denkyuu11 {
   0% {
   opacity: 1;
   }
   100% {
   opacity: 0;
   }
}









.main_v_in {
	width: 100%;
	max-width: 1800px;
	height: auto;
	
	aspect-ratio: 16 / 9;
	margin: 0 auto;
	display: block;
	position: relative;
}

.element_hanabi1 {
	position: absolute;
	top: 10%;
	left: 5%;
z-index: 0;
  
  /*background-color: blue;*/
  animation: scaleOut 2s forwards; /* アニメーション名と継続時間を指定 */
	animation-delay: 0.5s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
	animation-iteration-count: infinite;/*アニメーションの繰り返し回数を */
	
}
.element_hanabi1 img {
	width: 100px;
  height: 100px;
}
@keyframes scaleOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.5); /* 拡大 */
    opacity: 0; /* 透明 */
  }
}
.element_hanabi2 {
	position: absolute;
	top: 5%;
	left: 20%;
z-index: 0;

  /*background-color: blue;*/
  animation: scaleOut 2s forwards; /* アニメーション名と継続時間を指定 */
	animation-delay: 1s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
	animation-iteration-count: infinite;/*アニメーションの繰り返し回数を */
}
.element_hanabi2 img {
	width: 130px;
  height: 130px;
}
@keyframes scaleOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.8); /* 拡大 */
    opacity: 0; /* 透明 */
  }
}
.element_hanabi3 {
	position: absolute;
	top: 8%;
	right: 55%;
z-index: 0;
  
  /*background-color: blue;*/
  animation: scaleOut 2s forwards; /* アニメーション名と継続時間を指定 */
	animation-delay: 0s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
	animation-iteration-count: infinite;/*アニメーションの繰り返し回数を */
	
}
.element_hanabi3 img {
	width: 110px;
  height: 110px;
}
@keyframes scaleOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.5); /* 拡大 */
    opacity: 0; /* 透明 */
  }
}
.element_hanabi4 {
	position: absolute;
	top: 9%;
	right: 40%;
z-index: 0;

  /*background-color: blue;*/
  animation: scaleOut 2s forwards; /* アニメーション名と継続時間を指定 */
	animation-delay: 0.5s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
	animation-iteration-count: infinite;/*アニメーションの繰り返し回数を */
}
.element_hanabi4 img {
	width: 130px;
  height: 130px;
}
@keyframes scaleOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.8); /* 拡大 */
    opacity: 0; /* 透明 */
  }
}
.element_hanabi5 {
	position: absolute;
	top: 9%;
	right: 20%;
z-index: 0;

  /*background-color: blue;*/
  animation: scaleOut 2s forwards; /* アニメーション名と継続時間を指定 */
	animation-delay: 1.0s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
	animation-iteration-count: infinite;/*アニメーションの繰り返し回数を */
}
.element_hanabi5 img {
	width: 100px;
  height: 100px;
}
@keyframes scaleOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.8); /* 拡大 */
    opacity: 0; /* 透明 */
  }
}
.element_hanabi6 {
	position: absolute;
	top: 9%;
	right: 5%;
z-index: 0;

  /*background-color: blue;*/
  animation: scaleOut 2s forwards; /* アニメーション名と継続時間を指定 */
	animation-delay: 0s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
	animation-iteration-count: infinite;/*アニメーションの繰り返し回数を */
}
.element_hanabi6 img {
	width: 120px;
  height: 120px;
}
@keyframes scaleOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.8); /* 拡大 */
    opacity: 0; /* 透明 */
  }
}







.element_baiten {
	
	width: 100%;
}
.element_baiten img {
	width: 100%;
	position: absolute;
	top: 0%;
  right: 0;
  
  left: 0;
  margin: auto;
}

.element_mainv {
	
	width: 100%;
}
.element_mainv img {
	width: 100%;
	position: absolute;
	top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}



.element_kurage_left {
	animation: kurage_left 5s ease-in-out infinite alternate;
	background: url("../img/mainv/kurage_left.svg") no-repeat center center / 60px auto;
	background-size: contain;
  display: inline-block;
  transition: 1s ease-in-out;
	position: absolute;
	top: 42%;
    left: 43%;
    width: 12%;
	height:12%;
 
}
@keyframes kurage_left {
  0% {
    transform:translate(-10px, 6px) rotate(-3deg);
  }
  50% {
    transform:translate(0, 0) rotate(0deg);
  }
  100% {
    transform:translate(-4px, -10px) rotate(2deg);
  }
}

.element_kurage_right {
	animation: kurage_right 5s ease-in-out infinite alternate;
	background: url("../img/mainv/kurage_right.svg") no-repeat center center / 60px auto;
	background-size: contain;
  display: inline-block;
  transition: 1s ease-in-out;
	position: absolute;
	top: 55%;
    left: 48%;
    width: 7%;
	height:9%;
	animation-delay: -0.5s; /* 0.5秒進んだ状態から開始 */
 
}
@keyframes kurage_right {
  0% {
    transform:translate(3px, -12px) rotate(5deg);
  }
  50% {
    transform:translate(0, 0) rotate(0deg);
  }
  100% {
    transform:translate(-3px, 14px) rotate(-5deg);
  }
}
.element_awa1 {
	animation: awa1 3s ease-in-out infinite alternate;
	background: url("../img/mainv/awa1.svg") no-repeat center center / 60px auto;
	background-size: contain;
  display: inline-block;
  transition: 1s ease-in-out;
	position: absolute;
	top: 40%;
    left: 53%;
    width: 1.3%;
	height:1.3%;
	animation-delay: -0.5s; /* 0.5秒進んだ状態から開始 */
 
}
@keyframes awa1 {
  0% {
    transform:translate(3px, 8px) rotate(-7deg);
  }
  50% {
    transform:translate(0, 0) rotate(0deg);
  }
  100% {
    transform:translate(-3px, -8px) rotate(-7deg);
  }
}
.element_awa2 {
	animation: awa2 3s ease-in-out infinite alternate;
	background: url("../img/mainv/awa2.svg") no-repeat center center / 60px auto;
	background-size: contain;
  display: inline-block;
  transition: 1s ease-in-out;
	position: absolute;
	top: 44%;
    left: 54%;
    width: 0.9%;
	height:0.9%;
	animation-delay: -0.8s; /* 0.5秒進んだ状態から開始 */
 
}
@keyframes awa2 {
  0% {
    transform:translate(-2px, 6px) rotate(-7deg);
  }
  50% {
    transform:translate(0, 0) rotate(0deg);
  }
  100% {
    transform:translate(2px, -6px) rotate(-7deg);
  }
}
.element_awa3 {
	animation: awa3 3s ease-in-out infinite alternate;
	background: url("../img/mainv/awa3.svg") no-repeat center center / 60px auto;
	background-size: contain;
  display: inline-block;
  transition: 1s ease-in-out;
	position: absolute;
	top: 47%;
    left: 53%;
    width: 0.9%;
	height:0.9%;
	animation-delay: -1s; /* 0.5秒進んだ状態から開始 */
 
}
@keyframes awa3 {
  0% {
    transform:translate(5px, 10px) rotate(-14deg);
  }
  50% {
    transform:translate(0, 0) rotate(0deg);
  }
  100% {
    transform:translate(-5px, -10px) rotate(-14deg);
  }
}
.element_awa4 {
	animation: awa4 3s ease-in-out infinite alternate;
	background: url("../img/mainv/awa4.svg") no-repeat center center / 60px auto;
	background-size: contain;
  display: inline-block;
  transition: 1s ease-in-out;
	position: absolute;
	top: 54%;
    left: 45%;
    width: 1.2%;
	height:1.2%;
	animation-delay: -1s; /* 0.5秒進んだ状態から開始 */
 
}
@keyframes awa4 {
  0% {
    transform:translate(5px, 8px) rotate(-7deg);
  }
  50% {
    transform:translate(0, 0) rotate(0deg);
  }
  100% {
    transform:translate(-5px, -8px) rotate(-7deg);
  }
}
.element_awa5 {
	animation: awa5 3s ease-in-out infinite alternate;
	background: url("../img/mainv/awa5.svg") no-repeat center center / 60px auto;
	background-size: contain;
  display: inline-block;
  transition: 1s ease-in-out;
	position: absolute;
	top: 56%;
    left: 45.6%;
    width: 0.9%;
	height:0.9%;
	animation-delay: -0.5s; /* 0.5秒進んだ状態から開始 */
 
}
@keyframes awa5 {
  0% {
    transform:translate(-4px, 8px) rotate(-7deg);
  }
  50% {
    transform:translate(0, 0) rotate(0deg);
  }
  100% {
    transform:translate(4px, -8px) rotate(-7deg);
  }
}
.element_awa6 {
	animation: awa6 3s ease-in-out infinite alternate;
	background: url("../img/mainv/awa6.svg") no-repeat center center / 60px auto;
	background-size: contain;
  display: inline-block;
  transition: 1s ease-in-out;
	position: absolute;
	top: 64%;
    left: 54%;
    width: 1.1%;
	height:1.1%;
	animation-delay: -0.5s; /* 0.5秒進んだ状態から開始 */
 
}
@keyframes awa6 {
  0% {
    transform:translate(4px, 6px) rotate(-14deg);
  }
  50% {
    transform:translate(0, 0) rotate(0deg);
  }
  100% {
    transform:translate(-4px, -6px) rotate(-14deg);
  }
}
.element_awa7 {
	animation: awa7 3s ease-in-out infinite alternate;
	background: url("../img/mainv/awa7.svg") no-repeat center center / 60px auto;
	background-size: contain;
  display: inline-block;
  transition: 1s ease-in-out;
	position: absolute;
	top: 65%;
    left: 53%;
    width: 0.9%;
	height:0.9%;
	animation-delay: -0.2s; /* 0.5秒進んだ状態から開始 */
 
}
@keyframes awa7 {
  0% {
    transform:translate(-3px, 10px) rotate(-7deg);
  }
  50% {
    transform:translate(0, 0) rotate(0deg);
  }
  100% {
    transform:translate(3px, -10px) rotate(-7deg);
  }
}


.element_beer_ude {
  
  background: url("../img/mainv/beer_ude.svg") no-repeat center center;
  position: relative;
  transform-origin: bottom left; /* 回転の中心を上部中央に設定 */
  animation: beer_ude 5s infinite alternate; /* swingという名前のアニメーションを2秒かけて繰り返し再生 */
	position: absolute;
	top: 62.5%;
    left: 24.9%;
    width: 5%;
    height: 8%;
}


@keyframes beer_ude {
	0% {transform:rotate(0deg); /* 開始状態 */}
  
 
  50% {transform:rotate(-20deg);}
  
  
  100% {transform: rotate(0deg);}
 
}
.element_ojisan_beer {
	background: url(../img/mainv/ojisan_beer.svg) no-repeat center center;
    position: relative;
    transform-origin: bottom right;
    animation: ojisan_beer 5s infinite alternate;
    position: absolute;
    top: 72.6%;
    right: 17.8%;
    width: 5%;
    height: 5.5%;
}


@keyframes ojisan_beer {
	0% {transform:rotate(0deg); /* 開始状態 */}
  
 
  50% {transform:rotate(-10deg);}
  
  
  100% {transform: rotate(0deg);}
 
}
.element_tenin_left {
  background: url("../img/mainv/tenin_left.svg") no-repeat center center;
    width: 20%;
    height: 24%;
	animation: tenin_left 30s;
	opacity: 0;
	animation-iteration-count:infinite;
}
@keyframes tenin_left {
	0% {
		opacity: 1;
		position: absolute;
	top: 52%;
    right: 5%;
            }
	 50% {
		 opacity: 1;
		 position: absolute;
	top: 52%;
    right: 80%;
            }
	51% {
		 opacity: 0;
            }
 
}
.element_tenin_right {
  background: url("../img/mainv/tenin_right.svg") no-repeat center center;
    width: 20%;
    height: 24%;
	animation: tenin_right 30s;
	opacity: 0;
	animation-iteration-count:infinite;
	animation-delay:15s;
}
@keyframes tenin_right {
	0% {
		opacity: 1;
		position: absolute;
	top: 52%;
    right: 80%;
            }
	 50% {
		 opacity: 1;
		 position: absolute;
	top: 52%;
    right: 5%;
            }
	51% {
		 opacity: 0;
            }
}















.element_girl_left {
  background: url("../img/mainv/girl_left.svg") no-repeat center center;
    width: 20%;
    height: 20%;
	animation: girl_left 100s;
	opacity: 0;
	animation-iteration-count:infinite;
}
@keyframes girl_left {
	0% {
		opacity: 1;
		position: absolute;
	top: 28%;
    left: -20%;
            }
	 50% {
		 opacity: 1;
		 position: absolute;
	top: 23%;
    left: 100%;
            }
	51% {
		 opacity: 0;
            }
 
}
.element_girl_right {
  background: url("../img/mainv/girl_right.svg") no-repeat center center;
    width: 20%;
    height: 20%;
	animation: girl_right 100s;
	opacity: 0;
	animation-iteration-count:infinite;
	animation-delay:50s;
}
@keyframes girl_right {
	0% {
		opacity: 1;
		position: absolute;
	top: 23%;
    left: 100%;
            }
	 50% {
		 opacity: 1;
		 position: absolute;
	top: 28%;
    left: -20%;
            }
	51% {
		 opacity: 0;
            }
}

.element_tentushiro {
	
	width: 100%;
}
.element_tentushiro img {
	width: 100%;
	position: absolute;
	top: 0%;
  right: 0;
  
  left: 0;
  margin: auto;
}

.element_tent {
	
	width: 100%;
}
.element_tent img {
	width: 100%;
	position: absolute;
	top: 0%;
  right: 0;
  
  left: 0;
  margin: auto;
}


/*.element_cupple {
	
	width: 20%;
}
.element_cupple img {
	width: 17%;
	position: absolute;
	top: 45%;
 left: 3%;
  
 
  margin: auto;
}*/




.element_sakana1 {
  animation: sakana1 8s ease-in-out infinite alternate;
  background: url("../img/mainv/sakana1.svg") no-repeat center center;
	background-size: contain;
  display: inline-block;
  transition: 1.8s ease-in-out;
	width: 15%;
  height: 15%;
  position: absolute;
	top: 27%;
	left: 53%;
	width: 4%;
	animation-delay: -0.5s; /* 0.5秒進んだ状態から開始 */
}
 
@keyframes sakana1 {
  0% {
    transform:translate(-15px, -8px) rotate(8deg);
  }
  50% {
    transform:translate(0, 4px) rotate(0deg);
  }
  100% {
    transform:translate(-15px, 8px) rotate(-8deg);
  }
}
.element_sakana2 {
  animation: sakana1 6s ease-in-out infinite alternate;
  background: url("../img/mainv/sakana2.svg") no-repeat center center;
	background-size: contain;
  display: inline-block;
  transition: 1.5s ease-in-out;
	width: 15%;
  height: 15%;
  position: absolute;
	top: 33%;
	left: 55.5%;
	width: 2%;
	animation-delay: -0.2s; /* 0.5秒進んだ状態から開始 */
}
 
@keyframes sakana2 {
  0% {
    transform:translate(8px, 0) rotate(-6deg);
  }
  50% {
    transform:translate(0, 4px) rotate(0deg);
  }
  100% {
    transform:translate(8px, 0) rotate(6deg);
  }
}
.element_sakana3 {
  animation: sakana3 6s ease-in-out infinite alternate;
  background: url("../img/mainv/sakana3.svg") no-repeat center center;
	background-size: contain;
  display: inline-block;
  transition: 1.5s ease-in-out;
	width: 15%;
  height: 15%;
  position: absolute;
	top: 36.5%;
	left: 56%;
	width: 1.5%;
	animation-delay: -0.5s; /* 0.5秒進んだ状態から開始 */
}
 
@keyframes sakana3 {
  0% {
    transform:translate(-5px, 8px) rotate(4deg);
  }
  50% {
    transform:translate(0, 0) rotate(0deg);
  }
  100% {
    transform:translate(-5px, -8px) rotate(-4deg);
  }
}
.element_sakana4 {
  animation: sakana4 10s ease-in-out infinite alternate;
  background: url("../img/mainv/sakana4.svg") no-repeat center center;
	background-size: contain;
  display: inline-block;
  transition: 1.5s ease-in-out;
	
  position: absolute;
	top: 43%;
	left: 55%;
	width: 7%;
	height: 4%;
	animation-delay: -0.9s; /* 0.5秒進んだ状態から開始 */
}
 
@keyframes sakana4 {
  0% {
    transform:translate(2px, 0) rotate(4deg);
  }
  50% {
    transform:translate(0, 6px) rotate(0deg);
  }
  100% {
    transform:translate(2px, 0) rotate(-4deg);
  }
}
.element_sakana5 {
  animation: sakana5 6s ease-in-out infinite alternate;
  background: url("../img/mainv/sakana5.svg") no-repeat center center;
	background-size: contain;
  display: inline-block;
  transition: 1.5s ease-in-out;
	width: 15%;
  height: 15%;
  position: absolute;
	top: 42%;
	left: 57%;
	width: 1.8%;
	animation-delay: -0.4s; /* 0.5秒進んだ状態から開始 */
}
 
@keyframes sakana5 {
  0% {
    transform:translate(-8px, 6px) rotate(8deg);
  }
  50% {
    transform:translate(0, 0) rotate(0deg);
  }
  100% {
    transform:translate(-8px, -6px) rotate(-8deg);
  }
}

.element_sakana6 {
  animation: sakana6 12s ease-in-out infinite alternate;
  background: url("../img/mainv/sakana6.svg") no-repeat center center;
	background-size: contain;
  display: inline-block;
  transition: 1.5s ease-in-out;
	width: 15%;
  height: 15%;
  position: absolute;
	top: 45%;
	left: 55.5%;
	width: 1.8%;
	animation-delay: -0.6s; /* 0.5秒進んだ状態から開始 */
}
 
@keyframes sakana6 {
  0% {
    transform:translate(10px, 0) rotate(6deg);
  }
  50% {
    transform:translate(0, 8px) rotate(0deg);
  }
  100% {
    transform:translate(10px, 0) rotate(-6deg);
  }
}
.element_sakana7 {
  animation: sakana7 8s ease-in-out infinite alternate;
  background: url("../img/mainv/sakana7.svg") no-repeat center center;
	background-size: contain;
  display: inline-block;
  transition: 1.5s ease-in-out;
	width: 15%;
  height: 15%;
  position: absolute;
	top: 51%;
	left: 43%;
	width: 1.8%;
	animation-delay: -0.3s; /* 0.5秒進んだ状態から開始 */
}
 
@keyframes sakana7 {
  0% {
    transform:translate(-8px, 4px) rotate(6deg);
  }
  50% {
    transform:translate(0, 0) rotate(0deg);
  }
  100% {
    transform:translate(-8px, -4px) rotate(-6deg);
  }
}
.element_sakana8 {
  animation: sakana8 6s ease-in-out infinite alternate;
  background: url("../img/mainv/sakana8.svg") no-repeat center center;
	background-size: contain;
  display: inline-block;
  transition: 1.5s ease-in-out;
	width: 16%;
  height: 13%;
  position: absolute;
	top: 54%;
	left: 41%;
	width: 1.3%;
	animation-delay: -0.7s; /* 0.5秒進んだ状態から開始 */
}
 
@keyframes sakana8 {
  0% {
    transform:translate(-6px, 0) rotate(8deg);
  }
  50% {
    transform:translate(0, 10px) rotate(0deg);
  }
  100% {
    transform:translate(-6px, 0) rotate(-8deg);
  }
}
.element_sakana9 {
  animation: sakana9 6s ease-in-out infinite alternate;
  background: url("../img/mainv/sakana9.svg") no-repeat center center;
	background-size: contain;
  display: inline-block;
  transition: 1.5s ease-in-out;
	width: 16%;
  height: 13%;
  position: absolute;
	top: 58%;
	left: 40.6%;
	width: 1.8%;
	animation-delay: -0.4s; /* 0.5秒進んだ状態から開始 */
}
 
@keyframes sakana9 {
  0% {
    transform:translate(-5px, 0) rotate(4deg);
  }
  50% {
    transform:translate(0, 4px) rotate(0deg);
  }
  100% {
    transform:translate(-5px, 0) rotate(-4deg);
  }
}
.element_sakana10 {
  animation: sakana10 6s ease-in-out infinite alternate;
  background: url("../img/mainv/sakana10.svg") no-repeat center center;
	background-size: contain;
  display: inline-block;
  transition: 1.5s ease-in-out;
	width: 16%;
  height: 13%;
  position: absolute;
	top: 62%;
	left: 42%;
	width: 2.8%;
	animation-delay: -0.9s; /* 0.5秒進んだ状態から開始 */
}
 
@keyframes sakana10 {
  0% {
    transform:translate(-10px, 6px) rotate(10deg);
  }
  50% {
    transform:translate(0, 0) rotate(0deg);
  }
  100% {
    transform:translate(-12px, -6px) rotate(-10deg);
  }
}
/*星*/
.hoshi {
  position: absolute;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hoshi li {
  
  position: absolute;
  list-style: none;
  top: -50px;
  animation: blinking 0.5s ease-in-out infinite alternate;
	
}

.hoshi li img{width:100%;}
@keyframes blinking {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.hoshi li:nth-child(1) {
	width: 0.8%;
  left:1%;
	top:1%;
  animation: blinking 1s ease-in-out infinite alternate;
}
.hoshi li:nth-child(2) {
	width: 0.7%;
  left: 7%;
	top:7%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.5s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(3) {
	width: 1.1%;
 left: 11%;
	top:3%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.3s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(4) {
	width: 0.7%;
  left: 16%;
	top:5%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.8s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
	
}
.hoshi li:nth-child(5) {
	width:0.6%;
  left: 20%;
	top:7%;
 animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.2s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(6) {
	width: 1.1%;
  left: 23%;
	top:4%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.5s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(7) {
	width: 0.6%;
  left: 28%;
	top:5%;
  animation: blinking 1s ease-in-out infinite alternate;
}
.hoshi li:nth-child(8) {
	width: 0.7%;
  left: 34%;
	top:3%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.9s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(9) {
	width: 1.1%;
  left: 38%;
	top:10%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.4s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(10) {
	width: 0.7%;
  left: 40%;
	top:17%;
  animation: blinking 1s ease-in-out infinite alternate;
}
.hoshi li:nth-child(11) {
	width: 0.6%;
  left: 44%;
	top:5%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.3s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(12) {
	width: 1.1%;
  left: 47%;
	top:10%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.5s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(13) {
	width: 0.7%;
  left: 52%;
	top:6%;
  animation: blinking 1s ease-in-out infinite alternate;
}
.hoshi li:nth-child(14) {
	width: 0.6%;
  left: 50%;
	top:16%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.2s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(15) {
	width: 1.3%;
 left: 59%;
	top:13%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.4s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(16) {
	width: 0.7%;
  left: 73%;
	top:2%;
  animation: blinking 1s ease-in-out infinite alternate;
}
.hoshi li:nth-child(17) {
	width: 0.6%;
  left: 77%;
	top:8%;
  animation: blinking 1s ease-in-out infinite alternate;
}
.hoshi li:nth-child(18) {
	width: 1.1%;
  left: 82%;
	top:2%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.5s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(19) {
	width: 0.9%;
 left: 86%;
	top:9%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.3s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(20) {
	width: 0.7%;
  left: 91%;
	top:3%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.8s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
	
}
.hoshi li:nth-child(100) {
	width: 0.6%;
  left: 95%;
	top:5%;
  animation: blinking 1s ease-in-out infinite alternate;
}
.hoshi li:nth-child(101) {
	width: 1.1%;
  left: 99%;
	top:8%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.5s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(102) {
	width: 0.8%;
  left: 99%;
	top:33%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.5s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}




.hoshi li:nth-child(21) {
	width: 1.1%;
  left: 1%;
	top:29%;
 animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.2s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}




.hoshi li:nth-child(22) {
	width: 0.7%;
  left:4%;
	top:42%;
  animation: blinking 1s ease-in-out infinite alternate;
}
.hoshi li:nth-child(23) {
	width: 0.6%;
  left: 6%;
	top:26%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.5s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(24) {
	width: 1.1%;
 left: 9%;
	top:33%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.3s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(25) {
	width: 0.7%;
  left: 12%;
	top:36%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.8s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
	
}
.hoshi li:nth-child(26) {
	width:0.6%;
  left: 14%;
	top:30%;
 animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.2s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(27) {
	width: 1.1%;
  left: 20%;
	top:35%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.5s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(28) {
	width: 0.7%;
  left: 23%;
	top:34%;
  animation: blinking 1s ease-in-out infinite alternate;
}
.hoshi li:nth-child(29) {
	width: 0.6%;
  left: 27%;
	top:37%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.9s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(30) {
	width: 1.1%;
  left: 28%;
	top:45%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.4s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(31) {
	width: 0.7%;
  left: 34%;
	top:44%;
  animation: blinking 1s ease-in-out infinite alternate;
}
.hoshi li:nth-child(32) {
	width: 0.6%;
  left: 37%;
	top:39%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.3s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(33) {
	width: 1.1%;
  left: 43%;
	top:30%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.5s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(34) {
	width: 0.7%;
  left: 45%;
	top:23%;
  animation: blinking 1s ease-in-out infinite alternate;
}
.hoshi li:nth-child(35) {
	width: 0.8%;
  left: 48%;
	top:21%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.6s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(36) {
	width: 1.1%;
 left: 53%;
	top:17%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.4s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(37) {
	width: 0.7%;
  left: 59%;
	top:39%;
  animation: blinking 1s ease-in-out infinite alternate;
}
.hoshi li:nth-child(38) {
	width: 0.6%;
  left: 57%;
	top:28%;
  animation: blinking 1s ease-in-out infinite alternate;
}
.hoshi li:nth-child(39) {
	width: 1.1%;
  left: 70%;
	top:38%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.5s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(40) {
	width: 0.7%;
 left: 70%;
	top:35%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.3s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(41) {
	width: 0.6%;
  left: 76%;
	top:36%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.8s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
	
}
.hoshi li:nth-child(42) {
	width: 1.1%;
  left: 79%;
	top:33%;
 animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.2s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}





.hoshi li:nth-child(43) {
	width: 0.6%;
  left:89%;
	top:25%;
  animation: blinking 1s ease-in-out infinite alternate;
}
.hoshi li:nth-child(44) {
	width: 0.7%;
  left: 86%;
	top:30%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.5s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(45) {
	width: 1.1%;
 left: 93%;
	top:28%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.3s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(46) {
	width: 0.6%;
  left: 92%;
	top:36%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.8s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
	
}
.hoshi li:nth-child(47) {
	width:0.7%;
  left: 95%;
	top:39%;
 animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.2s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(48) {
	width: 1.1%;
  left: 998%;
	top:35%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.5s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(49) {
	width: 0.6%;
  left: 1%;
	top:54%;
  animation: blinking 1s ease-in-out infinite alternate;
}
.hoshi li:nth-child(50) {
	width: 0.7%;
  left: 3%;
	top:67%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.9s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(51) {
	width: 1.2%;
  left: 8%;
	top:64%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.4s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(52) {
	width: 0.6%;
  left: 15%;
	top:72%;
  animation: blinking 1s ease-in-out infinite alternate;
}
.hoshi li:nth-child(53) {
	width: 0.7%;
  left: 22%;
	top:50%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.3s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(54) {
	width: 1.2%;
  left: 19%;
	top:66%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.5s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(55) {
	width: 0.6%;
  left: 23%;
	top:62%;
  animation: blinking 1s ease-in-out infinite alternate;
}
.hoshi li:nth-child(56) {
	width: 0.7%;
  left: 26%;
	top:55%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.2s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(57) {
	width: 1.2%;
 left: 29%;
	top:64%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.4s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(58) {
	width: 0.7%;
  left: 32%;
	top:60%;
  animation: blinking 1s ease-in-out infinite alternate;
}
.hoshi li:nth-child(59) {
	width: 0.6%;
  left: 36%;
	top:62%;
  animation: blinking 1s ease-in-out infinite alternate;
}
.hoshi li:nth-child(60) {
	width: 1.2%;
  left: 40%;
	top:68%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.5s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(61) {
	width: 0.7%;
 left: 43%;
	top:65%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.3s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(62) {
	width: 0.6%;
  left: 58%;
	top:83%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.2s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
	
}
.hoshi li:nth-child(63) {
	width: 0.6%;
  left: 53%;
	top:89%;
 animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.2s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(64) {
	width: 0.7%;
  left: 57%;
	top:60%;
 animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.2s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}






.hoshi li:nth-child(65) {
	width: 0.6%;
  left:59%;
	top:65%;
  animation: blinking 1s ease-in-out infinite alternate;
}
.hoshi li:nth-child(66) {
	width: 0.7%;
  left: 63%;
	top:66%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.5s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(67) {
	width: 1.1%;
 left: 69%;
	top:63%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.3s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(68) {
	width: 0.6%;
  left: 72%;
	top:66%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.8s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
	
}
.hoshi li:nth-child(69) {
	width:0.7%;
  left: 76%;
	top:69%;
 animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.2s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(70) {
	width: 1.1%;
  left: 75%;
	top:60%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.5s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(71) {
	width: 0.6%;
  left: 90%;
	top:59%;
  animation: blinking 1s ease-in-out infinite alternate;
}
.hoshi li:nth-child(72) {
	width: 0.7%;
  left: 93%;
	top:63%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.9s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(73) {
	width: 1.2%;
  left: 96%;
	top:64%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.4s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(74) {
	width: 0.6%;
  left: 94%;
	top:50%;
  animation: blinking 1s ease-in-out infinite alternate;
}
.hoshi li:nth-child(75) {
	width: 0.7%;
  left: 1%;
	top:83%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.3s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(76) {
	width: 1.1%;
  left: 5%;
	top:89%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.5s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(77) {
	width: 0.6%;
  left: 4%;
	top:80%;
  animation: blinking 1s ease-in-out infinite alternate;
}
.hoshi li:nth-child(78) {
	width: 0.7%;
  left: 8%;
	top:85%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.2s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(79) {
	width: 1.2%;
 left: 10%;
	top:80%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.4s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(80) {
	width: 0.7%;
  left: 13%;
	top:82%;
  animation: blinking 1s ease-in-out infinite alternate;
}
.hoshi li:nth-child(81) {
	width: 0.6%;
  left: 16%;
	top:85%;
  animation: blinking 1s ease-in-out infinite alternate;
}
.hoshi li:nth-child(82) {
	width: 1.1%;
  left: 50%;
	top:86%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.5s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(83) {
	width: 0.7%;
 left: 53%;
	top:97%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.3s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(84) {
	width: 0.6%;
  left: 40%;
	top:90%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.8s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
	
}
.hoshi li:nth-child(85) {
	width: 1.1%;
  left: 41%;
	top:80%;
 animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.2s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}







.hoshi li:nth-child(86) {
	width: 0.6%;
  left:45%;
	top:90%;
  animation: blinking 1s ease-in-out infinite alternate;
}
.hoshi li:nth-child(87) {
	width: 0.7%;
  left: 50%;
	top:96%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.5s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(88) {
	width: 1.0%;
 left: 48%;
	top:98%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.3s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(89) {
	width: 0.7%;
  left: 59%;
	top:96%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.8s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
	
}
.hoshi li:nth-child(90) {
	width:0.6%;
  left: 63%;
	top:95%;
 animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.2s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(91) {
	width: 1.1%;
  left: 66%;
	top:95%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.5s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(92) {
	width: 0.6%;
  left: 70%;
	top:94%;
  animation: blinking 1s ease-in-out infinite alternate;
}
.hoshi li:nth-child(93) {
	width: 0.7%;
  left: 73%;
	top:97%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.9s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(94) {
	width: 1.2%;
  left: 75%;
	top:94%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.4s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(95) {
	width: 0.7%;
  left: 79%;
	top:98%;
  animation: blinking 1s ease-in-out infinite alternate;
}
.hoshi li:nth-child(96) {
	width: 0.6%;
  left: 81%;
	top:91%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.3s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(97) {
	width: 1.1%;
  left: 93%;
	top:96%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.5s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(98) {
	width: 0.6%;
  left: 96%;
	top:92%;
  animation: blinking 1s ease-in-out infinite alternate;
}
.hoshi li:nth-child(99) {
	width: 0.7%;
  left: 90%;
	top:95%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.2s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(100) {
	width: 0.5%;
  left: 2%;
	top:40%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.6s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(101) {
	width: 1.0%;
  left: 10%;
	top:53%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.3s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}


.hoshi li:nth-child(102) {
	width: 0.9%;
  left: 5%;
	top:50%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.7s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(103) {
	width: 0.6%;
  left: 6%;
	top:58%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.2s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(104) {
	width: 0.8%;
  right: 4%;
	top:79%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.3s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}


.hoshi li:nth-child(105) {
	width: 0.9%;
  right: 6%;
	top:70%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.7s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}
.hoshi li:nth-child(106) {
	width: 0.6%;
  right: 8%;
	top:80%;
  animation: blinking 1s ease-in-out infinite alternate;
	animation-delay: 0.2s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
}

.element_shippo {
  
  background: url("../img/mainv/shippo.svg") no-repeat center center;
  position: relative;
  transform-origin: bottom left; /* 回転の中心を上部中央に設定 */
  animation: raion_shippo 10s infinite alternate; /* swingという名前のアニメーションを2秒かけて繰り返し再生 */
	position: absolute;
	top: 87.5%;
    right: 43.8%;
    width: 2%;
    height: 7%;
}


@keyframes raion_shippo {
	0% {transform:rotate(0deg); /* 開始状態 */}
  20% {transform: rotate(20deg);}
 
  50% {transform:rotate(0deg);}
  70% {transform: rotate(-5deg);}
 
  90% {transform:rotate(0deg);}
  
  100% {transform: rotate(0deg);}
 
}


@media only screen and ( max-width : 768px ) {
	.main_v {
    padding-top: 15%;
}

.element_hikouki {
	width: 8%;
  height: 8%;
}
@keyframes moveUpDown {
  0% {
    left: -10%; /* 左下 */
    bottom: 80%;
  }
  100% {
    left: 110%; /* 右上 */
    bottom: 100%;
  }
}

.element_hanabi1 {
	
	
}
.element_hanabi1 img {
	width:50px;
  height: 50px;
}
.element_hanabi2 {
	
}
.element_hanabi2 img {
	width: 70px;
  height: 70px;
}
.element_hanabi3 {
	
}
.element_hanabi3 img {
	width: 50px;
  height: 50px;
}
.element_hanabi4 {
	
}
.element_hanabi4 img {
	width: 60px;
  height: 60px;
}
	.element_hanabi5 img {
	width: 70px;
  height: 70px;
}
	.element_hanabi6 img {
	width: 50px;
  height: 50px;
}
	.hoshi {
  margin: -20% 0 0;
}
}