        .mm-attention{
            font-size:12px;
            color: #ef0712;
        }
        .mnt-msg{
            font-size:18px;
            color: #ef0712;
        }
        #d-header ~ div#w{
            padding:0;
        }

        .select-tab-malmag {
            font-weight:bold;
            font-size:22px;
            text-align: center;
            color: #4e5661;
        }
        .select-tab-malmag02 {
            font-size:19px;
            text-align: center;
            padding: 3px 0 3px;
        }
        .tx-tab-malmag {
            padding: 20px 0 0;
            font-size:20px;
            text-align: center;
        }
        .tx-tab-malmag p {
            font-size:15px;
            margin-top: 8px;
        }
        .tx-tab-malmag p span {
            color:red;
            font-weight: bold;
        }
        
        .unit-tx-tab {
            margin-top: 10px; 
            border-radius: 10px; 
            background: rgb(245, 250, 255);
        }
        .unit-tx-tab .tab-area {
            font-size: 30px; 
            font-weight: bold;
        }

        .page-mailmagazine-index .area-tab-malmag {
            width: 100%;
            margin-top: 70px;
            padding-top: 55px;
            padding-bottom: 100px;
            background: #f0f2f5;
        }

        .page-mailmagazine-index .area-tab-malmag .contents-tab-malmag {
            width: 920px;
            margin: 0 auto;
            background: #fff;
            border-top: solid 5px #FF9C00;
        }

        .page-mailmagazine-index .area-tab-malmag .bt-tab-malmag .off:hover { background: #8f97b8; }

        .page-mailmagazine-index .area-tab-malmag .bt-tab-malmag .on {
            height: 70px;
            margin-top: 0;
            background: #FF9C00;
            font-size: 21px;
            line-height: 73px;
        }
        .page-mailmagazine-index .area-tab-malmag .bt-tab-malmag .on img {
            display: inline-block;
            line-height: 70px;
        }
        .page-mailmagazine-index .area-tab-malmag .bt-tab-malmag .on:hover span { text-decoration: underline; }

        .page-mailmagazine-index .area-tab-malmag .bt-tab-malmag .unregister-on {
            height: 70px;
            margin-top: 0;
            background: #46B6EA;
            font-size: 21px;
            line-height: 73px;
        }
        .page-mailmagazine-index .area-tab-malmag .bt-tab-malmag .unregister-on img {
            display: inline-block;
            line-height: 70px;
        }
        .page-mailmagazine-index .area-tab-malmag .bt-tab-malmag .unregister-on:hover span { text-decoration: underline; }

        .page-mailmagazine-index .area-tab-malmag .contents-inner-tab .area-tab-list {
            position: relative;
            padding: 20px 0 10px 25px;
            color: #000000;
            overflow: hidden;
        }
        .page-mailmagazine-index .area-tab-malmag .contents-inner-tab .area-tab-list.list-com {
            margin-top: 30px;
            border-bottom: solid 1px #666a78;
        }
        .page-mailmagazine-index .area-tab-malmag .contents-inner-tab .area-tab-list.list-r18 {
            margin-top: 30px;
            border-bottom: solid 1px #f06e6e;
            color: #e90000;
        }
        .page-mailmagazine-index .area-tab-malmag .contents-inner-tab .bt-switch-list {
            width: 250px;
            height: 40px;
            margin: 0 0 0 550px;
            border: solid 1px #ced1dc;
            /* box-shadow */
            box-shadow:0px 1px 0px 0px #e8e8e8;
            -moz-box-shadow:0px 1px 0px 0px #e8e8e8;
            -webkit-box-shadow:0px 1px 0px 0px #e8e8e8;
            /* border-radius */
            border-radius:2px;
            -moz-border-radius:2px;
            -webkit-border-radius:2px;
            /* border */
            color: #323646;
            font-size: 13px;
        }
        .page-mailmagazine-index .area-tab-malmag .contents-inner-tab .mg-top {
            margin-top: 10px;
        }
        .page-mailmagazine-index .area-tab-malmag .contents-inner-tab ul {
            list-style: none;
            padding-left: 0px;
        }
        .page-mailmagazine-index .area-tab-malmag .contents-inner-tab ul li {
            width: 820px;
            height: 70px;
            margin: 0 auto;
            border-bottom: solid 1px #e5e7eb;
            overflow: hidden;
        }
        .page-mailmagazine-index .area-tab-malmag .contents-inner-tab ul li dl {
            height: 70px;
            margin: 0 0 0 10px;
            padding: 0;
        }
        .page-mailmagazine-index .area-tab-malmag .contents-inner-tab ul li dl dt {
            display: table-cell;
            width: 270px;
            height: 70px;
            margin: 0;
            padding-left: 30px;
            font-size: 17px;
            font-weight: bold;
            vertical-align: middle;
        }
        .page-mailmagazine-index .area-tab-malmag .contents-inner-tab .bt-switch-list a span {
            display: block;
            margin: 0 auto;
            padding-right: 5%;
            line-height: 3.2em;
            text-align: center;
        }
        .page-mailmagazine-index .area-tab-malmag .contents-inner-tab .bt-switch-list:after {
            display: block;
            position: relative;
            top: -23px;
            left: 228px;
            width: 6px;
            height: 6px;
            border-top: 1px solid #323646;
            border-right: 1px solid #323646;
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            content: "";
        }

        .contents-inner-tab input[type=checkbox] {
            display: inline-block;
            margin-right: 6px;
        }
        .contents-inner-tab input[type=checkbox] + label {
            display: inline-block;
            position: relative;
            font-size: 14px;
            line-height: 30px;
            cursor: pointer;
        }
        @media (min-width: 1px) {
            .contents-inner-tab input[type=checkbox] {
                display: none;
                margin: 0;
            }
            .contents-inner-tab input[type=checkbox] + label {
                width: 820px;
                height: 70px;
            }
            .contents-inner-tab input[type=checkbox] + label::before {
                display: block;
                position: absolute;
                top: 26px;
                left: 12px;
                width: 18px;
                height: 18px;
                margin: 0;
                background: #ffffff;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                content: "";
            }
            .contents-inner-tab .switch-select-all input[type=checkbox] + label::before {
                top: 12px;
                left: 14px;
                margin-left: 0;
            }
            .contents-inner-tab .switch-select-all {
                color: #323646;
                font-size: 13px;
            }
            .contents-inner-tab .switch-select-all input[type=checkbox] + label {
                width: 60px;
                height: 34px;
                margin-right: 0;
                padding-left: 33px;
                font-size: 14px;
                line-height: 41px;
                vertical-align: bottom;
            }
            .contents-inner-tab input[type=checkbox] + label::before { border: 1px solid #c5c5c5; }
            .contents-inner-tab input[type=checkbox]:checked + label::after {
                display: block;
                position: absolute;
                top: 27px;
                left: 16px;
                width: 16px;
                height: 8px;
                margin: 0;
                                border-left: 3px solid #ff8900;
                border-bottom: 3px solid #ff8900;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
                content: "";
            }
            .contents-inner-tab .switch-select-all input[type=checkbox]:checked + label::after {
                top: 14px;
                left: 18px;
                width: 14px;
                height: 7px;
            }
        }

        .bt-switch-list02 {
            width: 260px;
            height: 37px;
            margin: 26px 0 55px 569px;
            border: solid 1px #c8ccda;
            /* box-shadow */
            box-shadow:0px 1px 0px 0px #e6e6e6;
            -moz-box-shadow:0px 1px 0px 0px #e6e6e6;
            -webkit-box-shadow:0px 1px 0px 0px #e6e6e6;
            /* border-radius */
            border-radius:2px;
            -moz-border-radius:2px;
            -webkit-border-radius:2px;
            /* border */
            color: #565d77;
            font-size: 13px;
        }
        .bt-switch-list02 a {
            display: block;
            width: 260px;
            height: 37px;
            color: #565d77;
            text-align: center;
        }
        .bt-switch-list02 a span {
            display: block;
            margin: 0 auto 0 -12px;
            line-height: 2.9em;
            text-align: center;
        }
        .bt-switch-list02:after {
            display: block;
            position: relative;
            top: -23px;
            left: 235px;
            width: 6px;
            height: 6px;
            border-top: 1px solid #323646;
            border-right: 1px solid #323646;
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            content: "";
        }
        .bt-switch-list02:hover { background: #e5e7ed; }

        .page-mailmagazine-index .area-tab-malmag .contents-inner-tab .sample-malmag {
            width: 78px;
            text-align: left;
            font-size: 13px;
        }
        .page-mailmagazine-index .area-tab-malmag .contents-inner-tab .sample-malmag a {
            padding-left: 14px;
        }
        .page-mailmagazine-index .area-tab-malmag .contents-inner-tab .sample-malmag a:hover {
            text-decoration: underline;
        }

        
        #mu { padding: 0; }
        .page-mailmagazine-index { color: #323646; }
        .page-mailmagazine-index a { text-decoration: none; }
        .page-mailmagazine-index .area-head {
            width: 100%;
            background: #323646;
        }

        .page-mailmagazine-index .area-head h2,
        .page-mailmagazine-index .area-head-desc,
        .page-mailmagazine-index .area-add {
            width: 900px;
            margin: 0 auto;
            text-align: left;
        }
        .page-mailmagazine-index .area-head h2 {
            padding: 16px;
            color: #fff;
            font-weight: normal;
            font-size: 23px;
        }
        .page-mailmagazine-index .area-head h2 img {
            position: relative;
            padding: 7px 10px 0 0;
            vertical-align: top;
        }
        .page-mailmagazine-index .area-head-desc .page-mailmagazine-desc {
            margin: 25px 0px 35px;
            font-size: 14px;
        }
        .page-mailmagazine-index .area-add .area-add-inner {
            width: 860px;
            margin: 0 auto;
            border: solid 1px #d3d3d3;
            background: #f2f4f7;
            text-align: center;
        }
        .page-mailmagazine-index .area-add .area-add-inner .box-add {
            width: 760px;
            margin: 42px auto;
            padding: 24px 0;
            background: #fff;
        }
        .page-mailmagazine-index .area-add .area-add-inner .box-add .regist-add {
            display: inline-block;
            margin: 0;
            padding-right: 10px;
            color: #4e4e4e;
            font-weight: normal;
            font-size: 13px;
            line-height: 1.9em;
        }
        .page-mailmagazine-index .area-add .area-add-inner .box-add .add {
            display: inline-block;
            margin: 0;
            padding: 0 30px;
            font-size: 16px;
            font-weight: bold;
            word-break: break-all;
            line-height: 1.4em;
        }
        .page-mailmagazine-index .area-add .area-add-inner .box-add .add .domain {
            display: inline-block;
            word-break: normal;
        }
        .page-mailmagazine-index .area-add .bt-add-change {
            margin-bottom: 48px;
        }
        .page-mailmagazine-index .area-add .bt-add-change a {
            font-size: 16px;
        }
        .page-mailmagazine-index .area-add .bt-add-change a:hover {
            text-decoration: underline;
        }
        .page-mailmagazine-index .area-tab-malmag .bt-tab-malmag {
            width: 920px;
            margin: 0 auto;
            padding-top: 28px;
            line-height: 60px;
            overflow: hidden;
        }
        .page-mailmagazine-index .area-tab-malmag .bt-tab-malmag div {
            float: left;
            width: 458px;
            margin-top: 10px;
            background: #596282;
            color: #fff;
            font-size: 19px;
            text-align: center;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            -webkit-border-bottom-right-radius: 0px;
            -webkit-border-bottom-left-radius: 0px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
            -moz-border-radius-bottomright: 0px;
            -moz-border-radius-bottomleft: 0px;
        }
        .page-mailmagazine-index .area-tab-malmag .bt-tab-malmag .subscription:nth-child(2) { margin-left: 4px; }
        .page-mailmagazine-index .area-tab-malmag .bt-tab-malmag a {
            display: block;
            width: 458px;
            height: 60px;
            color: #fff;
        }
        .page-mailmagazine-index .area-tab-malmag .bt-tab-malmag img {
            display: inline-block;
            margin: -4px 8px 0 0;
            vertical-align: middle;
        }
        .page-mailmagazine-index .area-tab-malmag .bt-tab-malmag span { display: inline-block; }

        .page-mailmagazine-index .area-tab-malmag .contents-tab-malmag .contents-inner-tab {
            width: 840px;
            margin: 0 auto;
            padding: 25px 0 90px;
        }
        .page-mailmagazine-index .area-tab-malmag .contents-inner-tab .area-capt { overflow: hidden; }
        .page-mailmagazine-index .area-tab-malmag .contents-inner-tab .area-capt>div { float: left; }
        .page-mailmagazine-index .area-tab-malmag .contents-inner-tab .capt-list-malmag { margin-left: 18px; }
        .page-mailmagazine-index .area-tab-malmag .contents-inner-tab .capt-list-malmag h3,
        .page-mailmagazine-index .area-tab-malmag .contents-inner-tab .capt-list-malmag p {
            margin: 0 0 0 5px;
            font-size: 22px;
            font-weight: bold;
        }
        .page-mailmagazine-index .area-tab-malmag .contents-inner-tab .capt-list-malmag p { font-size: 14px; }
        .page-mailmagazine-index .area-tab-malmag .contents-inner-tab .bt-switch-list a {
            display: block;
            width: 250px;
            height: 40px;
            color: #323646;
            text-align: center;
        }

        .page-mailmagazine-index .area-tab-malmag .contents-inner-tab .bt-switch-list:hover { background: #e5e7ed; }
        .page-mailmagazine-index .area-tab-malmag .contents-inner-tab .area-tab-list .switch-select-all{
            display: inline-block;
            margin-left: 24px;
            user-select: none;
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
        }
        .page-mailmagazine-index .area-tab-malmag .contents-inner-tab .area-tab-list h3 {
            float:left;
            width: 430px;
            margin: 0;
            font-weight: bold;
            font-size: 24px;
        }
        .page-mailmagazine-index .area-tab-malmag .contents-inner-tab .area-tab-list h3 span { font-weight: bold; }
        .page-mailmagazine-index .area-tab-malmag .contents-inner-tab .area-tab-list.list-r18 h3 { float: left; }

        .page-mailmagazine-index .area-tab-malmag .contents-inner-tab .area-tab-list .wrap-switch-select-all {
            width: 370px;
            float: left;
            text-align: right;
        }
        .page-mailmagazine-index .area-tab-malmag .contents-inner-tab .area-tab-list .wrap-switch-select-all .tx-caution {
            display: inline-block;
            margin-right: 2px;
            padding: 5px 11px 5px 18px;
            border: solid 1px #e90000;
            border-radius: 21px;
            -moz-border-radius: 21px;
            -webkit-border-radius: 21px;
            font-size: 11px;
            line-height: 1.2em;
            text-align: left;
        }
        .page-mailmagazine-index .area-tab-malmag .contents-inner-tab ul li .nolist {
            padding: 9px 0 5px 25px;
            font-size: 13px;
        }
        .page-mailmagazine-index .area-tab-malmag .contents-inner-tab ul li dl dd {
            display: table-cell;
            width: 430px;
            height: 70px;
            color: #595b66;
            font-size: 14px;
            line-height: 1.3em;
            vertical-align: middle;
        }

        .contents-inner-tab ul li label:hover { background: #e1e2ed; }
        .contents-inner-tab ul.only li label:hover { background: none; }
        .contents-inner-tab input label { border-bottom: solid 1px #e5e7eb; }
        img.preload{
            width: 0px;
            height: 0px;
            display:none;
        }

                /* 登録・解除ボタン用style */
        .page-mailmagazine-index .area-tab-malmag .contents-tab-malmag .area-bt-mail-resist {
            position: relative;
            text-align: center;
            margin: 75px auto 0;
        }
        .page-mailmagazine-index .area-tab-malmag .contents-tab-malmag .area-bt-mail-resist input.bt-mail-resist,
        .page-mailmagazine-index .area-tab-malmag .contents-tab-malmag .area-bt-mail-resist input.bt-mail-resist-gray {
            font-size: 16px;
            height: 50px;
            line-height: 50px;
            border-radius: 100px;
            box-shadow: none;
            border: none;
            padding: 0 50px;
        }
        .page-mailmagazine-index .area-tab-malmag .contents-tab-malmag .area-bt-mail-resist input.bt-mail-resist {
            background-color: #ffc864;
            cursor: pointer;
        }
        .page-mailmagazine-index .area-tab-malmag .contents-tab-malmag .area-bt-mail-resist input.bt-mail-resist:hover {
            background-color: rgba(255, 200, 100, 0.8);
        }
        .page-mailmagazine-index .area-tab-malmag .contents-tab-malmag .area-bt-mail-resist input.bt-mail-resist-gray {
            background-color: #e5e5e5;
            color: rgba(51, 51, 51, 0.2);
            cursor: default;
        }
        

        /* 告知用style */
        .announce-box {
            padding: 0.5em 1em;
            margin: 2em 0;
            color: #232323;
            background: #fff8e8;
            border-left: solid 10px #ffc06e;
        }
        .announce-box p {
            margin: 2px;
            padding: 2px;
        }
        .announce-box.blue {
            background: #e8f4ff;
            border-left: solid 10px #5ab2ff;

            p {
              text-align: center;
            }
            img {
              width: 80%;
              height: auto;
              display: block;
              margin: 1em auto;
            }
            .title {
              font-size: 1.5em;
              font-weight: bold;
              margin: 1em;
            }
            ul {
              width: 200px;
              margin: 10px auto;
            }
        }
