どこまで聞いていいのか分からないのですが、もし対応可能でしたらよろしくお願いします。

下記ページにて、PCページはある程度はタグ通りに商品説明が入っていますが、スマホで見ると説明が崩れてしまいます。


https://store.shopping.yahoo.co.jp/SHOP-URL/ITEM-URL.html


PCは「商品説明」へ、スマホは「スマートフォン用フリースペース」に
説明を入れていますが、
スマホページできれいに表を表示するにはどこを修正すればいいでしょうか？

下記が入れた内容です。

------------------------------------------------------------


<table border="0" cellspacing="1" cellpadding="10" width="100%" bgcolor="#c9c9c9">
<tr>
<th colspan="2" bgcolor="#F5F4F2" align="center">&lt;font color="#7e7e7e" size="2"&gt;商 品 詳 細&lt;/font&gt;</th>
</tr>
<tr>
<th width="30%" bgcolor="#F5F4F2" align="center">&lt;font color="#7e7e7e" size="2"&gt;商品名&lt;/font&gt;</th>
<td bgcolor="#fff">&lt;font color="#7e7e7e" size="2"&gt;ステンレス リング (333) キルティング&lt;/font&gt;</td>
</tr>
<tr>
<th width="30%" bgcolor="#F5F4F2" align="center">&lt;font color="#7e7e7e" size="2"&gt;商品説明&lt;/font&gt;</th>
<td bgcolor="#fff">&lt;font color="#7e7e7e" size="2"&gt;優しいカーブと美しい輝きがエレガントさを際立たせるアイテムです。<br>医療用機器にも使われるサージカルステンレス製の指輪。<br>金属アレルギーの方でもご利用頂けるアイテムです。<br>※１００％保証というわけではございませんので、合わない方はご利用をお控えください。<br>&lt;/font&gt;</td>
</tr>
<tr>
<th width="30%" bgcolor="#F5F4F2" align="center">&lt;font color="#7e7e7e" size="2"&gt;カラー&lt;/font&gt;</th>
<td bgcolor="#fff">&lt;font color="#7e7e7e" size="2"&gt;ゴールド / シルバー / ピンクゴールド&lt;/font&gt;</td>
</tr>
<tr>
<th width="30%" bgcolor="#F5F4F2" align="center">&lt;font color="#7e7e7e" size="2"&gt;取扱サイズ&lt;/font&gt;</th>
<td bgcolor="#fff">&lt;font color="#7e7e7e" size="2"&gt;03号 / 04号 / 05号 / 06号 / 07号 / 08号 / 09号 / 10号 / 11号 / 12号 / 13号 / 14号 / 15号 / 16号 / 17号 / 19号 / 21号 / 23号 / 25号&lt;/font&gt;</td>
</tr>
<tr>
<th width="30%" bgcolor="#F5F4F2" align="center">&lt;font color="#7e7e7e" size="2"&gt;サイズ&lt;/font&gt;</th>
<td bgcolor="#fff">&lt;font color="#7e7e7e" size="2"&gt;指輪の幅:約4mm<br>厚み最大:約1.5mm&lt;/font&gt;</td>
</tr>
<tr>
<th width="30%" bgcolor="#F5F4F2" align="center">&lt;font color="#7e7e7e" size="2"&gt;重さ&lt;/font&gt;</th>
<td bgcolor="#fff">&lt;font color="#7e7e7e" size="2"&gt;重さ：約1.9g　※サイズにより前後します。&lt;/font&gt; </td>
</tr>
<tr>
<th width="30%" bgcolor="#F5F4F2" align="center">&lt;font color="#7e7e7e" size="2"&gt;素材&lt;/font&gt;</th>
<td bgcolor="#fff">&lt;font color="#7e7e7e" size="2"&gt;サージカルステンレス&lt;/font&gt;</td>
</tr>
<tr>
<th width="20%" bgcolor="#F5F4F2" align="center">&lt;font color="#7e7e7e" size="2"&gt;注意&lt;/font&gt;</th>
<td bgcolor="#fff">&lt;font color="#7e7e7e" size="2"&gt;モニターの都合上、掲載写真と実際の色が異なる場合がございます。&lt;/font&gt;</td>
</tr>
</table>

<br>
------------------------------------------------------------

もちろん対応外の内容であれば大丈夫ですが、可能でしたら教えてください。

どうぞよろしくお願いします。