ビッグシルエットロゴ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>
</tr>
</thead>
<tbody>
<tr>
<th>着丈</th>
<td>62.5</td>
<td>66.5</td>
<td>69.5</td>
<td>72.5</td>
</tr>
<tr>
<th>身幅</th>
<td>57</td>
<td>60</td>
<td>63</td>
<td>66</td>
</tr>
<tr>
<th>肩幅</th>
<td>52</td>
<td>55</td>
<td>58</td>
<td>60</td>
</tr>
<tr>
<th>袖丈</th>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
</tr>
<tr>
<th>裾幅</th>
<td>57</td>
<td>60</td>
<td>63</td>
<td>66</td>
</tr>
</tbody>
</table>
</div>