/*============================
news
============================*/
section {
    padding-bottom: 120px;
}

.news_inner {
    max-width: 750px;
    margin: 0 auto 20px;
}

.news_logo {
    text-align: left;
    padding: 165px 25px 40px;
}

.news_iframe {
    width: 700px;
    height: 300px;
    margin: 0 25px 70px;
}



br.pc_only {
    display: none;
}

/*============================
201908 追加
タブ切り替え
============================*/
.tab-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 25px 32px;
}
.tab_btn {
    margin-right: 10px;
    position: relative;
}
.tab_btn.new::after {
    content: "NEW";
    color: #eb2435;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    top: -15px;
    left: -5px;
    background-color: #fff;
    line-height: 1;
    padding: 2px;
    border-radius: 5px;
}
.tab_btn a,
.tab_btn span {
    font-size: 24px;
    font-weight: bold;
    line-height: 40px;
    display: inline-block;
    border: 2px solid #4c92ff;
    border-radius: 20px;
    height: 40px;
    width: 166px;
    text-align: center;
}
.tab_btn a:hover {
    text-decoration: none;
}
.tab-contents {
    margin: 0 15px 50px;
}
.collabo_lead {
    font-size: 28px;
    margin-bottom: 45px;
}
.collabo_slide_item {
    text-align: center;
}
.collabo_ttl {
    width: 524px;
    margin: 0 auto 60px;
}
.collabo_img {
    width: 524px;
    margin: 0 auto 60px;
}
.collabo_btn {
    width: 524px;
    margin: 0 auto;
}
.collabo_copy {
    font-size: 14px;
}

.bx-wrapper {
    border: none;
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.news_inner .bx-wrapper .bx-next {
    background: url('https://www.lastidea.jp/news/img/arrw_r.png') no-repeat 0 0/38px auto;
    width: 38px;
    height: 109px;
    margin-top: -54px;
}
.news_inner .bx-wrapper .bx-prev {
    background: url('https://www.lastidea.jp/news/img/arrw_l.png') no-repeat 0 0/38px auto;
    width: 38px;
    height: 109px;
    margin-top: -54px;
}



/*コラボ予定が1ヶ月分のCSS キービジュアルとmp4モーダルを使用*/
.visual_and_movie ul {margin: .6rem auto;}
.visual_and_movie li:last-child {
    margin: .4rem auto 0 auto;
    width: 80%;
}
.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;
}
.mfp-close {
    width: 100px;
    height: 100px;
    line-height: 100px;
}
video {
    width: 100% !important;
    outline: none;
}