.item_name {
  margin: 0px auto 10px ;
  text-align: center;
}

.item_discription {
  white-space: pre-wrap;
  
}

.main-img {
  max-height: 60vh;
  max-width: 100%;
  min-width: 340px;
  display: flex;
  aspect-ratio: 3 / 2;
  margin: auto;
}

.main-img img {
  object-fit: contain;
  height: 100%;
  width: 100%;
  margin: auto;
  object-position: center;
}

.sub-img li.current img {
  border: 1px solid red;
  transition: border .5s;
}

/* レイアウトのためのスタイル */
.sub_img_wrapper {
  display: flex;
  justify-content: center;

}

.sub-img {
  display: flex;
  margin: auto;
  height: auto;
  flex-wrap:wrap;
  padding: 10px 0px;
  justify-content: center;

  & li {
    padding: 1px;
    height: 80px;
    aspect-ratio: 1 / 1;
  }

  & img {
    border: 1px solid transparent;
    transition: border .5s;
    cursor: pointer;
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: inline-block;
  }
  
}


/* レスポンシブデザイン */
@media (max-width: 1024px) {


}