.pickup_container {} /* はみ出す部分を見えなくする */
:root {
  --numOfListA: 20; /* リストAのimgタグの数 */
  --imgW: 350px; /* ここで画像の横幅を指定、px指定を推奨 */
  --imgH: var(--imgW); /* ここで画像の縦幅を指定、px指定を推奨 */
  --mBetweenImg: 50px; /* ここで画像間の余白を指定。px指定を推奨 */
}

.slider-container {
  display: flex; /* 画像を横並びにする */
  font-size: 0; /* 余計な余白を削除 */
  animation: slideshow 50s linear infinite;
}


.slider-img {
  /*width: var(--imgW);*/
  height:  var(--imgH);
}
.slider-img + .slider-img {margin-left: var(--mBetweenImg);}
@keyframes slideshow {100% {transform: translateX(calc((var(--numOfListA) * var(--imgW) + var(--mBetweenImg) * var(--numOfListA)) * -1));}} /* 下で説明 */



@media (max-width:768px){

    .pickup_container {
	overflow: hidden;} /* はみ出す部分を見えなくする */
:root {
  --numOfListA: 18; /* リストAのimgタグの数 */
  --imgW: 150px; /* ここで画像の横幅を指定、px指定を推奨 */
  --imgH: var(--imgW); /* ここで画像の縦幅を指定、px指定を推奨 */
  --mBetweenImg: 20px; /* ここで画像間の余白を指定。px指定を推奨 */
}

	

	
	
}