/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 12 2025 | 15:08:13 */
.scroll-infinity { --scroll-duration: 25s; }

@keyframes infinity-scroll-left {
  from { transform: translateX(0); }
  to   { transform: translateX(-100%); } /* 2本並べるので-100%で継ぎ目ゼロ */
}

.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
}

.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 0;
  flex: 0 0 auto; /* 横幅を縮ませない */
}

.scroll-infinity__list--left {
  animation: infinity-scroll-left var(--scroll-duration) linear infinite;
}

li.scroll-infinity__item {
  /* 幅の決め方はお好みで。均等割なら下の行を使う */
  width: calc(100vw / 6);
  /* 画像の自然幅で流したいなら width:auto; でもOK */
  margin: 0;
  list-style-type: none;
  flex: 0 0 auto;
}

.scroll-infinity__item > img {
  width: 100%;
  display: block; /* 隙間の原因を根絶 */
}
.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 0; /* ← flexの間隔を0に */
}

.scroll-infinity__item {
  margin: 0; /* ← li要素の余白を消す */
  padding: 0; /* ← もしテーマ側で入ってたら消す */
  flex: 0 0 auto;
}

.scroll-infinity__item img {
  display: block; /* ← 行間の余白を消す */
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
.scroll-infinity__item img {
  width: 100.01%;
}
/* スマホ時の設定 */
@media screen and (max-width: 768px) {
  /* 1枚あたりの幅を大きくして、写真2枚で画面いっぱい */
  li.scroll-infinity__item {
    width: calc(100vw / 2);
  }

  /* スクロール速度を少し速くする（短くする） */
  .scroll-infinity {
    --scroll-duration: 15s; /* ← ここをお好みで調整：小さいほど速い */
  }
}