@charset "UTF-8";
body.movie_contents {
    background: none;
    min-width: 960px;
    text-align: left;
}
body.movie_contents #Contents {
    background-color: initial;
    background: url(../img/bg01.png) repeat 0 0;
    position: relative;
    padding-bottom: 0;
}
.mvContsTp_wrap {
    width: 960px;
    margin: 0 auto;
    padding: 26px 0 7px 0;
}
.mvContsTp-logo {
    float: right;
    width: 289px;
    height: 17px;
    margin: 0 44px 0 0;
}
.mvContsTp-logo span {
    width: 100%;
    height: 0;
    padding: 17px 0 0 0;
    overflow: hidden;
    display: block;
    background: url(../img/logo.png?date=20200129) no-repeat 0 0;
}
.mvConts_wrap {
    background: #e0212a;
    padding: 48px 0 30px 0;
}
.mvConts_in {
    width: 880px;
    margin: 0 auto;
    padding: 0 0 60px 0;
}
.mvContsTtl_wrap {
    margin: 0 0 47px 0;
}
.mvContsMv_tp {
    margin: 0 0 20px 0;
}
.mvContsTtl-ttl {
    width: 588px;
    height: 217px;
}
.mvContsTtl-ttl span {
    width: 100%;
    height: 0;
    padding: 217px 0 0 0;
    overflow: hidden;
    display: block;
    background: url(../img/ttl01.png?date=20200129) no-repeat 0 0;
}
.mvContsMv-txt {
    float: left;
    width: 342px;
    height: 110px;
}
.mvContsMv-txt span {
    width: 100%;
    height: 0;
    padding: 110px 0 0 0;
    overflow: hidden;
    display: block;
    background: url(../img/ttl02.png?date=20200129) no-repeat 0 0;
}
.mvContsMv-main {
    float: right;
    width: 510px;
}
.mvContsMv-main a {
    display: block;
}
.mvContsMv_in {
    position: relative;
    width: 100%;
    height: 348px;
}
.mvContsMv-ttl {
    position: absolute;
    z-index: 99;
}
.mvContsMv_in ul li.is-num01 .mvContsMv-ttl {
    width: 232px;
    height: 207px;
    top: -87px;
    left: 0;
}
.mvContsMv_in ul li.is-num02 .mvContsMv-ttl {
    width: 231px;
    height: 207px;
    top: 141px;
    left: 254px;
}
.mvContsMv_in ul li.is-num03 .mvContsMv-ttl {
    width: 228px;
    height: 208px;
    top: 23px;
    right: 88px;
}
.mvContsMv-ttl span {
    width: 100%;
    height: 0;
    overflow: hidden;
    display: block;
}
.mvContsMv_in ul li.is-num01 .mvContsMv-ttl span {
    padding: 207px 0 0 0;
    background: url(../img/num01.png?date=20200129) no-repeat 0 0;
}
.mvContsMv_in ul li.is-num02 .mvContsMv-ttl span {
    padding: 207px 0 0 0;
    background: url(../img/num02.png?date=20200129) no-repeat 0 0;
}
.mvContsMv_in ul li.is-num03 .mvContsMv-ttl span {
    padding: 208px 0 0 0;
    background: url(../img/num03.png?date=20200129) no-repeat 0 0;
}
.mvContsMv-btn {
    position: absolute;
    z-index: 9;
}
.mvContsMv_in ul li.is-num01 .mvContsMv-btn {
    top: 96px;
    left: 0;
}
.mvContsMv_in ul li.is-num02 .mvContsMv-btn {
    top: 0;
    left: 324px;
}
.mvContsMv_in ul li.is-num03 .mvContsMv-btn {
    top: 170px;
    right: 0;
}
.mvContsCv_wrap {
    width: 100%;
    height: 194px;
    background: url(../img/bg02.png) repeat 0 0;
}
.mvContsCv_in {
    width: 880px;
    margin: 0 auto;
    position: relative;
    padding: 88px 0 0 0;
}
.mvContsCv-txt {
    width: 95px;
    height: 96px;
    position: absolute;
    top: -129px;
    left: -20px;
    z-index: 9;
}
.mvContsCv-txt span {
    width: 100%;
    height: 0;
    padding: 96px 0 0 0;
    overflow: hidden;
    display: block;
    background: url(../img/img03.png?date=20200129) no-repeat 0 0;
}
.mvContsCv-flow {
    width: 872px;
    height: 102px;
    position: absolute;
    top: -32px;
    left: 50%;
    z-index: 9;
    margin: 0 0 0 -436px;
}
.mvContsCv-flow span {
    width: 100%;
    height: 0;
    padding: 102px 0 0 0;
    overflow: hidden;
    display: block;
    background: url(../img/img01.png?date=20200129) no-repeat 0 0;
}
.mvContsCv_ct {
    width: 520px;
    margin: 0 auto;
}
.mvContsCv-price {
    width: 95px;
    height: 95px;
    float: left;
}
.mvContsCv-price span {
    width: 100%;
    height: 0;
    padding: 95px 0 0 0;
    overflow: hidden;
    display: block;
    background: url(../img/img02.png?date=20200129) no-repeat 0 0;
}
.mvContsCv-btn {
    width: 395px;
    height: 53px;
    float: right;
    margin: 22px 0 0 0;
}
.mvContsCv-btn a {
    width: 100%;
    height: 0;
    padding: 53px 0 0 0;
    overflow: hidden;
    display: block;
    background: url(../img/btn_cv.png?date=20200129) no-repeat 0 0;
}
@media screen and (min-width: 896px) {
.mvContsCv-btn a:hover {
    background: url(../img/btn_cv_on.png?date=20200129) no-repeat 0 0;
}
}
.mvContsFoot_wrap {
    width: 880px;
    margin: 0 auto;
    padding: 30px 0 0 0;
}
.mvContsFoot-lnk {
    float: right;
    font-weight: bold;
    line-height: 1;
}
@media screen and (min-width: 896px) {
.mvContsFoot-lnk a:hover {
    text-decoration: underline;
}
}
@media screen and (max-width: 896px) {
    body.movie_contents {
        min-width: 320px;
        margin: 0;
    }
    body.movie_contents #Contents {
        background: url(../img/bg01.png) repeat 0 0;
        background-size: 10px auto;
        -ms-background-size: 10px auto;
        -moz-background-size: 10px auto;
        -webkit-background-size: 10px auto;
    }
    .mvContsTp_wrap {
        width: 295px;
        padding: 13px 0 3px 0;
    }
    .mvContsTp-logo {
        width: 145px;
        height: 9px;
        margin: 0 1px 0 0;
    }
    .mvContsTp-logo span {
        padding: 9px 0 0 0;
        background: url(../img/sp/logo.png?date=20200129) no-repeat 0 0;
        background-size: 100% auto;
        -ms-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -webkit-background-size: 100% auto;
    }
    .mvConts_wrap {
        background: #e0212a;
        padding: 25px 0 15px 0;
    }
    .mvConts_in {
        width: 295px;
        padding: 0 0 42px 0;
    }
    .mvContsTtl_wrap {
        margin: 0 0 11px 0;
    }
    .mvContsMv_tp {
        margin: 0 0 24px 0;
    }
    .mvContsTtl-ttl {
        width: 276px;
        height: 103px;
    }
    .mvContsTtl-ttl span {
        padding: 103px 0 0 0;
        background: url(../img/sp/ttl01.png?date=20200129) no-repeat 0 0;
        background-size: 100% auto;
        -ms-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -webkit-background-size: 100% auto;
    }
    .mvContsMv-txt {
        width: 145px;
        height: 20px;
        margin: 0 0 4px 0;
    }
    .mvContsMv-txt span {
        padding: 20px 0 0 0;
        background: url(../img/sp/ttl02.png?date=20200129) no-repeat 0 0;
        background-size: 100% auto;
        -ms-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -webkit-background-size: 100% auto;
    }
    .mvContsMv-main {
        width: 237px;
    }
    .mvContsMv_in {
        height: auto;
    }
    .mvContsMv_in ul li {
        margin: 0 0 10px 0;
        position: relative;
    }
    .mvContsMv_in ul li:last-child {
        margin: 0 0 0 0;
    }
    .mvContsMv_in ul li.is-num01 .mvContsMv-ttl {
        width: 92.5px;
        height: 88px;
        top: -35px;
        left: 0;
    }
    .mvContsMv_in ul li.is-num02 .mvContsMv-ttl {
        width: 91px;
        height: 90px;
        top: -39px;
        left: auto;
        right: 0;
    }
    .mvContsMv_in ul li.is-num03 .mvContsMv-ttl {
        width: 92px;
        height: 88px;
        top: -35px;
        right: auto;
        left: 0;
    }
    .mvContsMv_in ul li.is-num01 .mvContsMv-ttl span {
        padding: 88px 0 0 0;
        background: url(../img/sp/num01.png?date=20200129) no-repeat 0 0;
        background-size: 100% auto;
        -ms-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -webkit-background-size: 100% auto;
    }
    .mvContsMv_in ul li.is-num02 .mvContsMv-ttl span {
        padding: 90px 0 0 0;
        background: url(../img/sp/num02.png?date=20200129) no-repeat 0 0;
        background-size: 100% auto;
        -ms-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -webkit-background-size: 100% auto;
    }
    .mvContsMv_in ul li.is-num03 .mvContsMv-ttl span {
        padding: 88px 0 0 0;
        background: url(../img/sp/num03.png?date=20200129) no-repeat 0 0;
        background-size: 100% auto;
        -ms-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -webkit-background-size: 100% auto;
    }
    .mvContsMv-btn {
        position: initial;
        margin: 0 auto;
    }
    .mvContsMv_in ul li.is-num01 .mvContsMv-btn {
        top: auto;
        left: auto;
        margin: 0 0 0 92px;
    }
    .mvContsMv_in ul li.is-num02 .mvContsMv-btn {
        top: auto;
        left: auto;
        margin: 0 0 0 112px;
    }
    .mvContsMv_in ul li.is-num03 .mvContsMv-btn {
        top: auto;
        right: auto;
        margin: 0 0 0 92px;
    }
    .mvContsCv_wrap {
        height: 91px;
        background: url(../img/bg02.png) repeat 0 0;
        background-size: 11.5px auto;
        -ms-background-size: 11.5px auto;
        -moz-background-size: 11.5px auto;
        -webkit-background-size: 11.5px auto;
    }
    .mvContsCv_in {
        width: 304px;
        padding: 35px 0 0 0;
    }
    .mvContsCv-txt {
        width: 79px;
        height: 20px;
        top: -50px;
        left: auto;
        right: 14px;
    }
    .mvContsCv-txt span {
        padding: 20px 0 0 0;
        background: url(../img/sp/img03.png?date=20200129) no-repeat 0 0;
        background-size: 100% auto;
        -ms-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -webkit-background-size: 100% auto;
    }
    .mvContsCv-flow {
        width: 304px;
        height: 45px;
        position: absolute;
        top: -20px;
        left: 50%;
        z-index: 9;
        margin: 0 0 0 -152px;
    }
    .mvContsCv-flow span {
        padding: 45px 0 0 0;
        background: url(../img/sp/img01.png?date=20200129) no-repeat 0 0;
        background-size: 100% auto;
        -ms-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -webkit-background-size: 100% auto;
    }
    .mvContsCv_ct {
        width: 260px;
    }
    .mvContsCv-price {
        width: 47px;
        height: 48px;
    }
    .mvContsCv-price span {
        padding: 48px 0 0 0;
        background: url(../img/sp/img02.png?date=20200129) no-repeat 0 0;
        background-size: 100% auto;
        -ms-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -webkit-background-size: 100% auto;
    }
    .mvContsCv-btn {
        width: 198px;
        height: 27px;
        margin: 13px 0 0 0;
    }
    .mvContsCv-btn a {
        padding: 27px 0 0 0;
        background: url(../img/sp/btn_cv.png?date=20200129) no-repeat 0 0;
        background-size: 100% auto;
        -ms-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -webkit-background-size: 100% auto;
    }
    .mvContsFoot_wrap {
        width: 304px;
        padding: 15px 0 0 0;
    }
    .mvContsFoot-lnk a {
        font-size: 11px;
    }
    .moviePop_wrap {
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        z-index: 1002;
        width: 100%;
        max-width: 335px;
        box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translateY(-50%,-50%);
    }
    .moviePop-close {
        display: block;
    }
}