.top-slider {
      position: relative;
      width: 100%;
      height: 100vh; /* 全画面 */
    }

    .top-slider img {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      top: 0;
      left: 0;
      display: none;
    }

    .top-slider img.active {
      display: block;
      z-index: 1;
    }
/*以下シンプルスライド*/
   .slider-wrapper {
      width: 100%;
      height: 200px;
      overflow: hidden;
      position: relative;
      background: #fff;
	   margin:2px 0;
    }

    .slider-track {
  display: flex;
  width: calc((266px + 2px) * 20); /* ← 画像20枚分 */
  animation: slide-left 40s linear infinite;
}

    .slider-track img {
  width: 266px;
  height: 200px;
  object-fit: cover;
  object-position: center center;
  flex-shrink: 0;
  margin-right: 2px; /* ← これで画像同士に1pxの間隔 */
}

    @keyframes slide-left {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-50%);
      }
    }