html,body{background-color:#fafafa;-webkit-tap-highlight-color:rgba(0,0,0,0)}.page-mailsetting .container{width:100%;max-width:1240px;padding:0 24px;-webkit-box-sizing:content-box;box-sizing:content-box}.mailsetting{padding:40px 0 80px;min-height:calc(100vh - 220px)}.mailsetting-inner{max-width:1240px;margin:0 auto;padding:0 24px;-webkit-box-sizing:content-box;box-sizing:content-box}.mailsetting-title{margin-bottom:40px}.mailsetting-title h2{font-size:32px;font-weight:600;color:#222;text-align:left;letter-spacing:1px}.mailmagazine-genre{margin-bottom:32px}.mailmagazine-genre-list ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}.mailmagazine-genre-list ul li{margin:0 8px 4px 0}.mailmagazine-genre-list ul li:last-child{margin-right:0}.mailmagazine-genre-item label{display:block;padding:13px;border-radius:4px;border:1px solid #dbdbdb;background-color:#fff;cursor:pointer}.mailmagazine-genre-item label span{color:#484848;font-size:14px;font-weight:600;text-align:center}.mailmagazine-genre-item label:hover{background-color:#0078c6}.mailmagazine-genre-item label:hover span{color:#fff}input[name=mailmagazine_genre]{display:none}input[name=mailmagazine_genre]:checked+label{background-color:#0078c6}input[name=mailmagazine_genre]:checked+label span{color:#fff}.mailmagazine-setting{margin-bottom:32px}.mailmagazine-setting-list>li{margin-bottom:35px}.mailmagazine-setting-list>li:last-child{margin-bottom:0}.mailmagazine-list{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px 12px}.mailmagazine-list-genretitle{margin-bottom:16px;color:#222;font-size:24px;font-weight:600;text-align:left}.mailmagazine-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;padding:16px;background-color:#fff;border:1px solid #dbdbdb}.mailmagazine-item>div:last-child{margin-bottom:0}.mailmagazine-title-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:10px}.mailmagazine-thumbnail{min-width:68px;margin-right:12px;border:1px solid #dbdbdb;background:#fff;overflow:hidden}.mailmagazine-thumbnail img{width:68px;height:68px}.mailmagazine-title{margin-bottom:6px;color:#222;font-size:16px;font-weight:600}.mailmagazine-label span{display:inline-block;margin-right:6px;padding:4px 4px 3px 4px;font-size:11px;font-weight:300;text-align:center;background-color:#f4f4f4;color:#222}.mailmagazine-label span:last-child{margin-right:0}.mailmagazine-description{margin-bottom:2px;color:#222;font-size:13px;font-weight:300;line-height:150%}.mailmagazine-samplelink{margin-bottom:10px;text-align:left;line-height:1}.mailmagazine-samplelink a{font-size:13px;font-weight:300;color:#0078c6;text-decoration:underline}.mailmagazine-samplelink a:hover{text-decoration:none}.mailmagazine-btn{display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px 0px 14px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px;background:#0078c6;position:relative;min-height:44px;cursor:pointer}.mailmagazine-btn>span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;color:#fff;text-align:center;font-size:15px;font-weight:600}.mailmagazine-btn:hover{background-color:#008cea}.mailmagazine-btn>span:not(.error)::before{display:inline-block;content:"";margin-right:8px;width:14px;height:14px;background:url(/vol1/images/v2/pc/mailsetting/icon_plus.svg) 0 0 no-repeat;background-size:contain}.is-set.mailmagazine-btn{background-color:#dbdbdb}.is-set.mailmagazine-btn:hover{background-color:#ebebeb}.is-set.mailmagazine-btn span{color:#222}.is-set.mailmagazine-btn span::before{display:none}.is-dantai .mailmagazine-btn{background-color:#dbdbdb}.is-dantai .is-set.mailmagazine-btn{background-color:#ebebeb}.is-dantai .is-set.mailmagazine-btn span{color:#fff}.is-new{position:relative}.is-new::before{display:inline-block;content:"";width:72px;height:32px;background:url(/vol1/images/v2/pc/mailsetting/new.svg) 0 0 no-repeat;background-size:contain;position:absolute;top:-10px;left:-10px}.mailmagazine-btnmessage-wrapper{width:100%;position:absolute;top:-109px;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.is-regist.mailmagazine-btnmessage-wrapper,.is-cancel.mailmagazine-btnmessage-wrapper{top:-69px}.mailmagazine-btnmessage-contents{padding:14px;background-color:#fff;border-radius:4px;position:relative;-webkit-filter:drop-shadow(0px 3px 6px #ccc);filter:drop-shadow(0px 3px 6px #ccc);-webkit-transform:translateZ(0);transform:translateZ(0)}.mailmagazine-btnmessage-contents::before{content:"";position:absolute;top:100%;left:50%;margin-left:-7px;border:7px solid rgba(0,0,0,0);border-top:11px solid #fff}.is-regist .mailmagazine-btnmessage-contents{padding:7.5px}.is-cancel .mailmagazine-btnmessage-contents{padding:21px}.mailmagazine-btnmessage-txt{color:#222;text-align:center;font-size:13px;font-weight:300}.lottie-check-animation{display:none}.is-regist .mailmagazine-btnmessage-txt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#0078c6}.is-regist .mailmagazine-btnmessage-txt span{color:#0078c6}.is-regist .mailmagazine-btnmessage-txt .lottie-check-animation{display:inline-block;position:relative;width:40px;height:40px;margin-right:4px}.mailmagazine-btnmessage-btn-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-top:10px}.mailmagazine-btnmessage-regist{width:48%;margin-right:4%}.mailmagazine-btnmessage-regist a{display:inline-block;width:100%;padding:12px 0px;border-radius:4px;background:#0078c6;text-align:center}.mailmagazine-btnmessage-regist a:hover{background-color:#008cea}.mailmagazine-btnmessage-regist span{color:#fff;text-align:center;font-size:12px;font-weight:600}.mailmagazin-btnmessage-login{width:48%}.mailmagazin-btnmessage-login a{display:inline-block;width:100%;padding:12px 0px;border-radius:4px;border:1px solid #a8a8a8;background:#fff;text-align:center}.mailmagazin-btnmessage-login a:hover{background-color:#f4f4f4}.mailmagazin-btnmessage-login span{color:#222;text-align:center;font-size:12px;font-weight:600}.loader,.loader:after{width:30px;height:30px;border-left-color:#fff;border-width:.3em;position:absolute}.mailmagazine-note{font-size:12px;color:#222}