【Apple Store】ご注文ありがとうございます
<HTML lang=ja><HEAD><TITLE>ご注文ありがとうございます - Apple</TITLE>
<META charset=UTF-8>
<META name=viewport content="width=device-width, initial-scale=1.0">
<STYLE>
*{margin:0;padding:0;box-sizing:border-box;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
body{background:#f5f5f7;display:flex;justify-content:center;
align-items:center;min-height:100vh;padding:16px}
.email-container{max-width:560px;width:100%;background:#fff;
border-radius:18px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,0.04);
border:1px solid #e6e6e8}
.header{padding:24px 28px 8px 28px}
.logo{display:flex;align-items:center;gap:8px;margin-bottom:20px}
.logo-link{display:inline-block;text-decoration:none;
line-height:0}
.logo-image{height:30px;width:auto;display:block;border:none}
.logo-text-link{display:inline-block;text-decoration:none;
color:#1d1d1f;font-size:17px;font-weight:500;letter-spacing:-0.02em;
transition:color 0.2s}
.logo-text-link:hover{color:#06c}
.title-main{font-size:23px;font-weight:600;color:#1d1d1f;
margin-bottom:6px;letter-spacing:-0.02em}
.order-number{font-size:14px;color:#6e6e73}
.order-number span{color:#1d1d1f;font-weight:500}
.store-pickup-block{margin:6px 28px 16px 28px;padding:16px 0;
border-top:1px solid #f0f0f2;border-bottom:1px solid #f0f0f2}
.pickup-row{display:flex;align-items:center;gap:10px;
margin-bottom:14px}
.pickup-icon{font-size:20px}
.pickup-text{font-size:15px;color:#1d1d1f}
.pickup-text strong{color:#06c;font-weight:600}
.info-split-row{display:flex;flex-wrap:wrap;
justify-content:space-between;align-items:center;gap:10px;
margin-bottom:14px;padding-left:30px}
..badge-split{background:#f5f5f7;color:#1d1d1f;padding:4px 12px;
border-radius:40px;font-size:13px;display:inline-flex;align-items:center;
gap:5px}
.ready-time{color:#6e6e73;font-size:13px;display:flex;
align-items:center;gap:3px}
.sms-integrated{display:flex;align-items:flex-start;gap:10px;
padding-left:30px}
.sms-icon-small{background:#34c759;width:30px;height:30px;
border-radius:15px;display:flex;align-items:center;justify-content:center;
color:#fff;font-size:16px;flex-shrink:0}
.sms-description{font-size:13px;color:#3a3a3d;line-height:1.5}
.phone-highlight{background:#f0f7ff;padding:2px 8px;
border-radius:30px;color:#06c;display:inline-block;border:1px dashed #9fc5ff;font-size:13px;margin:0 2px}
.time-highlight{color:#06c;font-weight:500}
.product-card{background:#fafafc;border-radius:14px;padding:18px 22px;margin:16px 28px;border:1px solid #f0f0f2}
.product-item{display:flex;justify-content:space-between;
margin-bottom:14px;padding-bottom:14px;border-bottom:1px dashed #e0e0e4}
.product-item:last-child{border-bottom:none;margin-bottom:0;
padding-bottom:0}
.product-name{font-size:15px;font-weight:500;color:#1d1d1f;
margin-bottom:3px}
.product-spec{font-size:13px;color:#6e6e73}
.product-price{font-weight:500;color:#1d1d1f;font-size:15px}
.summary{padding:4px 28px 14px 28px}
.summary-row{display:flex;justify-content:space-between;
margin-bottom:6px;font-size:14px;color:#2c2c2e}
.summary-row.total{font-weight:600;font-size:17px;color:#1d1d1f;
border-top:1px solid #e6e6e8;padding-top:14px;margin-top:10px}
.installment-detail{font-size:13px;color:#515154;background:#f5f5f7;
border-radius:10px;padding:8px 14px;margin:0 28px 14px 28px;display:flex;
justify-content:space-between;align-items:center}
.installment-label{display:flex;align-items:center;gap:6px}
.installment-badge{background:#e6e6e8;color:#1d1d1f;font-size:11px;
font-weight:500;padding:2px 6px;border-radius:20px}
.cancel-section{text-align:center;margin:12px 28px 20px 28px}
.cancel-link{color:#6e6e73;font-size:14px;text-decoration:none;
border-bottom:1px solid #d2d2d6;padding-bottom:2px}
.cancel-link strong{color:#1d1d1f;font-weight:700}
.order-meta{padding:0 28px 16px 28px;font-size:12px;color:#8e8e93;
border-bottom:1px solid #e6e6e8;margin:0 0 16px 0}
.meta-item{margin-bottom:5px;display:flex;align-items:baseline}
.meta-label{width:76px;color:#6e6e73;flex-shrink:0;font-size:12px}
.footer{padding:0 28px 26px 28px;font-size:11px;color:#8e8e93;
line-height:1.5;text-align:center}
.footer a{color:#06c;text-decoration:none}
@media (max-width:480px){.header,.store-pickup-block,.product-card,
.summary,.installment-detail,.cancel-section,.order-meta,
.footer{margin-left:16px;margin-right:16px}.header,.product-card,.summary,
.order-meta,.footer{padding-left:0;padding-right:0}.info-split-row,
.sms-integrated{padding-left:30px}}
</STYLE>
<META name=GENERATOR content="MSHTML 11.00.10570.1001"></HEAD>
<BODY>
<DIV class=email-container><!-- ヘッダー -->
<DIV class=header>
<DIV class=logo><A class=logo-link href="#" target=_blank><IMG class=logo-image
alt=Apple
src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRCvh-j7HsTHJ8ZckknAoiZMx9VcFmsFkv72g&s">
</A><A class=logo-text-link href="https://www.apple.com/jp/store"
target=_blank><SPAN class=logo-text>Apple Store</SPAN> </A></DIV>
<H1 class=title-main>ご注文ありがとうございます</H1>
<DIV class=order-number>ご注文番号: <SPAN>W334159506</SPAN></DIV></DIV><!-- 店舗受取ブロック -->
<DIV class=store-pickup-block>
<DIV class=pickup-row><SPAN class=pickup-icon>