__DMMオンラインサロン：今なら10,000ポイントがもらえる！
DMMポイント特典のお知らせbody {margin: 0;padding: 0;font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;background-color: #f3f4f6;color: #333;}.mail-shell {width: 100%;padding: 32px 12px;background-color: #f3f4f6;box-sizing: border-box;}.mail-box {max-width: 680px;margin: auto;background-color: #fff;border: 1px solid #ddd;border-radius: 10px;box-shadow: 0 2px 6px rgba(0,0,0,0.05);overflow: hidden;}.mail-top {background: linear-gradient(90deg, #9d002b, #c4002e);color: #fff;padding: 20px 28px;font-size: 20px;font-weight: bold;text-align: center;}.mail-content {padding: 28px;font-size: 15px;line-height: 1.8;}.mail-highlight {background: #fff0f0;border: 1px dashed #c4002e;padding: 16px;margin: 20px 0;font-size: 14px;border-radius: 6px;}.btn-area {text-align: center;margin: 36px 0;}.claim-btn {display: inline-block;background: #c4002e;color: #fff;padding: 14px 36px;font-size: 15px;font-weight: bold;text-decoration: none;border-radius: 100px;box-shadow: 0 2px 4px rgba(0,0,0,0.2);transition: all 0.2s ease;}.claim-btn:hover {background: #a80024;}.mail-note {padding: 0 28px 28px;font-size: 13px;color: #555;line-height: 1.6;}.mail-footer {background-color: #f7f7f7;font-size: 12px;color: #777;padding: 20px;text-align: center;border-top: 1px solid #ccc;}@media screen and (max-width: 600px) {.mail-content, .mail-note {padding: 20px 16px;font-size: 14px;}.claim-btn {width: 100%;box-sizing: border-box;padding: 16px 0;border-radius: 6px;}}