@charset "utf-8";

img {
  max-width: 100%;
}

.slide {
  overflow: hidden;
}

/* 追加：流すレーン */
.slide-track{
  display: flex;
  width: max-content;          /* 中身の幅だけ伸びる */
  will-change: transform;
  animation: slide-marquee 55s linear infinite;
}

/* 重要：2つ並んだwrapのうち、ちょうど1個分だけ移動してループ */
@keyframes slide-marquee{
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.slide-wrap {
  display: flex;
  gap: 10px;
  width: 120vw;
  margin-left: 5px;
}

.wide-col {
  flex: 4;
}

.narrow-col {
  flex: 3;
}

.large-container {
  box-shadow: 0 16px 40px rgba(0,0,0,.22);
}

.small-container {
  display: flex;
  gap: 5px;
}

.small-container-box {
  flex: 1;
}

.small-container-box img {
  width: 100%;
}

.slide-container {
  padding: 5px 0;
}

@media (prefers-reduced-motion: reduce){
  .slide-track{ animation: none; transform: none; }
}