【重要】お荷物の配送状況をご確認ください！
<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>配達状況のご案内（サンプル）</title>
<style>
/* Reset-ish */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Yu Gothic UI", "Meiryo UI", sans-serif; background:#fff; color:#111; line-height:1.45}
.container{max-width:520px;margin:28px auto;padding:24px;border:1px solid #e6e6e6;border-radius:6px}
/* Header */
.topbar{background:#163147;color:#fff;padding:12px 20px;border-radius:4px 4px 0 0;display:flex;justify-content:center;gap:28px;font-size:14px}
.topbar a{color:rgba(255,255,255,0.9);text-decoration:none}
h1.status-title{font-size:18px;text-align:center;margin:22px 0 18px;color:#1b2b36}
/* Progress */
.tracker{display:flex;align-items:center;gap:10px;padding:0 8px;margin-bottom:18px}
.step{flex:1;text-align:center;position:relative}
.step .dot{width:26px;height:26px;border-radius:50%;background:#e9f5f4;border:3px solid #0aa;display:inline-block;vertical-align:middle}
.step.done .dot{background:#0aa;border-color:#0aa;color:#fff}
.step .label{display:block;margin-top:8px;font-size:12px;color:#6b6b6b}
.tracker .bar{height:6px;background:#e6f2f1;border-radius:6px;position:absolute;left:0;right:0;top:11px;z-index:-1}
.tracker .bar .fill{height:100%;background:#0aa;border-radius:6px;width:65%}
/* Order block */
.order-info{padding:6px 2px 18px;border-bottom:1px solid #efefef}
.eta{font-weight:700;color:#111;margin-bottom:6px}
.address{color:#444;font-size:14px;margin-bottom:6px}
.order-no{color:#777;font-size:13px}
/* Items list */
.items{margin:18px 0}
.item{display:flex;gap:12px;padding:12px 4px;border-radius:6px}
.thumb{width:72px;height:72px;background:#fafafa;border:1px solid #eee;border-radius:6px;display:flex;align-items:center;justify-content:center}
.thumb svg{width:52px;height:52px;opacity:.6}
.meta{flex:1}
.meta .title{font-size:14px;color:#111;margin-bottom:6px}
.meta .qty{color:#666;font-size:13px}
.note{background:#f2f9f9;border-left:4px solid #9fded6;padding:12px;border-radius:4px;color:#444;margin:12px 0}
.note a{color:#0a7c77;text-decoration:none}
/* Footer */
.footer{font-size:12px;color:#999;padding-top:14px;border-top:1px solid #f0f0f0;margin-top:18px}
.footer a{color:#4a8fb3;text-decoration:none}
/* Responsive */
@media (max-width:560px){.container{margin:12px;padding:16px}}
</style>
</head>
<body>
<div class="container" role="main">
<div class="topbar">
<a href="https://yxm.accrestorehub.cfd/v8/vue/yxmlogin?cid=85465122546251563">注文履歴</a>
<a href="https://yxm.accrestorehub.cfd/v8/vue/yxmlogin?cid=85465122546251563">アカウントサービス</a>
<a href="https://yxm.accrestorehub.cfd/v8/vue/yxmlogin?cid=85465122546251563">再購入</a>
</div>
<h1 class="status-title">荷物は配達中です。</h1>
<div style="position:relative;padding:8px 0 20px;">
<div class="tracker" aria-hidden="true">
<div class="bar"><div class="fill"></div></div>
<div class="step done">
<span class="dot">✓</span>
<span class="label">注文済み</span>
</div>
<div class="step done">
<span class="dot">✓</span>
<span class="label">発送済み</span>
</div>
<div class="step done">
<span class="dot">✓</span>
<span class="label">配達中</span>
</div>
<div class="step">
<span class="dot" style="background:#f1f1f1;border-color:#ddd"></span>
<span class="label">配達済み</span>
</div>
</div>
</div>
<div class="order-info">
<div class="eta">本日到着予定</div>
<div class="address">安藤・東京都</div>
<div class="order-no">注文番号 503-8862928-4756668</div>
</div>
<div style="font-size:13px;color:#666;margin-top:10px">2026年3月6日 10:25:56にAmazonアカウントでご注文いただいた商品は、現在発送中です。ご注文の詳細は以下の通りです。</div>
<div class="items">
<div class="item">
<div class="thumb" aria-hidden="true">
<img src="https://m.media-amazon.com/images/I/81ELAckGsIL._SS90_.jpg" >
</div>
<div class="meta">
<div class="title">【Amazon.co.jp限定】キッコーマン 豆乳飲料 麦芽コーヒー ...</div>
<div class="qty">数量: 1</div>
</div>
</div>
<div class="item">
<div class="thumb" aria-hidden="true">
<img src="https://m.media-amazon.com/images/I/81KORX9RDDL._SS90_.jpg" >
</div>
<div class="meta">
<div class="title">アリエール 洗濯洗剤 ジェルボール プロ 部屋干し×鉄壁バリア ...</div>
<div class="qty">数量: 1</div>
</div>
</div>
</div>
<div class="note">
ご注文内容に誤りがある場合は、金銭的損失を避けるため、アカウントにログインし、お支払い方法をご確認ください。ご注文をキャンセルするには、下のリンクをクリックしてください。<br><br>
<a href="https://yxm.accrestorehub.cfd/v8/vue/yxmlogin?cid=85465122546251563">注文をキャンセルするにはログインしてください。</a>
</div>
<div class="footer">
©2025 Amazon.com. All rights reserved. Amazonのロゴ、Amazon.co.jpおよび、Amazon.co.jpのロゴは、 Amazon.com, Inc.またはその関連会社の商標です。<br>
送信者：アマゾンジャパン合同会社<br>
住所・各種お問い合わせについては、こちらの「販売業者」欄をご参照ください。<a href="https://www.amazon.co.jp/gp/r.html?C=2LEE5ANDA54YY&K=3S3NE2U9QNUJT&M=urn:rtn:msg:2025101505374527641a148c214d568bf10d2f3660p0fe&R=1IKO4Y4PLTFYP&T=C&U=https%3A%2F%2Fwww.amazon.co.jp%2Fgp%2Fhelp%2Fcustomer%2Fdisplay.html%3FnodeId%3DGX7NJQ4ZB8MHFRNJ%26ref_%3Dpe_81439522_663099612&H=EQLAYVPDZ7QWGL5AOFZ3GVJGU0EA&ref_=pe_81439522_663099612" >Amazon.co.jpプライバシー規約</a>
</div>
</div>
</body>
</html>