/*https://techmemo.biz/css/carousel-scroll/*/
.wrap {
  display: flex;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
 
.wrap_item {
  flex: 0 0 90%;
  margin: 0px 2px;
  height: 260px;/* 縦横画像を混在させるために必要*/
}

@media (min-width: 768px) {
.wrap_item {
  flex: 0 0 90%;
  margin: 0px 2px;
  height: 400px;/* 縦横画像を混在させるために必要*/
}


/*https://qiita.com/becolomochi/items/265a7f940a1c809f5ba7*/
.wrap_item img {
  top: 50%;
  left: 50%;
/*  transform: translate(-50%, -50%);*/
  width: 100%;
  height: 100%;
  object-fit: contain;/*左右天地に余白が生まれるが縦横混在させるならまだマシな方？https://developer.mozilla.org/ja/docs/Web/CSS/object-fit*/

}