/* BASIC css start */
.cw-mailtitle { font-weight: 700; padding-top: var(--cw-size-60); font-size: var(--cw-size-24); line-height: var(--cw-size-32); color: var(--cw-heading-color); }
.cw-maillist { margin-top: var(--cw-size-40); border-top: 1px solid var(--cw-heading-color); }
.cw-maillist .mail-title { margin-top: var(--cw-size-40); padding-bottom: var(--cw-size-12); font-size: var(--cw-size-18); font-weight: 700; line-height: var(--cw-size-26); border-bottom: 1px solid var(--cw-heading-color); }
.cw-maillist .write-info { display: grid; grid-template-columns: var(--cw-size-120) auto; align-items: center; row-gap: var(--cw-size-20); padding: var(--cw-size-20) 0; border-bottom: 1px solid var(--cw-color-30); font-size: var(--cw-size-14); }
.cw-maillist .write-info dt { font-weight: 400; }
.cw-maillist .write-info dd :where(.cw-textfield, .cw-select-box) { width: var(--cw-size-400); }
.cw-maillist .write-info dd textarea.cw-textfield { width: 100%; height: var(--cw-size-200); }
.cw-maillist .write-info dd #shop_email { font-weight: 600; }
.cw-maillist .write-info dd.email .cw-textfield { width: var(--cw-size-190); }
.cw-maillist .write-info dd.email .cw-select-box { margin-top: var(--cw-size-10); }
.cw-maillist .member-txt { position: relative; margin-top: var(--cw-size-10); padding-left: var(--cw-size-8); font-size: var(--cw-size-13); line-height: var(--cw-size-18); color: var(--cw-color-80); }
.cw-maillist .member-txt::before { content: ''; position: absolute; top: var(--cw-size-8); left: 0; width: var(--cw-size-2); height: var(--cw-size-2); background-color: var(--cw-color-80); border-radius: var(--cw-size-10); }
.cw-maillist .agree-wrap { display: grid; row-gap: var(--cw-size-10); padding: var(--cw-size-20) 0; font-size: var(--cw-size-14); border-bottom: 1px solid var(--cw-color-30); }
.cw-maillist .agree-wrap textarea { width: 100%; height: var(--cw-size-80); }
.cw-maillist .agree-wrap .msg { color: var(--cw-color-80); }
.cw-maillist .agree-wrap .agree { font-weight: 600; }
.cw-mailbtns { display: flex; justify-content: center; align-items: center; gap: var(--cw-size-8); padding-top: var(--cw-size-40); }
.cw-mailbtns a { width: var(--cw-size-300); }

@media (max-width: 991.98px) {
    .cw-mailtitle { display: none; }
}
@media (max-width: 767.98px) {
    .cw-maillist .mail-title { padding-bottom: var(--cw-size-10); font-size: var(--cw-size-16); line-height: var(--cw-size-24); }
    .cw-maillist .write-info { grid-template-columns: auto; row-gap: var(--cw-size-6); font-size: var(--cw-size-13); }
    .cw-maillist .write-info dt { line-height: var(--cw-size-18); }
    .cw-maillist .write-info dd:not(:last-of-type) { margin-bottom: var(--cw-size-14); }
    .cw-maillist .write-info dd :where(.cw-textfield, .cw-select-box) { width: 100% !important; }
    .cw-maillist .write-info dd.email .box { display: flex; align-items: center; justify-content: space-between; column-gap: var(--cw-size-4); }
    .cw-maillist .member-txt { font-size: var(--cw-size-12); line-height: var(--cw-size-16); }
    .cw-maillist .agree-wrap { font-size: var(--cw-size-13); line-height: var(--cw-size-18); }
    .cw-mailbtns a { width: 100%; }
}
/* BASIC css end */