/* 1. リストの初期設定 (モバイルファースト: 1列) */
.used-machine-grid {
    display: grid; 
    grid-template-columns: 1fr; 
    gap: 20px; /* ここが隙間。枠線はこの隙間に入らない */
    list-style: none;
    margin: 0;
    padding: 0;
}

/* 2. 各商品カードの内部スタイル */
.product-card {
    /* ★この枠線は gap とは独立しています★ */
    border: 1px solid #ccc; 
    border-radius: 4px; /* 角を丸くするなどの装飾も可能 */
text-align:center;
}
.p_name_price{
line-height:2rem;
}
.p_name_price a{
color:blue;
text-decoration:underline;
}
/* 3. PC表示への切り替え (2列) */
@media (min-width: 901px) {
    .used-machine-grid {
        /* 2列に変更 */
        grid-template-columns: 1fr 1fr;
    }
.product-card img{
  display: block;
  width: 100%;
  height: auto;
  max-height: 250px;     /* ← これが効く */
  object-fit: contain;   /* 念のため（切らない） */
}
.image-area{
margin-top:1rem;
margin-bottom:1rem;
height: 250px;                 /* 高さは枠で揃える */
  display: flex;
  align-items: flex-start;       /* 上寄せがポイント */
  justify-content: center;
}
}