<style>
  /* 基本のスタイル */
  .productlist-unit, .recommend-unit, .new-item-unit, .seller-unit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px; /* パディングを減らす */
  }

  .productlist-unit img, .recommend-unit img, .new-item-unit img, .seller-unit img {
    width: 100%; /* 画像をコンテナの幅に合わせる */
    height: auto;
  }

  /* スマートフォン向けのスタイル */
  @media (max-width: 767px) {
    .category-list .col,
    .productlist-unit,
    .recommend-unit,
    .new-item-unit,
    .seller-unit {
      width: 33.33%;
      padding: 2px; /* スマホではさらにパディングを減らす */
      float: left;
    }
  }
  </style>