@charset "utf-8";

/* MOVIE */
#movie .stage {
    padding-top: 1133px;
}

#movie .bg {
    background-image: url(/wp-content/themes/ikemen/title/live/original/images/special/index/movie_bg.jpg);
    background-position: center bottom;
}

#movie h1 {
    position: absolute;
    width: 42.1428571428571%;
    left: 0;
    right: 0;
    top: 8.38481906443072%;
    margin: auto;
}

#movie h2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 28.684907325684%;
    margin: auto;
}

#movie .preview {
    position: absolute;
    width: 68.5%;
    left: 0;
    right: 0;
    top: 36.6284201235658%;
    margin: auto;
}

#movie .preview img {
    width: 100%;
    box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.3);
}

#movie .preview a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

#movie .preview a:after {
    content: '';

    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;

    background-image: url(/wp-content/themes/ikemen/title/live/original/images/special/index/movie_mask.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;

    transition: 0.3s;
}

#movie .preview a:hover:after {
    transform: scale(0.95);
}

#movie .btn {
    position: absolute;
    left: 0;
    right: 0;
    top: 89.143865842895%;
    margin: auto;
}

/* download */
#download .stage {
    padding-top: 850px;
}

#download .bg {
    background-image: url(/wp-content/themes/ikemen/title/live/original/images/special/index/download_bg.jpg);
}

#download h2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 12.3529411764706%;
    margin: auto;
}

#download .icon {
    position: absolute;
    width: 72.7142857142857%;
    left: 0;
    right: 0;
    top: 22.7058823529412%;
    margin: auto;
}

#download .btn {
    position: absolute;
    left: 0;
    right: 0;
    top: 89.143865842895%;
    margin: auto;
}

/* interview */
#interview .stage {
    padding-top: 895px;
}

#interview .bg {
    background-image: url(/wp-content/themes/ikemen/title/live/original/images/special/index/interview_bg.jpg);
}

#interview h2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 12.8491620111732%;
    margin: auto;
}

#interview .preview {
    position: absolute;
    width: 74.4285714285714%;
    left: 0;
    right: 0;
    top: 22.9050279329609%;
    margin: auto;
}

#interview .btn {
    position: absolute;
    left: 0;
    right: 0;
    top: 89.143865842895%;
    margin: auto;
}

/* episode0 */
#episode0 .stage {
    padding-top: 895px;
}

#episode0 .bg {
    background-image: url(/wp-content/themes/ikemen/title/live/original/images/special/index/episode0_bg.jpg);
    background-position: center bottom;
}

#episode0 h2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 12.8491620111732%;
    margin: auto;
}

#episode0 .preview {
    position: absolute;
    width: 68.5%;
    left: 0;
    right: 0;
    top: 22.9050279329609%;
    margin: auto;
}

#episode0 .btn {
    position: absolute;
    left: 0;
    right: 0;
    top: 89.143865842895%;
    margin: auto;
}

@media screen and (max-width: 1399px) {
    #movie .stage {
        padding-top: 80.92857142857143%;
    }

    #download .stage {
        padding-top: 60.71428571428571%;
    }

    #interview .stage {
        padding-top: 63.92857142857143%;
    }

    #episode0 .stage {
        padding-top: 63.92857142857143%;
    }
}


/* SP */
@media screen and (max-width: 767px) {

    /* MOVIE */
    #movie .stage {
        padding-top: 130%;
    }

    #movie .bg {
        background-image: url(/wp-content/themes/ikemen/title/live/original/images/special/index/sp/movie_bg.jpg);
    }

    #movie h1 {
        width: 93%;
        top: 1%;
        margin: auto;
    }

    #movie h2 {
        top: 26%;
        margin: auto;
    }

    #movie .preview {
        width: 95%;
        top: 38%;
        margin: auto;
    }

    #movie .preview a:after {
        background-image: url(/wp-content/themes/ikemen/title/live/original/images/special/index/sp/movie_mask.png);
    }

    #movie .btn {
        position: absolute;
        left: 0;
        right: 0;
        top: 84%;
        margin: auto;
    }

    /* download */
    #download .stage {
        padding-top: 150%;
    }

    #download .bg {
        background-image: url(/wp-content/themes/ikemen/title/live/original/images/special/index/sp/download_bg.jpg);
    }

    #download h2 {
        top: 6%;
    }

    #download .icon {
        width: 100%;
        top: 18%;
    }

    #download .btn {
        top: 86%;
    }

    /* interview */
    #interview .stage {
        padding-top: 105%;
    }

    #interview .bg {
        background-image: url(/wp-content/themes/ikemen/title/live/original/images/special/index/sp/interview_bg.jpg);
    }

    #interview h2 {
        position: absolute;
        left: 0;
        right: 0;
        top: 10%;
        margin: auto;
    }

    #interview .preview {
        width: 100%;
        top: 24%;
    }

    #interview .btn {
        position: absolute;
        left: 0;
        right: 0;
        top: 78%;
        margin: auto;
    }

    /* episode0 */
    #episode0 .stage {
        padding-top: 122.5%;
    }

    #episode0 .bg {
        background-image: url(/wp-content/themes/ikemen/title/live/original/images/special/index/sp/episode0_bg.jpg);
    }

    #episode0 h2 {
        position: absolute;
        left: 0;
        right: 0;
        top: 10%;
        margin: auto;
    }

    #episode0 .preview {
        width: 95%;
        top: 29%;
        margin: auto;
    }

    #episode0 .btn {
        position: absolute;
        left: 0;
        right: 0;
        top: 84%;
        margin: auto;
    }
}