.poyopoyo {
  animation: poyoyon 2s ease-in-out infinite;
}
 

@keyframes poyoyon {
  0%  {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  15% {
    transform: scale(0.98, 0.9) translate(0, 5px);
  }
  30% {
    transform: scale(1.02, 1.0) translate(0, 8px);
  }
  50% {transform: scale(0.98, 1.05) translate(0, -3px);
  }
  70% {
    transform: scale(1.0, 0.9) translate(0, 5px);
  }
  100% {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  0%, 100% {
    opacity: 1;
  }
}
.poyopoyo2 {
  animation: poyopoyo2 2s ease-out infinite;
  opacity: 1;
}
@keyframes poyopoyo2 {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}
.poyopoyo3.tirgger{
  animation: poyoyon 2s ease-in-out forwards;
}

.slide {
            animation: slideRight 10s linear infinite; /* アニメーションを適用 */
        }

        /* アニメーションの定義 */
        @keyframes slideRight {
            0% {
                left: -45%; /* 左端からスタート */
            }
            100% {
                left: -20%; /* 右端まで移動 */
            }
        }


.poyopoyo3 {
  animation: poyopoyo3 2s ease-out infinite;
  opacity: 1;
}
@keyframes poyopoyo3 {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.80);
  }
}
.poyopoyo3.tirgger{
  animation: poyoyon 2s ease-in-out forwards;
}


  /* 上下 ふわふわ*/
.updown {
  animation: updown 3s ease-in-out infinite;
}

@keyframes updown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5%);
  }
}
/* 上下 ライン */
.updown_line {
  animation: updown_line 3s ease-in-out infinite;
}

@keyframes updown_line {
  0%, 100% {
    clip-path: inset(0% 0% 100% 0%);
    opacity: 0;
  }
  50% {
    clip-path: inset(0%);
    opacity: 1;
  }
}
/* 光 */
.shine {
  animation: shine 2s ;
  animation-iteration-count: 1;
}

@keyframes shine {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
	100% {
    opacity: .5;
  }
}