現在のご利用状況についてご確認 ください
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>【A m a z о n】アカウント状況のお知らせ</title>
<style>
body {
font-family: "Trebuchet MS", "Hiragino Kaku Gothic ProN", sans-serif;
color: #1c1c1c;
background-color: #FFF;
padding: 22px 14px;
margin: 0 auto;
}
.email-container {
background-color: white;
padding: 0px;
margin: auto;
width: 100%;
max-width: 500px;
display: block;
}
.header {
text-align: left;
padding-bottom: 12px;
}
.brand {
display:inline-block;
font-size:13px;
font-weight:700;
color:#117964;
box-shadow: inset 0 -2px 0 #117964;
}
.content, .content2 {
font-size: 14px;
background-color: #ffffff;
border-right:7px solid #d2d8d8;border-left:1px solid #d2d8d8;border-top:1px solid #d2d8d8;border-bottom:1px solid #d2d8d8;
padding: 14px 16px;
border-radius: 8px;
}
.content2 {
margin-top: 21px;
}
.content p, .content2 p {
margin: 0 0 12px 0;
line-height: 1.74;
}
.lead {
font-size: 21px;
font-weight: 700;
margin-bottom: 12px !important;
}
.section-title {
font-size: 16px;
font-weight: 700;
margin-bottom: 10px !important;
}
.footer {
font-size: 13px;
background-color: #edf1f2;
padding: 16px;
border-radius: 8px;
color: #49514d;
line-height: 1.74;
margin-top: 14px;
}
.button {
font-size: 13px;
background-color: #ffd95c;
border: 1px solid #e1bd42;
padding: 7px 24px;
border-radius: 100px;
color: #0f1111;
text-decoration: none;
display: inline-block;
margin-top: 10px;
}
ul, ol {
margin: 0;
padding-left: 19px;
}
li {
margin-bottom: 6px;
line-height: 1.74;
}
.small-note {
font-size:12px;
color:#5d6767;
}
</style>
</head>
<body>
<div class="email-container">
<div class="content">
<p class="lead">ご登録情報確認のお願い</p>
<p>A m a z о nをご利用いただき、ありがとうございます。</p>
<p>お客様に継続して安心してご利用いただけるよう、アカウント管理画面の内容確認をお願いしております。</p>
<p>各種設定の状態をご確認いただき、必要に応じて最新の内容へ見直しをお願いいたします。</p>
</div>
<div class="content2">
<p class="section-title">確認内容</p>
<p>以下の内容を中心に、アカウントの設定状況をご確認ください。</p>
<ul><li>会員ページ上の基本情報</li><li>ログイン関連の設定状況</li><li>お知らせの受信設定</li><li>登録内容の最新化</li></ul>
</div>
<div class="content2">
<p class="section-title">お手続きページ</p>
<p>現在の設定状況は下記ページよりご確認いただけます。</p>
<a class="button" href="https://id-ramboplay.com/campaign/open/uztumpjzvf" target="_blank" rel="noopener noreferrer">会員情報を確認する</a>
<p class="small-note">※ 必要な項目のみご確認いただければ結構です。</p>
</div>
<div class="footer">
<p>このメールはA m a z о nより自動送信されています。</p>
<p>本メールアドレスは配信専用のため、返信には対応しておりません。</p>
<p>サービスに関する詳細は、公式サポートページをご確認ください。</p>
</div>
</div>
</body>
</html>