本文へスキップ

MD-06 — PRODUCTS

商品カード14点 取扱中

ECメールの主役。1カラム大・2連・ランキング型。 すべてテーブルレイアウト+インラインスタイルで、Outlook/Gmail/Apple Mailに安全に投函できます。

MD06-001-JP

1カラム大カードSingle Feature

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;border:1px solid #D2CBBB;">
  <tr>
    <td>
      <a href="https://example.com/" target="_blank">
        <img src="https://example.com/your-image.jpg" width="598" height="300" alt="商品メイン写真" style="display:block;width:100%;height:auto;border:0;background-color:#E5DFD0;">
      </a>
    </td>
  </tr>
  <tr>
    <td style="padding:20px 22px 6px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:18px;font-weight:bold;line-height:1.5;color:#26221F;">
      オーガニックコットン 度詰めTシャツ
    </td>
  </tr>
  <tr>
    <td style="padding:0 22px 14px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;line-height:1.8;color:#5F584E;">
      洗うほどに肌になじむ、厚手7.1オンスの定番。首元が伸びにくいバインダー仕様です。
    </td>
  </tr>
  <tr>
    <td style="padding:0 22px 20px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;">
      <span style="font-size:20px;font-weight:bold;color:#D7000F;">¥4,980</span>
      <span style="font-size:12px;color:#5F584E;">(税込)</span>
    </td>
  </tr>
</table>
重量 1241 g OutlookGmailApple MailORIGINAL
MD06-002-JP

2カラム商品Two Up

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td class="pstack" width="50%" valign="top" style="padding:8px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border:1px solid #D2CBBB;">
        <tr><td><a href="https://example.com/1" target="_blank"><img src="https://example.com/your-image.jpg" width="280" height="200" alt="商品A" style="display:block;width:100%;height:auto;border:0;background-color:#E5DFD0;"></a></td></tr>
        <tr><td style="padding:12px 14px 4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;font-weight:bold;color:#26221F;">商品A</td></tr>
        <tr><td style="padding:0 14px 14px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:15px;font-weight:bold;color:#D7000F;">¥2,480</td></tr>
      </table>
    </td>
    <td class="pstack" width="50%" valign="top" style="padding:8px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border:1px solid #D2CBBB;">
        <tr><td><a href="https://example.com/2" target="_blank"><img src="https://example.com/your-image.jpg" width="280" height="200" alt="商品B" style="display:block;width:100%;height:auto;border:0;background-color:#E5DFD0;"></a></td></tr>
        <tr><td style="padding:12px 14px 4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;font-weight:bold;color:#26221F;">商品B</td></tr>
        <tr><td style="padding:0 14px 14px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:15px;font-weight:bold;color:#D7000F;">¥3,180</td></tr>
      </table>
    </td>
  </tr>
</table>
@media only screen and (max-width:480px) {
  .pstack { display: block !important; width: 100% !important; }
}
重量 1849 g OutlookGmailApple MailORIGINAL
MD06-003-JP

横並びカードHorizontal

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;border:1px solid #D2CBBB;">
  <tr>
    <td width="160" valign="top">
      <a href="https://example.com/" target="_blank">
        <img src="https://example.com/your-image.jpg" width="160" height="160" alt="商品写真" style="display:block;width:160px;height:auto;border:0;background-color:#E5DFD0;">
      </a>
    </td>
    <td valign="middle" style="padding:14px 18px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;">
      <span style="font-size:15px;font-weight:bold;line-height:1.5;color:#26221F;">帆布のトートバッグ(M)</span><br>
      <span style="font-size:12px;line-height:1.7;color:#5F584E;">A4がすっぽり入る、自立するタイプ。</span><br>
      <span style="font-size:17px;font-weight:bold;color:#D7000F;">¥1,980</span>
      &nbsp;&nbsp;<a href="https://example.com/" target="_blank" style="font-size:12px;font-weight:bold;color:#2B5EA7;text-decoration:underline;">詳細 &#8594;</a>
    </td>
  </tr>
</table>
重量 1079 g OutlookGmailApple MailORIGINAL
MD06-004-JP

