UVストレッチロングT

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

.size-table {
width: 100%;
min-width: 420px; /* ← 列少ないのでさらにコンパクト */
border-collapse: collapse;
margin: 15px 0;
font-size: 12px;
table-layout: auto !important;
}

.size-table th,
.size-table td {
border: 1px solid #ddd;
padding: 6px 6px;
text-align: center;
white-space: nowrap !important;
word-break: keep-all !important;
overflow-wrap: normal !important;
}

/* ヘッダー */
.size-table thead th {
background-color: #f5f5f5;
font-weight: bold;
width: 1%;
}

/* 項目列 */
.size-table tbody th {
background-color: #fafafa;
font-weight: bold;
text-align: left;
width: 1%;
min-width: 70px; /* ← 少しだけさらに詰めた */
}

/* 数字列 */
.size-table tbody td {
width: 1%;
min-width: 48px;
}

/* ストライプ */
.size-table tr:nth-child(even) {
background-color: #fcfcfc;
}
</style>

<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>58.5</td>
<td>60.5</td>
<td>62.5</td>
<td>64.5</td>
<td>66.5</td>
</tr>
<tr>
<th>身幅</th>
<td>40</td>
<td>42</td>
<td>44</td>
<td>46</td>
<td>48</td>
</tr>
<tr>
<th>裾幅</th>
<td>40</td>
<td>42</td>
<td>44</td>
<td>46</td>
<td>48</td>
</tr>
<tr>
<th>裄丈</th>
<td>73</td>
<td>75.5</td>
<td>78</td>
<td>80.5</td>
<td>83</td>
</tr>
</tbody>
</table>
</div>