@charset "utf-8";
/* CSS Document */

/*ここからサンプル画像用CSS*/
.imagesample{
	width: 700px;
	height: 350px;
	object-fit: cover;
}
/*ここまでサンプル画像用CSS*/

.carousel {
  width: 700px;
  height: 350px;
  overflow: hidden;
  margin: 0 auto;
  border: 2px solid #ccc; /* 見やすくするため */
}

.slides {
  display: flex;
  width: 300%; /* 画像3枚分の幅 */
  animation: slide 9s infinite;
}

.slides img {
  width: 700px;
  height: 350px;
  object-fit: cover;
}

/* 自動スライドアニメーション */
@keyframes slide {
  0% { transform: translateX(0); }
  33% { transform: translateX(-700px); }
  66% { transform: translateX(-1400px); }
  100% { transform: translateX(0); }
}