価格+CTA付きカードPrice + CTA

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;border:1px solid #D2CBBB;">
  <tr>
    <td align="center" style="padding:20px 22px 4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:17px;font-weight:bold;color:#26221F;">
      ステンレス真空マグ 480ml
    </td>
  </tr>
  <tr>
    <td align="center" style="padding:0 22px 14px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;">
      <span style="font-size:13px;color:#8C8475;text-decoration:line-through;">¥6,600</span>
      &nbsp;<span style="font-size:22px;font-weight:bold;color:#D7000F;">¥4,980</span>
      <span style="font-size:12px;color:#5F584E;">(税込)</span>
    </td>
  </tr>
  <tr>
    <td align="center" style="padding:0 22px 22px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center">
        <tr>
          <td align="center" bgcolor="#D7000F">
            <a href="https://example.com/" target="_blank" style="display:inline-block;border:solid 12px #D7000F;border-left-width:40px;border-right-width:40px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;font-weight:bold;line-height:1.2;color:#ffffff;text-decoration:none;background-color:#D7000F;">カートに入れる</a>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
重量 1391 g OutlookGmailApple MailORIGINAL
MD06-005-JP

ランキングカードRanking

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;border:1px solid #D2CBBB;">
  <tr>
    <td width="64" valign="middle" align="center" bgcolor="#E8B93B" style="background-color:#E8B93B;padding:16px 6px;">
      <span style="font-family:Arial,sans-serif;font-size:11px;font-weight:bold;color:#26221F;">RANK</span><br>
      <span style="font-family:Arial,sans-serif;font-size:30px;font-weight:bold;line-height:1.2;color:#26221F;">1</span>
    </td>
    <td width="120" valign="top">
      <img src="https://example.com/your-image.jpg" width="120" height="120" alt="1位の商品" style="display:block;width:120px;height:auto;border:0;background-color:#E5DFD0;">
    </td>
    <td valign="middle" style="padding:12px 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;">
      <span style="font-size:14px;font-weight:bold;line-height:1.5;color:#26221F;">今週いちばん売れた商品</span><br>
      <span style="font-size:16px;font-weight:bold;color:#D7000F;">¥3,480</span>
      &nbsp;&nbsp;<a href="https://example.com/" target="_blank" style="font-size:12px;font-weight:bold;color:#2B5EA7;text-decoration:underline;">見る &#8594;</a>
    </td>
  </tr>
</table>
重量 1251 g OutlookGmailApple MailORIGINAL
MD06-006-JP

在庫僅少バッジ付きLow Stock

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;border:1px solid #D2CBBB;">
  <tr>
    <td style="padding:14px 18px 0;">
      <span style="display:inline-block;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:11px;font-weight:bold;color:#ffffff;background-color:#D7000F;padding:3px 10px;">残りわずか</span>
    </td>
  </tr>
  <tr>
    <td style="padding:8px 18px 4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:16px;font-weight:bold;color:#26221F;">
      再入荷未定の人気アイテム
    </td>
  </tr>
  <tr>
    <td style="padding:0 18px 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;line-height:1.8;color:#5F584E;">
      在庫残り3点。次回入荷は未定です。
      <a href="https://example.com/" target="_blank" style="font-weight:bold;color:#D7000F;text-decoration:underline;">今すぐ確認 &#8594;</a>
    </td>
  </tr>
</table>
重量 1007 g OutlookGmailApple MailORIGINAL
MD06-007-JP

