/* 親コンテナははみ出し部分を隠す */
.BasicItem-Detail-Box-Img {
  overflow: hidden;
  margin: 0 auto;  /* ページ中央に配置したい場合 */
  position: relative;
}

/* 横並びスライダー */
.BasicItem-Detail-Box-slider {
  display: flex;
  width: 100%;
  transition: transform 0.5s ease-in-out;
}

/* 各スライド要素をフレックスボックス化して中央揃え */
.BasicItem-Detail-Box-slider > div {
  flex: 0 0 100%;
  display: flex;               /* 中央揃えのため */
  align-items: center;         /* 縦中央 */
  justify-content: center;     /* 横中央 */
  box-sizing: border-box;
}

/* 画像をコンテナ内で最大化しつつ中央配置 */
.BasicItem-Detail-Box-slider img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;         /* 全体を収めつつアスペクト比維持 */
}