@charset "utf-8";

/* アニメーションのキーフレームを修正 */
@keyframes slideUp {
  0% {
    transform: translateY(0);
  }
  100% {
    /* 2つのアイテムセットの合計の高さ（アイテム+ギャップ）分だけ移動 */
    transform: translateY(calc(-100% - 2rem));
  }
}

@keyframes slideDown {
  0% {
    /* 2つのアイテムセットの合計の高さ（アイテム+ギャップ）分だけ移動 */
    transform: translateY(calc(-100% - 2rem));
  }
  100% {
    transform: translateY(0);
  }
}

/* アニメーションの適用と遅延時間の調整 */
.loopWr1 .loopImgAr1 {
    animation: slideUp 40s linear infinite;
}

.loopWr1 .loopImgAr2 {
    animation: slideUp 40s linear infinite;
}

.loopWr2 .loopImgAr1 {
    animation: slideDown 40s linear infinite;
}

.loopWr2 .loopImgAr2 {
    animation: slideDown 40s linear infinite;
}