VICKIEMART

ビッキーマート




<p></p>

<p></p>

<style>
    /* 基本スタイル(スマートフォン用) */
    .numbers {
      display: grid;
      grid-template-columns: repeat(3, 1fr); /* 3列のグリッド */
      gap: 10px; /* グリッド間の隙間 */
      margin: 0 auto; /* 中央配置 */
      max-width: 300px; /* スマートフォンでの最大幅 */
    }
    .numbers img {
      width: 100%; /* グリッドセルにフィット */
      height: auto; /* アスペクト比を維持 */
      display: block; /* 余白を防ぐ */
      object-fit: cover; /* 画像がセルに収まるよう調整 */
    }
    /* PC用のスタイル(画面幅600px以上) */
    @media (min-width: 600px) {
      .numbers {
        grid-template-columns: repeat(9, 1fr); /* 9列のグリッドで横一列 */
        max-width: 900px; /* PCでの幅を調整(例: 各画像100px×9) */
      }
}
  </style>
<div class="numbers">


















<p></p>
</div>