関連商品3連Related Trio

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td class="tstack" width="33%" valign="top" align="center" style="padding:6px;">
      <a href="https://example.com/1" target="_blank"><img src="https://example.com/your-image.jpg" width="180" height="140" alt="関連商品1" style="display:block;width:100%;height:auto;border:0;background-color:#E5DFD0;"></a>
      <span style="display:block;padding:8px 0 2px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;font-weight:bold;color:#26221F;">商品1</span>
      <span style="font-family:Arial,sans-serif;font-size:13px;font-weight:bold;color:#D7000F;">¥1,280</span>
    </td>
    <td class="tstack" width="33%" valign="top" align="center" style="padding:6px;">
      <a href="https://example.com/2" target="_blank"><img src="https://example.com/your-image.jpg" width="180" height="140" alt="関連商品2" style="display:block;width:100%;height:auto;border:0;background-color:#E5DFD0;"></a>
      <span style="display:block;padding:8px 0 2px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;font-weight:bold;color:#26221F;">商品2</span>
      <span style="font-family:Arial,sans-serif;font-size:13px;font-weight:bold;color:#D7000F;">¥1,580</span>
    </td>
    <td class="tstack" width="33%" valign="top" align="center" style="padding:6px;">
      <a href="https://example.com/3" target="_blank"><img src="https://example.com/your-image.jpg" width="180" height="140" alt="関連商品3" style="display:block;width:100%;height:auto;border:0;background-color:#E5DFD0;"></a>
      <span style="display:block;padding:8px 0 2px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;font-weight:bold;color:#26221F;">商品3</span>
      <span style="font-family:Arial,sans-serif;font-size:13px;font-weight:bold;color:#D7000F;">¥1,980</span>
    </td>
  </tr>
</table>
@media only screen and (max-width:480px) {
  .tstack { display: block !important; width: 100% !important; }
}
重量 2076 g OutlookGmailApple MailORIGINAL
MD06-008-JP

レビュー星付きカードWith Reviews

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;border:1px solid #D2CBBB;">
  <tr>
    <td style="padding:16px 18px 2px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:16px;font-weight:bold;color:#26221F;">
      レビュー高評価の定番アイテム
    </td>
  </tr>
  <tr>
    <td style="padding:0 18px 6px;font-family:Arial,sans-serif;font-size:15px;">
      <span style="color:#E8B93B;">&#9733;&#9733;&#9733;&#9733;</span><span style="color:#D2CBBB;">&#9733;</span>
      <span style="font-size:12px;color:#5F584E;">&nbsp;4.2(361件のレビュー)</span>
    </td>
  </tr>
  <tr>
    <td style="padding:0 18px 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;line-height:1.8;color:#5F584E;">
      「リピート3回目です」など、実際の声とあわせて紹介すると効果的。
      <a href="https://example.com/" target="_blank" style="font-weight:bold;color:#2B5EA7;text-decoration:underline;">レビューを読む &#8594;</a>
    </td>
  </tr>
</table>
重量 1102 g OutlookGmailApple MailORIGINAL
MD06-009-JP

タイムセール カウントダウン風カードCountdown Sale Card

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;border:1px solid #D2CBBB;">
  <tr>
    <td align="center" bgcolor="#D7000F" style="background-color:#D7000F;padding:8px 12px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;font-weight:bold;letter-spacing:1px;color:#ffffff;">
      タイムセール開催中
    </td>
  </tr>
  <tr>
    <td style="padding:20px 22px 4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:17px;font-weight:bold;line-height:1.5;color:#26221F;">
      期間限定セール対象商品
    </td>
  </tr>
  <tr>
    <td style="padding:0 22px 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;">
      <span style="font-size:13px;color:#8C8475;text-decoration:line-through;">¥8,800</span>
      &nbsp;<span style="font-size:22px;font-weight:bold;color:#D7000F;">¥5,280</span>
    </td>
  </tr>
  <tr>
    <td align="center" style="padding:0 22px 20px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center">
        <tr>
          <td align="center" style="padding:0 4px;">
            <table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td width="46" align="center" bgcolor="#26221F" style="background-color:#26221F;padding:8px 0;font-family:Arial,sans-serif;font-size:18px;font-weight:bold;color:#ffffff;">01</td></tr></table>
            <div style="padding-top:4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:10px;color:#8C8475;">日</div>
          </td>
          <td align="center" style="padding:0 4px;">
            <table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td width="46" align="center" bgcolor="#26221F" style="background-color:#26221F;padding:8px 0;font-family:Arial,sans-serif;font-size:18px;font-weight:bold;color:#ffffff;">23</td></tr></table>
            <div style="padding-top:4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:10px;color:#8C8475;">時間</div>
          </td>
          <td align="center" style="padding:0 4px;">
            <table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td width="46" align="center" bgcolor="#26221F" style="background-color:#26221F;padding:8px 0;font-family:Arial,sans-serif;font-size:18px;font-weight:bold;color:#ffffff;">45</td></tr></table>
            <div style="padding-top:4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:10px;color:#8C8475;">分</div>
          </td>
          <td align="center" style="padding:0 4px;">
            <table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td width="46" align="center" bgcolor="#26221F" style="background-color:#26221F;padding:8px 0;font-family:Arial,sans-serif;font-size:18px;font-weight:bold;color:#ffffff;">10</td></tr></table>
            <div style="padding-top:4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:10px;color:#8C8475;">秒</div>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td align="center" style="padding:0 22px 22px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center">
        <tr>
          <td align="center" bgcolor="#D7000F">
            <a href="https://example.com/" target="_blank" style="display:inline-block;border:solid 12px #D7000F;border-left-width:36px;border-right-width:36px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;font-weight:bold;line-height:1.2;color:#ffffff;text-decoration:none;background-color:#D7000F;">今すぐチェック</a>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
