/* 55-3 メルマガの登録・設定・停止の画面（/magazine/?mm=…）。欄の札は部2 の sk-form.css。色はサイトの sk-chrome.css と同じ値 */
.sk-mm{background:#F7F1E7;color:#2B1D14}
.sk-mm-head{background:#2A1A12;color:#F3DDAE;padding:2rem 0 1.75rem}
.sk-mm-crumb{font-size:.8125rem;color:#DCCFBC;margin-bottom:.75rem}
.sk-mm-crumb a{color:#E9C88C;text-decoration:none}
.sk-mm-crumb a:hover{text-decoration:underline}
.sk-mm-head h1{margin:0;font-family:"Yu Mincho","YuMincho","Hiragino Mincho ProN",serif;font-size:1.75rem;font-weight:700;line-height:1.4;color:#F3DDAE}
.sk-mm-body{padding:2rem 0 3.5rem}
.sk-mm-wrap{max-width:44rem}
.sk-mm-wrap>p{font-size:1rem;line-height:1.85;margin:.75rem 0}
.sk-mm-lead{font-size:1.0625rem}
.sk-mm-small{font-size:.875rem;color:#665647}
.sk-mm-notice{margin:0 0 1rem;padding:.875rem 1rem;border:1px solid #C9A96A;border-left-width:4px;background:#FFF6DE;font-weight:700;line-height:1.7}
.sk-mm-notice.is-warn{border-color:#b42318;background:#fff5f4;color:#7a1a12}
.sk-mm-box{background:#fff;border:1px solid #E6DACA;border-left:3px solid #C9A96A;padding:.875rem 1.125rem;margin:1rem 0}
.sk-mm-box p{margin:.25rem 0}
.sk-mm-form{margin:1rem 0}
.sk-mm-fixed{margin:.25rem 0;font-weight:700;word-break:break-all}
.sk-mm-partial{margin-top:1.5rem}
.sk-mm .sk-form-actions{margin-top:1rem}
.sk-mm-form select{display:block;width:100%;max-width:100%;min-height:3rem;padding:.5rem .75rem;border:1px solid #cdbb9f;border-radius:4px;background:#fff;color:#2B1D14;font:inherit;font-size:1rem}
.sk-mm-form select:focus{outline:2px solid #C9A96A;outline-offset:0}
.sk-mm-small a,.sk-mm-wrap>p a{color:#7A4E2D;text-decoration:underline;text-underline-offset:.15em}
.sk-mm-partial .sk-form-choices{margin:.5rem 0}
@media (max-width:600px){.sk-mm-head{padding:1.5rem 0 1.25rem}.sk-mm-head h1{font-size:1.375rem}.sk-mm-body{padding:1.5rem 0 2.5rem}}