/*============================
news
============================*/
.news_inner {
    max-width: 1200px;
    padding: 0 100px;
    margin: 0 auto;
}

.news_logo {
    text-align: left;
    padding: 120px 0 40px 0px;
}

.news_iframe {
    width: 100%;
    height: 300px;
    margin-bottom: 70px;
}

/*============================
201908 追加
タブ切り替え
============================*/
/*============================
system配下の共通タブ
============================*/
.tab-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .40rem;
}
.tab_btn {
    margin-right: .12rem;
    position: relative;
}
.tab_btn.new::after {
    content: "NEW";
    color: #eb2435;
    font-size: .18rem;
    font-weight: bold;
    position: absolute;
    top: -.15rem;
    left: -.05rem;
    background-color: #fff;
    line-height: 1;
    padding: .02rem;
    border-radius: .05rem;
}
.tab_btn a,
.tab_btn span {
    font-size: .35rem;
    font-weight: bold;
    line-height: .58rem;
    display: inline-block;
    border: 2px solid #4c92ff;
    border-radius: .29rem;
    height: .58rem;
    width: 2.40rem;
    text-align: center;
}
.tab_btn a:hover {
    text-decoration: none;
}
.tab-contents {
    margin-bottom: .60rem;
}
.collabo_lead {
    font-size: .28rem;
    margin-bottom: .55rem;
}
.collabo_slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
}
.collabo_slide_item {
    width: 2.92rem;
    margin: 0 0.4rem;
}
.collabo_ttl {
    margin-bottom: .32rem;
}
.collabo_img {
    margin-bottom: .25rem;
}
.collabo_btn {}
.collabo_copy {
    font-size: .10rem;
}



/*コラボ予定が1ヶ月分のCSS キービジュアルとmp4モーダルを使用*/
.visual_and_movie {text-align: center;}
.visual_and_movie .collabo_ttl img,.visual_and_movie .collabo_btn img {width: 2.9rem;}
.visual_and_movie ul {
    margin: .6rem auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 9.2rem;
}
.visual_and_movie li:first-child {
    margin: 0 .6rem 0 0;
    max-width: 4.8rem;
}
.visual_and_movie li:last-child {max-width: 3.8rem;}
.visual_and_movie a {display: block;}
.visual_and_movie a:hover {opacity: .8;}
.collabo_copyright {
    margin: .3rem 0 0 0;
    font-size: .14rem;
    text-align: right;
}
.mfp-close-btn-in .mfp-close {
    color: #4c91ff;
    opacity: 1;
    font-size: 70px;
    top: -100px;
    right: 0;
    margin: 0 auto;
    font-weight: 200;
    padding-right: 0;
}
.mfp-close {
    width: 100px;
    height: 100px;
    line-height: 100px;
}
video {
    width: 100% !important;
    outline: none;
}