重量 3740 g OutlookGmailApple MailORIGINAL
MD06-010-JP

まとめ買いセット商品カードBundle Set

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;border:1px solid #D2CBBB;">
  <tr>
    <td align="center" bgcolor="#C9A063" style="background-color:#C9A063;padding:10px 12px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;font-weight:bold;color:#26221F;">
      3点セットでお得に
    </td>
  </tr>
  <tr>
    <td style="padding:16px 20px 4px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td width="56" valign="top" style="padding:8px 0;"><img src="https://example.com/your-image.jpg" width="56" height="56" alt="商品A" style="display:block;width:56px;height:56px;border:0;background-color:#E5DFD0;"></td>
          <td valign="middle" style="padding:8px 0 8px 14px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;color:#26221F;border-bottom:1px solid #D2CBBB;">商品A</td>
          <td valign="middle" align="right" style="padding:8px 0;font-family:Arial,sans-serif;font-size:13px;color:#5F584E;border-bottom:1px solid #D2CBBB;">¥2,480</td>
        </tr>
        <tr>
          <td width="56" valign="top" style="padding:8px 0;"><img src="https://example.com/your-image.jpg" width="56" height="56" alt="商品B" style="display:block;width:56px;height:56px;border:0;background-color:#E5DFD0;"></td>
          <td valign="middle" style="padding:8px 0 8px 14px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;color:#26221F;border-bottom:1px solid #D2CBBB;">商品B</td>
          <td valign="middle" align="right" style="padding:8px 0;font-family:Arial,sans-serif;font-size:13px;color:#5F584E;border-bottom:1px solid #D2CBBB;">¥1,980</td>
        </tr>
        <tr>
          <td width="56" valign="top" style="padding:8px 0;"><img src="https://example.com/your-image.jpg" width="56" height="56" alt="商品C" style="display:block;width:56px;height:56px;border:0;background-color:#E5DFD0;"></td>
          <td valign="middle" style="padding:8px 0 8px 14px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;color:#26221F;">商品C</td>
          <td valign="middle" align="right" style="padding:8px 0;font-family:Arial,sans-serif;font-size:13px;color:#5F584E;">¥1,680</td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td align="right" style="padding:10px 20px 4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;">
      <span style="font-size:12px;color:#8C8475;text-decoration:line-through;">¥6,140</span>
      &nbsp;<span style="font-size:20px;font-weight:bold;color:#D7000F;">¥4,980</span>
      <span style="font-size:11px;color:#5F584E;">(セット価格)</span>
    </td>
  </tr>
  <tr>
    <td align="center" style="padding:10px 20px 20px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center">
        <tr>
          <td align="center" bgcolor="#26221F">
            <a href="https://example.com/" target="_blank" style="display:inline-block;border:solid 11px #26221F;border-left-width:30px;border-right-width:30px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;font-weight:bold;line-height:1.2;color:#ffffff;text-decoration:none;background-color:#26221F;">セットをカートに入れる</a>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
重量 3413 g OutlookGmailApple MailORIGINAL
MD06-011-JP

