UVプロテクションフーディー

<p><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>48</td>
<td>52</td>
<td>56</td>
<td>60</td>
<td>64</td>
</tr>
<tr>
<th>裾幅</th>
<td>48</td>
<td>52</td>
<td>56</td>
<td>60</td>
<td>64</td>
</tr>
<tr>
<th>袖丈</th>
<td>54</td>
<td>56</td>
<td>58</td>
<td>59</td>
<td>59</td>
</tr>
<tr>
<th>着丈</th>
<td>64</td>
<td>67</td>
<td>70</td>
<td>72</td>
<td>73</td>
</tr>
<tr>
<th>肩幅</th>
<td>48</td>
<td>50</td>
<td>52</td>
<td>54</td>
<td>56</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>