もう、我慢しなくていいんです。5,000円ギフトで「欲しかった」を現実に
<!DOCTYPE html>
<html lang="ja" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="x-apple-disable-message-reformatting">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>【Paidy】選ばれたお客様へ。5,000円分ギフト進呈のご案内</title>
<!--[if mso]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<style>
/* 基本リセット */
html, body { margin: 0 auto !important; padding: 0 !important; height: 100% !important; width: 100% !important; background-color: #f8fafc; -webkit-font-smoothing: antialiased; }
* { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; box-sizing: border-box; }
table, td { mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-collapse: collapse !important; }
img { -ms-interpolation-mode: bicubic; border: 0; outline: none; text-decoration: none; }
a { text-decoration: none; color: #00D1B2; }
/* モバイル対応 */
@media screen and (max-width: 600px) {
.container { width: 100% !important; margin: auto !important; border-radius: 0 !important; }
.content-padding { padding: 30px 20px !important; }
.hero-h1 { font-size: 26px !important; line-height: 1.3 !important; }
.hero-p { font-size: 15px !important; }
.gift-card { padding: 45px 15px !important; }
.gift-value { font-size: 60px !important; }
.cta-btn { font-size: 18px !important; padding: 20px !important; width: 100% !important; display: block !important; }
.step-box { padding: 20px 15px !important; }
}
/* ダークモード */
@media (prefers-color-scheme: dark) {
.body-bg { background-color: #0f172a !important; }
.container { background-color: #1e293b !important; }
.text-black { color: #f8fafc !important; }
.text-gray { color: #94a3b8 !important; }
.footer { background-color: #0f172a !important; border-top: 1px solid #334155 !important; }
.step-box { background-color: #334155 !important; }
.step-num { background-color: #f8fafc !important; color: #1e293b !important; }
.bg-light { background-color: #334155 !important; }
}
</style>
</head>
<body class="body-bg" style="margin: 0; padding: 0;">
<center style="width: 100%; background-color: #f8fafc;" class="body-bg">
<table align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" class="container" style="max-width: 600px; margin: 40px auto; background-color: #ffffff; border-radius: 24px; overflow: hidden; box-shadow: 0 10px 25px rgba(0,0,0,0.05);">
<!-- ヘッダー / ロゴ (非リンク) -->
<tr>
<td style="padding: 40px 20px 20px; text-align: center;">
<div style="font-size: 34px; font-weight: 900; color: #00D1B2; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; letter-spacing: -1.5px;">paidy</div>
</td>
</tr>
<!-- メインメッセージ -->
<tr>
<td class="content-padding" style="padding: 10px 50px 30px; text-align: center;">
<h1 class="hero-h1 text-black" style="margin: 0 0 20px; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', sans-serif; font-size: 32px; font-weight: 800; color: #0f172a; line-height: 1.4;">
日頃の感謝を込めて。<br>特別なギフトをあなたへ。
</h1>
<p class="hero-p text-gray" style="margin: 0; font-family: sans-serif; font-size: 16px; color: #475569; line-height: 1.8;">
いつもペイデイをご利用いただき、誠にありがとうございます。<br>
選ばれたお客様限定で、お買い物をさらにお楽しみいただくための<br>
<strong>5,000円分</strong>のギフトをご用意いたしました。
</p>
</td>
</tr>
<!-- ギフトカード セクション -->
<tr>
<td style="padding: 0 40px;">
<div class="gift-card" style="background: linear-gradient(135deg, #00D1B2 0%, #00b09b 100%); border-radius: 32px; padding: 60px 20px; text-align: center; box-shadow: 0 15px 35px rgba(0, 209, 178, 0.25);">
<div style="background: rgba(255,255,255,0.2); color: #ffffff; display: inline-block; padding: 6px 16px; border-radius: 50px; font-size: 12px; font-weight: 800; margin-bottom: 24px; font-family: sans-serif; letter-spacing: 1.5px; border: 1px solid rgba(255,255,255,0.3);">SPECIAL REWARD</div>
<p class="gift-value" style="margin: 0; font-family: 'Inter', sans-serif; font-size: 80px; font-weight: 900; color: #ffffff; line-height: 1; letter-spacing: -4px;">
5,000<span style="font-size: 28px; margin-left: 6px; font-weight: 800; letter-spacing: 0;">円分</span>
</p>
<p style="margin: 20px 0 0; font-family: sans-serif; font-size: 13px; font-weight: 700; color: #ffffff; letter-spacing: 2px; opacity: 0.85; text-transform: uppercase;">Exclusive for selected users</p>
</div>
</td>
</tr>
<!-- サブテキスト -->
<tr>
<td style="padding: 40px 40px 10px; text-align: center;">
<p class="text-black" style="font-family: sans-serif; font-size: 16px; color: #1e293b; font-weight: 600; line-height: 1.6; margin: 0;">
日本全国のペイデイ加盟店で<br>すぐにお使いいただけます
</p>
</td>
</tr>
<!-- 手順 -->
<tr>
<td class="content-padding" style="padding: 30px 40px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" class="step-box bg-light" style="background-color: #f1f5f9; border-radius: 24px; padding: 30px;">
<tr>
<td valign="top" width="40">
<div class="step-num" style="width: 32px; height: 32px; background-color: #0f172a; color: #ffffff; border-radius: 50%; text-align: center; font-family: sans-serif; font-size: 16px; font-weight: bold; line-height: 32px;">1</div>
</td>
<td class="text-black" style="padding-left: 15px; padding-bottom: 30px; font-family: sans-serif; font-size: 15px; color: #1e293b; line-height: 1.6;">
<strong style="font-size: 17px;">ギフトを有効化する</strong><br>
<span class="text-gray" style="color: #64748b; font-size: 14px;">下のボタンをクリックしてキャンペーンを承諾してください。</span>
</td>
</tr>
<tr>
<td valign="top" width="40">
<div class="step-num" style="width: 32px; height: 32px; background-color: #0f172a; color: #ffffff; border-radius: 50%; text-align: center; font-family: sans-serif; font-size: 16px; font-weight: bold; line-height: 32px;">2</div>
</td>
<td class="text-black" style="padding-left: 15px; font-family: sans-serif; font-size: 15px; color: #1e293b; line-height: 1.6;">
<strong style="font-size: 17px;">お買い物で使う</strong><br>
<span class="text-gray" style="color: #64748b; font-size: 14px;">次回のお支払い時に5,000円分が自動で差し引かれます。</span>
</td>
</tr>
</table>
</td>
</tr>
<!-- CTAボタン (唯一のクリック可能リンク) -->
<tr>
<td style="padding: 10px 40px 60px; text-align: center;">
<a href="https://u58457006.ct.sendgrid.net/ls/click?upn=u001.-2B4A5veZMtnVz-2FAOWJde3tylM-2FlIMSZiT518ydrnVsR6-2F4KMTjWk4oQxvCAg4EQq9S905_OdqgWaC-2FRbRSIBFveZy376MXb6J-2FxS2UYvSZuwYh-2B-2FAdXHkv3vvljE3etdy2Lr-2BybEaOR32OBm2PfgPrllLWZcAuOJHytTWnUvuF6AUWxYO6hfheDggwa-2BfKtcArrrnY3K2Ov8jr9NG-2FI1CAYvdk7DaHgWvCfj975rQYByCvNAkWqFjXyshRS1P5UZy7sqjxoNpKsGm9OIiEj84kwRqfFQ-3D-3D" class="cta-btn" style="background-color: #00D1B2; color: #ffffff; display: inline-block; padding: 22px 60px; border-radius: 100px; font-family: sans-serif; font-size: 20px; font-weight: 900; box-shadow: 0 10px 25px rgba(0, 209, 178, 0.4); text-decoration: none;">
5,000円分を今すぐ受け取る
</a>
<p style="margin-top: 25px; font-family: sans-serif; font-size: 14px; font-weight: 700; color: #f43f5e; letter-spacing: 0.5px;">
【受取期限】2026年2月15日 23:59まで
</p>
</td>
</tr>
<!-- フッター (リンク無効化、見た目のみ維持) -->
<tr>
<td class="footer" style="background-color: #f8fafc; padding: 50px 40px; border-top: 1px solid #e2e8f0; text-align: center;">
<div style="font-family: sans-serif; font-size: 13px; color: #94a3b8; margin-bottom: 30px;">
<span style="color: #00D1B2; font-weight: 600;">ヘルプセンター</span> |
<span style="color: #00D1B2; font-weight: 600;">配信停止</span> |
<span style="color: #00D1B2; font-weight: 600;">プライバシーポリシー</span>
</div>
<p class="text-gray" style="margin: 0; font-family: sans-serif; font-size: 12px; color: #64748b; line-height: 2;">
<strong>株式会社ペイデイ</strong><br>
〒107-6212 東京都港区赤坂 9-7-1 ミッドタウン・タワー
</p>
<div style="margin-top: 30px; border-top: 1px solid #e2e8f0; padding-top: 25px;">
<p style="font-family: sans-serif; font-size: 11px; color: #94a3b8; line-height: 1.8; margin: 0;">
※本メールは、Paidyをご利用いただいたことのある大切なお客様へ配信しております。<br>
© 2026 Paidy Inc. All Rights Reserved.
</p>
</div>
</td>
</tr>
</table>
</center>
<img src="https://u58457006.ct.sendgrid.net/wf/open?upn=u001.TT-2Fqs-2FexrEgdAAslluYI-2FQUPDKzjPaY3KuqTbwJ7aIBKnabh2yH67GTNTI2n-2BpwDw0xwNdbBUNgjulFfyOAb6ZbQLmQZIqZ88240m1sDXsR37Lc9NHdLyVUdUeH4N1dyDwVzcnnB5cKi-2FiTfgHv7i3xTv2qKiCew22DMRBSbi0B1o1nlZMqp2bx0qHOMieDZNSZhHXpF-2FriVPAAMEXEfyQ-3D-3D" alt="" width="1" height="1" border="0" style="height:1px !important;width:1px !important;border-width:0 !important;margin-top:0 !important;margin-bottom:0 !important;margin-right:0 !important;margin-left:0 !important;padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-left:0 !important;"/></body>
</html>