@charset "utf-8";
.magazine-h1 { font-size: 30px; }
.mz-top{position:relative; width:750px; height:884px; margin:0 70px 0 0; background-color:#000;}
.mz-top a {display:block; width:100%; height:884px;}
.mz-top a .mz-txt1{z-index:1;}
.mz-top a img{width:100%; height:100%; object-fit:cover; opacity:.9;}
.mz-txt1{position: absolute;color:#000;bottom:90px;left: 60px;}
.mz-txt1 span{font-size:40px;font-family: 'AppleSDGothicNeo';font-weight: 500;display:block;}
.mz-txt1 h2{font-size:50px;font-family: 'AppleSDGothicNeo';font-weight: 900;line-height:60px;padding:0;margin-top:30px}
.mz-txt1 p{font-size:20px;font-family: 'AppleSDGothicNeo';font-weight: 500;line-height: 30px;margin-top: 20px}
.mz-txt1.white>*{color:#fff;}
.mz-list{margin:0 -35px;}
.mz-item{margin:0 35px 20px;width:375px}
.mz-item .img{position:relative;width:375px;height:302px}
.mz-item .img img{width:100%; height:100%;}
.mz-item .img em{position:absolute;left:0;top:0;display:block;height:50px;line-height:50px;min-width:50px;text-align:center;padding:0 6px;font-size:18px;font-weight:500;color:#fff;background:#333;}
.mz-txt2{padding:15px 0 15px 0;}
.mz-txt2 span{font-size:14px;color:#888;padding:8px 0 0 0;display:block;}
.mz-txt2 h3{color:#333;font-size:18px;line-height:26px;margin:0 0 10px 0;}
.mz-txt2 p{font-size:15px;color:#888; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; min-height:43px;}
.mz-txt3{padding:40px 20px 30px 20px;}
.mz-txt3 em{display:inline-block;height:35px;line-height:35px;min-width:35px;text-align:center;padding:0 6px;font-size:13px;font-weight:500;color:#fff;background:#333;}
.mz-txt3 h3{color:#333;font-size:28px;font-weight:500;line-height:22px;margin:0 0 5px 0;}
.mz-txt3 p{font-size: 20px;color:#888;margin-top:20px}
.mz-view{position:relative;}
.mz-view-top{position:absolute;right:0;top:40px}
.mz-view-top span{font-size:14px;color:#888;padding:0;display:inline-block;margin:0 15px 0 0;}
.mz-view-top .share {display:inline-block;background-image: url(../images/common/icons-24-px-share.svg);background-repeat: no-repeat;background-position: center;text-indent: -9999px;width: 42px;height: 42px;border:1px solid #ddd}
.mz-lists-wrap{padding:80px 0}
.mz-magazine{padding:80px 0 0 0;}
.mz-magazine li{width:380px;margin:0 20px;}
.mz-magazine li:first-child{margin:0 20px 0 0;}
.mz-magazine li:last-child{margin:0 0 0 20px;}
.mz-magazine li a{position:relative;display:block;text-align:left;color:#333;}
.mz-magazine li a p{font-size:18px;line-height:20px;padding:30px 0 10px 0;}
.mz-magazine li a span{font-size:14px;color:#888;}
.mz-view img{width:100%;}
.subscribe_wrap {
    position: relative;
    padding: 48px 0 190px;
    text-align: center;
    border-top: 2px solid #000;
}
.subscribe_wrap p {font-size: 18px; letter-spacing: -0.025em;}
.subscribe_wrap .subscribe_b {
    position: absolute;
    display: block;
    right: 0;
    top: 30px;
    width: 218px;
    height: 52px;
    line-height: 52px;
    padding-right: 30px;
    color: #fff;
    background: #333;
    font-size: 18px;
    background-image: url("../images/magazine/subscribe_ico_w.png");
    background-repeat: no-repeat;
    background-position: 167px 15px;
    letter-spacing: -0.025em;
}
.mz-view-top.left {
    right: unset;
    left: 0;
    top: 50px;
}
.mz-view-top .subscribe {
    display: inline-block;
    background-image: url("../images/magazine/subscribe_ico.png");
    background-repeat: no-repeat;
    background-position: 128px 11px;
    width: 163px;
    height: 42px;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 42px;
    font-size: 16px;
    letter-spacing: -0.025em;
    padding-right: 30px;
}
.modelMgz{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 91;
    padding: 20px;
    box-sizing: border-box;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.5);
    text-align: center;
    display: none;
}
.modelMgz:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.05em;
}