/* スライドショーの枠（レスポンシブ対応） */
#slideshow {
  position: relative;
  width: 100%;
  max-width: 1500px; /* PCでは1500pxまで */
  aspect-ratio: 1500 / 600; /* 画像比率を維持 */
  overflow: hidden;
  margin: 0 auto;
}

/* 画像の基本スタイル */
#slideshow img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1.5s ease-in-out; /* ←フェード速度 */
}

/* 表示中の画像 */
#slideshow img.active {
  opacity: 1;
}