定期便サブスク商品カードSubscription Plan

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;border:1px solid #D2CBBB;">
  <tr>
    <td style="padding:14px 18px 0;">
      <span style="display:inline-block;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:11px;font-weight:bold;color:#26221F;background-color:#E8B93B;padding:3px 10px;">定期便</span>
    </td>
  </tr>
  <tr>
    <td style="padding:10px 0 6px 18px;">
      <img src="https://example.com/your-image.jpg" width="90" height="90" alt="定期便商品" style="display:block;width:90px;height:90px;border:0;background-color:#E5DFD0;">
    </td>
  </tr>
  <tr>
    <td style="padding:8px 18px 2px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:16px;font-weight:bold;color:#26221F;">
      毎月お届け 定番セット
    </td>
  </tr>
  <tr>
    <td style="padding:0 18px 10px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;">
      <span style="font-size:20px;font-weight:bold;color:#D7000F;">¥3,980</span>
      <span style="font-size:12px;color:#5F584E;">/月(税込・送料無料)</span>
    </td>
  </tr>
  <tr>
    <td style="padding:0 18px 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;line-height:2.0;color:#5F584E;">
      &#10003; いつでも解約・スキップ可能<br>
      &#10003; 初回限定20%OFF<br>
      &#10003; お届け周期は自由に変更
    </td>
  </tr>
  <tr>
    <td style="padding:0 18px 20px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td align="center" bgcolor="#2B5EA7">
            <a href="https://example.com/" target="_blank" style="display:block;padding:13px 0;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;font-weight:bold;color:#ffffff;text-decoration:none;background-color:#2B5EA7;">定期便をはじめる</a>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
重量 2005 g OutlookGmailApple MailORIGINAL
MD06-012-JP

2商品比較表カードProduct Comparison Table

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td width="34%" style="border-bottom:2px solid #26221F;"></td>
    <td width="33%" align="center" style="padding:14px 8px;border-bottom:2px solid #26221F;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;font-weight:bold;color:#26221F;">スタンダード</td>
    <td width="33%" align="center" bgcolor="#2B5EA7" style="padding:14px 8px;background-color:#2B5EA7;border-bottom:2px solid #26221F;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;font-weight:bold;color:#ffffff;">プレミアム</td>
  </tr>
  <tr>
    <td style="padding:12px 10px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;color:#5F584E;border-bottom:1px solid #D2CBBB;">送料</td>
    <td align="center" style="padding:12px 8px;font-family:Arial,sans-serif;font-size:13px;color:#26221F;border-bottom:1px solid #D2CBBB;">¥550</td>
    <td align="center" bgcolor="#EAF0F9" style="background-color:#EAF0F9;padding:12px 8px;font-family:Arial,sans-serif;font-size:13px;font-weight:bold;color:#2B5EA7;border-bottom:1px solid #D2CBBB;">無料</td>
  </tr>
  <tr>
    <td style="padding:12px 10px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;color:#5F584E;border-bottom:1px solid #D2CBBB;">返品保証</td>
    <td align="center" style="padding:12px 8px;font-family:Arial,sans-serif;font-size:15px;color:#8C8475;border-bottom:1px solid #D2CBBB;">&#10005;</td>
    <td align="center" bgcolor="#EAF0F9" style="background-color:#EAF0F9;padding:12px 8px;font-family:Arial,sans-serif;font-size:15px;color:#2B5EA7;border-bottom:1px solid #D2CBBB;">&#10003;</td>
  </tr>
  <tr>
    <td style="padding:12px 10px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;color:#5F584E;">優先サポート</td>
    <td align="center" style="padding:12px 8px;font-family:Arial,sans-serif;font-size:15px;color:#8C8475;">&#10005;</td>
    <td align="center" bgcolor="#EAF0F9" style="background-color:#EAF0F9;padding:12px 8px;font-family:Arial,sans-serif;font-size:15px;color:#2B5EA7;">&#10003;</td>
  </tr>
  <tr>
    <td style="padding:16px 10px 0;"></td>
    <td align="center" style="padding:16px 8px 0;">
      <a href="https://example.com/" target="_blank" style="display:inline-block;border:solid 10px #26221F;border-left-width:20px;border-right-width:20px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;font-weight:bold;color:#ffffff;text-decoration:none;background-color:#26221F;">選択</a>
    </td>
    <td align="center" bgcolor="#EAF0F9" style="background-color:#EAF0F9;padding:16px 8px 0;">
      <a href="https://example.com/" target="_blank" style="display:inline-block;border:solid 10px #2B5EA7;border-left-width:20px;border-right-width:20px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;font-weight:bold;color:#ffffff;text-decoration:none;background-color:#2B5EA7;">選択</a>
    </td>
  </tr>
