*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif;color:#2b2b2b;background:#faf7f5;line-height:1.75}
.pr{background:#fff3cd;border-bottom:1px solid #e6d28a;padding:8px 16px;font-size:13px;text-align:center}
.pr b{background:#c0392b;color:#fff;border-radius:3px;padding:1px 6px;margin-right:6px;font-size:12px}
header{padding:20px 16px 8px;text-align:center}header a{color:inherit;text-decoration:none}
header h1{margin:0;font-size:22px;letter-spacing:.05em}header p{margin:4px 0 0;font-size:13px;color:#777}
main{max-width:640px;margin:0 auto;padding:8px 16px 32px}
.card{background:#fff;border-radius:14px;padding:18px;margin:16px 0;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.card h2{font-size:18px;margin:0 0 8px}.card h3{font-size:16px;margin:14px 0 4px}
.icon{font-size:28px}
.tag{display:inline-block;font-size:12px;background:#f1e7e3;border-radius:999px;padding:2px 10px;margin:2px 4px 2px 0}
.btn{display:block;text-align:center;background:#d9776b;color:#fff;font-weight:bold;text-decoration:none;padding:14px;border-radius:999px;margin:16px 0 4px}
.btn:active{opacity:.8}.note{font-size:12px;color:#888}
ul{padding-left:1.2em}a{color:#b5584c}
footer{text-align:center;font-size:12px;color:#888;padding:20px 16px 40px}footer a{color:#888;margin:0 6px}