ノンスリップデッキシューズ

<strong>SIZE（cm）</strong></p>
<p style="font-size: 11px; margin: 4px 0;">※横にスクロールできます</p>

<div class="size-table-wrap">
<table class="size-table">
<thead>
<tr>
<th>規格寸</th>
<th>S</th>
<th>M</th>
<th>L</th>
<th>XL</th>
<th>XXL</th>
</tr>
</thead>
<tbody>
<tr>
<th>サイズ</th>
<td>24.0～24.5</td>
<td>25.0～25.5</td>
<td>26.0～26.5</td>
<td>27.0～27.5</td>
<td>28.0～28.5</td>
</tr>

</tbody>
</table>
</div>

<style>
.size-table-wrap {
overflow-x: auto;
}

.size-table {
border-collapse: collapse;
width: 100%;
min-width: 500px;
font-size: 14px;
}

.size-table th,
.size-table td {
border: 1px solid #ddd;
padding: 8px;
text-align: center; /* ← 全て中央揃え */
vertical-align: middle;
}

.size-table thead th {
background-color: #f5f5f5;
font-weight: bold;
}

.size-table tbody th {
background-color: #fafafa;
font-weight: 600;
}
</style>