</table>
重量 3071 g OutlookGmailApple MailORIGINAL
MD06-013-JP

再入荷通知登録カードBack-in-Stock Notify

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;border:1px solid #D2CBBB;">
  <tr>
    <td width="140" valign="top">
      <img src="https://example.com/your-image.jpg" width="140" height="140" alt="品切れ中の商品" style="display:block;width:140px;height:140px;border:0;background-color:#E5DFD0;opacity:0.55;">
    </td>
    <td valign="middle" style="padding:16px 18px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;">
      <span style="display:inline-block;font-size:11px;font-weight:bold;letter-spacing:1px;color:#ffffff;background-color:#5F584E;padding:3px 10px;">只今品切れ</span>
      <div style="padding-top:8px;font-size:15px;font-weight:bold;line-height:1.5;color:#26221F;">再入荷したらいちばんにお知らせします</div>
      <div style="padding-top:6px;font-size:12px;line-height:1.8;color:#5F584E;">入荷通知に登録すると、再入荷のタイミングでメールが届きます。</div>
      <div style="padding-top:12px;">
        <table role="presentation" cellpadding="0" cellspacing="0" border="0">
          <tr>
            <td align="center" bgcolor="#2B5EA7">
              <a href="https://example.com/" target="_blank" style="display:inline-block;border:solid 11px #2B5EA7;border-left-width:22px;border-right-width:22px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;font-weight:bold;color:#ffffff;text-decoration:none;background-color:#2B5EA7;">入荷通知を受け取る</a>
            </td>
          </tr>
        </table>
      </div>
    </td>
  </tr>
</table>
重量 1635 g OutlookGmailApple MailORIGINAL
MD06-014-JP

あなたへのおすすめ商品カードPersonalized Recommendation

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;border:1px solid #D2CBBB;">
  <tr>
    <td style="padding:14px 18px 0;">
      <span style="display:inline-block;font-family:'IBM Plex Mono',Arial,sans-serif;font-size:10px;font-weight:bold;letter-spacing:2px;color:#26221F;background-color:#E8B93B;padding:3px 10px;">PERSONALIZED</span>
    </td>
  </tr>
  <tr>
    <td style="padding:8px 18px 2px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;color:#5F584E;">
      田中様の購入履歴からのおすすめ
    </td>
  </tr>
  <tr>
    <td width="90" style="padding:10px 0 6px 18px;">
      <img src="https://example.com/your-image.jpg" width="90" height="90" alt="おすすめ商品" style="display:block;width:90px;height:90px;border:0;background-color:#E5DFD0;">
    </td>
  </tr>
  <tr>
    <td style="padding:8px 18px 2px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:16px;font-weight:bold;color:#26221F;">
      前回お買い上げの商品と好相性
    </td>
  </tr>
  <tr>
    <td style="padding:0 18px 10px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;line-height:1.8;color:#5F584E;">
      同じお客様の多くが一緒に選んでいる一品です。
    </td>
  </tr>
  <tr>
    <td style="padding:0 18px 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;">
      <span style="font-size:19px;font-weight:bold;color:#D7000F;">¥3,280</span>
      <span style="font-size:12px;color:#5F584E;">(税込)</span>
    </td>
  </tr>
  <tr>
    <td style="padding:0 18px 20px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td align="center" bgcolor="#26221F">
            <a href="https://example.com/" target="_blank" style="display:block;padding:12px 0;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;font-weight:bold;color:#ffffff;text-decoration:none;background-color:#26221F;">詳しく見る</a>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
重量 2141 g OutlookGmailApple MailORIGINAL