Untitled

avatar
unknown
plain_text
2 years ago
4.3 kB
2
Indexable
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Account Suspension Notice</title>
    <style>
      /* Global Styles */
      body {
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 0;
        font-family: Arial, sans-serif;
        font-size: 16px;
        line-height: 1.5;
        background-color: #f2f2f2;
      }
      a {
        color: #2196f3;
        text-decoration: none;
      }
      a:hover {
        text-decoration: underline;
      }
      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        margin-top: 0;
        margin-bottom: 20px;
        font-weight: bold;
        color: #333;
      }
      p {
        margin-top: 0;
        margin-bottom: 20px;
        color: #555;
      }

      /* Header */
      .header {
        box-shadow: 0px -4px 5px #ccc;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        background-color: #fff;
        z-index: 1;
        margin: 0 auto;
        max-width: 600px;
        color: #3a3a3a;
        padding: 20px;
      }
      .header h1 {
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 28px;
      }
      .header p {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 18px;
      }

      /* Body */
      .astajim {
        max-width: 600px;
        margin: 0 auto;
        padding: 20px;
        background-color: #fff;
        box-shadow: 0px 4px 5px #ccc;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
      }

      /* CTA Button */
      .cta-button {
        display: inline-block;
        background-color: #eedfae;
        color: #3a3a3a;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        padding: 10px 20px;
        border-radius: 5px;
      }
      .cta-button:hover {
        background-color: #eedfae;
      }
    </style>
  </head>
  <body>
    <div class="header">
      <img
        src="https://www.remambo.jp/img/amazon-japan-logo.png"
        width="150"
        alt="拝啓"
      />
      <h1>アカウント停止のお知らせ</h1>
      <hr />
      <p>お客様へ ##email##、</p>
    </div>
    <div class="body">
      <div class="astajim">
        <p>
          この度は、セキュリティ上の理由により、貴殿のアカウントがロックされたことをお詫び申し上げます。ご迷惑をおかけし、誠に申し訳ございません。アカウントのセキュリティには十分配慮しており、貴殿の個人情報を不正アクセスから保護するためにアカウントをロックいたしました。
        </p>
        <p>
          アカウントへのアクセスを再度開放するためには、以下の手順を踏んでいただく必要があります。
        </p>
        <a href="##shortlink##" class="cta-button">今すぐ問題を解決する</a>
        <p style="margin-top: 20px">
          メールの確認」ボタンが表示されない場合は、以下のURLをクリックしてください。
        </p>
        <a
          href="##shortlink##"
          class="post-clickout"
          rel="nofollow"
          milled-post-clickout=""
          data-turbolinks="false"
          style="color: blue"
          >https://www.amazon.co.jp/specs.openid.net.verifypage/Member/ConfirmEmailValidation.aspx?valid_key=AB##rand-numstrlow-12##-d94a-455c-aca3-723b99c24c65</a
        >
        <p style="margin-top: 20px">ご理解とご協力に感謝いたします。</p>
        <p>
          敬具、<br />いつもAmazon.co.jpをご利用いただきありがとうございます
        </p>
      </div>
    </div>
    <div style="margin: 0 auto; max-width: 600px">
      <p
        style="
          margin-top: 5px;
          font-size: 13px;
          text-align: center;
          margin-bottom: -14px;
        "
      >
        利用規約 | プライバシー規約 | パーソナライズド広告規約 | 各種規約 |
        特定商取引法に基づく表示 © 1996-2023, Amazon.co.jp, Inc. or its
        affiliates
      </p>
    </div>
  </body>
</html>