2026年2月2日

/* 冒頭の警告：明朝体 20px 赤太字 */
.warning-header {
font-family: "MS Mincho", "Shippori Mincho", serif;
font-size: 20px;
font-weight: bold;
color: #ff0000;
border: 2px solid #ff0000;
padding: 20px;
margin-bottom: 30px;
text-align: center;
background-color: #2a0000;
}

h3 {
color: #ffffff;
border-left: 6px solid #ff0000;
padding: 5px 15px;
margin-top: 40px;
background: linear-gradient(to right, #330000, transparent);
}

.bold { font-weight: bold; }
.red { color: #ff0000; font-weight: bold; }
.blue-under { color: #0000ff; text-decoration: underline; }

/* --- メール本文再現エリア --- */
.email-preview {
background-color: #ffffff; /* メール内部のみ白（再現のため） */
color: #333333;
max-width: 600px;
margin: 20px auto;
border: 1px solid #ccc;
font-size: 14px;
text-align: center;
padding-bottom: 20px;
}
.email-header-bar {
background-color: #232f3e;
padding: 15px 25px;
display: flex;
justify-content: space-between;
align-items: center;
}
.amazon-logo { color: #ff9900; font-size: 20px; font-weight: bold; }
.paidy-logo { color: #00adff; font-size: 20px; font-weight: bold; }

.hero-banner {
background-color: #ff9900;
padding: 25px 10px;
color: #232f3e;
}
.hero-banner h1 { margin: 0; font-size: 22px; }
.hero-banner p { margin: 5px 0 0; font-weight: bold; }

.price-box {
border: 2px solid #ff9900;
border-radius: 12px;
width: 80%;
margin: 20px auto;
padding: 15px;
}
.price-large { color: #b12704; font-size: 45px; font-weight: bold; margin: 10px 0; }

.feature-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
width: 90%;
margin: 0 auto;
}
.feature-item {
background-color: #f7fafa;
padding: 10px;
border-radius: 5px;
text-align: left;
font-size: 12px;
}

.step-container {
display: flex;
justify-content: space-around;
margin: 25px 0;
}
.step-circle {
width: 40px;
height: 40px;
border-radius: 50%;
color: white;
line-height: 40px;
font-weight: bold;
font-size: 20px;
}

.deadline-box {
border: 2px solid #b12704;
border-radius: 8px;
margin: 20px;
padding: 10px;
color: #b12704;
font-weight: bold;
}

.cta-btn {
background-color: #ff9900;
color: #ffffff !important;
padding: 15px 40px;
border-radius: 30px;
display: inline-block;
font-weight: bold;
font-size: 18px;
margin: 20px 0;
text-decoration: none;
}
/* --- メール再現ここまで --- */

.data-table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}
.data-table th, .data-table td {
border: 1px solid #444;
padding: 12px;
}
.data-table th { background-color: #2a2a2a; width: 30%; }