/*! http://responsiveslides.com v1.55 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
   height: 90vh;
     height: auto;       /* ← ここを変更 */
  min-height: unset;  /* ← ここを追加 */
  max-height: none;   /* ← ここも変更 */
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
   }

.slide-box {
	position: relative;
	z-index: 10;
	height: auto; /* 画像に合わせる */
  display: flex; /* 中の要素に合わせて高さを決定 */
}


/* =============================
   レスポンシブ対応 (max-width: 768px)
============================= */
@media (max-width: 768px) {
  .rslides {
	height: auto; /* 画像の高さに合わせる */
	min-height: unset; /* 余計な最小高さを解除 */
	max-height: 800px;
  }

  .slide-box {
	position: relative;
	z-index: 10;
	/* [disabled]height: auto; */ /* 画像の高さに合わせる */
	overflow: hidden; /* 余白をなくす */
	max-height: 800px;
  }

  .rslides img {
    max-height: 100vh; /* 画面の高さ以内に収める */
    width: 100%;
    object-fit: cover; /* 必要なら画像をフィット */
  }
}