/*
animation 2025-08-07
*/

.mvimg {
  width: 100%;
  position: relative;
}

.mvimg:before {
  content: "";
  display: block;
  padding-top:55%;
}
.item {
  position:absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  max-width: 639px; 
  opacity: 0;
  animation: slideAnime 28s infinite;
}
.item:nth-child(1) {
  animation-delay: 0s;
    opacity: 1; /* 最初の画像は表示 */
}
.item:nth-child(2) {
  animation-delay: 4s;
}
.item:nth-child(3) {
  animation-delay: 8s;
}
.item:nth-child(4) {
  animation-delay: 12s;
}
.item:nth-child(5) {
  animation-delay: 16s;
}
.item:nth-child(6) {
  animation-delay: 20s;
}
.item:nth-child(7) {
  animation-delay: 24s;
}

.item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@keyframes slideAnime {
  0%, 20%, 100% { opacity: 0; } /* スライドの非表示タイミング */
  8%, 15% { opacity: 1; } /* スライドの表示タイミング */
}