クラシックプレイヤースタイルの変更

<div style="overflow-x: auto; -webkit-overflow-scrolling: touch;">
    <table style="width: 100%; min-width: 860px; border-collapse: collapse; font-size: 13.5px; table-layout: auto;">
      <thead>
        <tr style="border-bottom: 1.5px solid #ccc;">
          <th style="min-width: 100px; padding: 10px 14px; text-align: left; font-weight: 500; font-size: 12px; color: #666; letter-spacing: 0.04em; text-transform: uppercase;"></th>
          <th style="min-width: 120px; padding: 10px 14px; text-align: left; font-weight: 500; font-size: 12px; color: #666; letter-spacing: 0.04em; text-transform: uppercase;"></th>
          <th style="min-width: 180px; padding: 10px 14px; text-align: left; font-weight: 500; font-size: 12px; color: #666; letter-spacing: 0.04em; text-transform: uppercase;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">従来のプレイスタイルにおける既存の動作</font></font></th>
          <th style="min-width: 200px; padding: 10px 14px; text-align: left; font-weight: 500; font-size: 12px; color: #666; letter-spacing: 0.04em; text-transform: uppercase; background: #f5e0e0;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">従来のプレイスタイルにおける新たな動作（変更点はこちら）</font></font></th>
          <th style="min-width: 180px; padding: 10px 14px; text-align: left; font-weight: 500; font-size: 12px; color: #666; letter-spacing: 0.04em; text-transform: uppercase;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">最新のplayerStylesにおける既存の動作（動作変更なし）</font></font></th>
        </tr>
      </thead>
      <tbody>

        <!-- LIVESTREAM section header -->
        <tr style="border-bottom: 0.5px solid #e5e5e5; background: #fafafa;">
          <td colspan="5" style="padding: 8px 14px; font-size: 13px; font-weight: 700; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">ライブ配信</font></font></td>
        </tr>

        <!-- Interactions sub-header -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5; font-size: 12.5px; color: #555; font-weight: 500; font-family: monospace;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">相互作用</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
        </tr>

        <!-- Giveaway -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">定番プレゼント</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">現代のプレゼント</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">現代のプレゼント</font></font></td>
        </tr>

        <!-- Poll -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">定番の投票</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">現代の世論調査</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">現代の世論調査</font></font></td>
        </tr>

        <!-- Question -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">定番の質問</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">現代の問題</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">現代の問題</font></font></td>
        </tr>

        <!-- Trivia giveaway -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">トリビアプレゼントのサポートなし</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">現代トリビアプレゼント</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">現代トリビアプレゼント</font></font></td>
        </tr>

        <!-- Interaction visibility -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">一度に1つのインタラクションのみが表示されます</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">複数のインタラクションが同時に存在し、インタラクションはビデオヘッダーピルに集約されます</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">複数のインタラクションが同時に存在し、インタラクションはビデオヘッダーピルに集約されます</font></font></td>
        </tr>

        <!-- Product cards sub-header -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5; font-size: 12.5px; color: #555; font-weight: 500; font-family: monospace;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">商品カード</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">縦に積み重ねられた商品カード</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">縦に積み重ねられた商品カード</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">横方向にスワイプできる商品カード</font></font></td>
        </tr>

        <!-- Chat sub-header -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5; font-size: 12.5px; color: #555; font-weight: 500; font-family: monospace;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">チャット</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">クラシックチャット</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">モダンなチャット機能、折りたたみ式、積み重ねられた商品カードと並べて表示</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">最新のチャット機能、商品カードの上に表示</font></font></td>
        </tr>

        <!-- SHORT VIDEO section header -->
        <tr style="border-bottom: 0.5px solid #e5e5e5; background: #fafafa;">
          <td colspan="5" style="padding: 8px 14px; font-size: 13px; font-weight: 700; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">ショートビデオ</font></font></td>
        </tr>

        <!-- Interactions sub-header -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5; font-size: 12.5px; color: #555; font-weight: 500; font-family: monospace;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">相互作用</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
        </tr>

        <!-- Poll -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">定番の投票</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">現代の世論調査</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">現代の世論調査</font></font></td>
        </tr>

        <!-- Question -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">定番の質問</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">現代の問題</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">現代の問題</font></font></td>
        </tr>

        <!-- Product cards sub-header -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5; font-size: 12.5px; color: #555; font-weight: 500; font-family: monospace;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">商品カード</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
        </tr>

        <!-- Classic product cards -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">定番商品カード</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">従来の製品カードを表示し続ける</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">最新の製品カードを使用する</font></font></td>
        </tr>

        <!-- ICONS section header -->
        <tr style="border-bottom: 0.5px solid #e5e5e5; background: #fafafa;">
          <td colspan="5" style="padding: 8px 14px; font-size: 13px; font-weight: 700; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">アイコン</font></font></td>
        </tr>

        <!-- Shopping bag icon -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5; font-size: 12.5px; color: #555; font-weight: 500; font-family: monospace;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">アイコン</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">定番のショッピングバッグのアイコン</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">モダンなショッピングバッグのアイコン</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">モダンなショッピングバッグのアイコン</font></font></td>
        </tr>

        <!-- Heart icon -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">クラシックなハートのアイコン</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">モダンなハートのアイコン</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">モダンなハートのアイコン</font></font></td>
        </tr>

        <!-- VIDEO HEADERS section -->
        <tr>
          <td style="padding: 8px 14px; line-height: 1.5; font-size: 13px; font-weight: 700;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">ビデオヘッダー</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">現時点ではビデオヘッダーの変更はありません</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">クラシックビデオヘッダーを使用する</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">従来のヘッダーを引き続き使用します</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">最新のヘッダーを使用する</font></font></td>
        </tr>

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