body {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    position: relative;
    z-index: -1;
    font-family: 'Noto Sans CJK JP', 'Lato', 'Noto Sans JP', '貂ｸ繧ｴ繧ｷ繝�け Medium', '貂ｸ繧ｴ繧ｷ繝�け菴�', 'Yu Gothic Medium', YuGothic, '繝偵Λ繧ｮ繝手ｧ偵ざ ProN', 'Hiragino Kaku Gothic ProN', '繝｡繧､繝ｪ繧ｪ', Meiryo, '�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け', 'MS PGothic', sans-serif;
    -moz-font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}

#wrapper {
    width: 100%;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    background: url(../image/bk.jpg) no-repeat top center;
    background-size: cover;
}

#header {
    width: 100%;
    margin: 0px auto;
}

#in-header {
    width: 95%;
    max-width: 980px;
    margin: 0 auto;
}

#in-header h1 {
    width: 100%;
    margin: 0 auto;
    height: 0;
    background: url(../image/logo.png) no-repeat top center;
    padding-top: calc(650 / 980 * 100%);
    background-size: contain;
    font-size: 0px;
}

.in_movie {
    width: 95%;
    max-width: 980px;
    margin: 1% auto 0;
}

.in_movie .tvo-video {
    height: calc(980px * 0.5625);
}

.in_movie a.tver {
    width: 100%;
    margin: 0 auto;
    background: url(../image/tver.jpg) no-repeat top center;
    padding-top: calc(180 / 980 * 100%);
    background-size: contain;
    font-size: 0px;
    display: block;
}

.in_movie a.tver:hover {
    opacity: 0.8;
}

#contents01 {
    width: 100%;
    margin: 0 auto;
    /*background: url(../image/bk02.jpg) no-repeat center top;
    background-size: cover;*/
    padding-top: 3%;

}

#contents02 {
    width: 100%;
    margin: 0 auto;
    /*background: url(../image/bk03.jpg) no-repeat center top;
    background-size: cover;*/
}

#contents01 #in-contents {
    width: 95%;
    max-width: 980px;
    margin: 0 auto;
    text-align: left;
    line-height: 1.6;
    letter-spacing: 2px;
    font-size: 0px;
}

#contents01 #in-contents h2 {
    width: 100%;
    margin: 0 auto;
    height: 0;
    background: url(../image/about.png) no-repeat top center;
    padding-top: calc(162 / 980 * 100%);
    background-size: contain;
    font-size: 0px;
}

#contents01 #in-contents p.txt {
    width: 100%;
    margin: 0 auto;
    height: 0;
    background: url(../image/about_txt.png) no-repeat top center;
    padding-top: calc(470 / 980 * 100%);
    background-size: contain;
    font-size: 0px;
}

#contents01 #in-contents p.img {
    width: 100%;
    margin: 0 auto;
    height: 0;
    background: url(../image/about_img.png) no-repeat top center;
    padding-top: calc(352 / 980 * 100%);
    background-size: contain;
}

/*#contents01 #in-contents p{
    font-size: 1.2rem;
    margin-bottom: 2rem;
}

#contents01 #in-contents span{
    font-size: 1.6rem;
    font-weight: 600;
}*/


#contents02 #in-contents {
    width: 95%;
    max-width: 980px;
    margin: 0 auto;
    position: relative;
}

#contents02 #in-contents h2 {
    width: 100%;
    margin: 0 auto;
    height: 0;
    background: url(../image/performer.png) no-repeat top center;
    padding-top: calc(316 / 980 * 100%);
    background-size: contain;
    font-size: 0px;
}

#contents02 #in-contents p.performer01 {
    width: 100%;
    margin: 0 auto;
    height: 0;
    background: url(../image/performer_img01.png) no-repeat top center;
    padding-top: calc(380 / 980 * 100%);
    background-size: contain;
    font-size: 0px;
}


#contents02 #in-contents p.performer02 {
    width: 100%;
    margin: 0 auto;
    height: 0;
    background: url(../image/performer_img02.png) no-repeat top center;
    padding-top: calc(100 / 980 * 100%);
    background-size: contain;
    font-size: 0px;
}

#footer {
    width: 100%;
    margin: 0px auto;
}

#in-footer {
    width: 95%;
    max-width: 980px;
    margin: 0 auto;
    padding: 5% 0;
}

#in-footer h3 {
    width: 100%;
    margin: 0 auto;
    height: 0;
    background: url(../image/footer.png) no-repeat top center;
    padding-top: calc(354 / 980 * 100%);
    background-size: contain;
    font-size: 0px;
}


@media screen and (max-width: 854px) {

    #wrapper {
        background: #f4f4f5 url(../image/sp_bk2.jpg) no-repeat top center;
        background-size: cover;
    }

    #in-header h1 {
        width: 100%;
        margin: 0 auto;
        height: 0;
        background: url(../image/sp_logo.png) no-repeat top center;
        padding-top: calc(858 / 750 * 100%);
        background-size: contain;
        font-size: 0px;
    }

    #contents01 {
        width: 100%;
        margin: 0 auto;
        /*background: url(../image/sp_bk02.png) no-repeat center top;
        background-size: cover;*/
        padding: 0;
        font-size: 0;
    }

    #contents01 #in-contents h2 {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        height: 0;
        background: url(../image/sp_about.png) no-repeat top center;
        padding-top: calc(266 / 750 * 100%);
        background-size: contain;
        font-size: 0px;
    }

    #contents01 #in-contents p.txt {
        width: 100%;
        margin: 0 auto;
        height: 0;
        background: url(../image/sp_about_txt01.png) no-repeat top center;
        padding-top: calc(1260 / 750 * 100%);
        background-size: contain;
        font-size: 0px;
    }

    #contents01 #in-contents p.txt02 {
        width: 100%;
        margin: 0 auto;
        height: 0;
        background: url(../image/sp_about_txt02.png) no-repeat top center;
        padding-top: calc(1010 / 750 * 100%);
        background-size: contain;
        font-size: 0px;
    }

    #contents01 #in-contents p.txt03 {
        width: 100%;
        margin: 0 auto;
        height: 0;
        background: url(../image/sp_about_txt03.png) no-repeat top center;
        padding-top: calc(1030 / 750 * 100%);
        background-size: contain;
        font-size: 0px;
    }

    #contents01 #in-contents p.img {
        display: none;
    }

    #contents02 {
        width: 100%;
        margin: 0 auto;
        /*background: url(../image/sp_bk03.png) no-repeat center top;
        background-size: cover;*/
        padding: 0;
    }

    #contents02 #in-contents h2 {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        height: 0;
        background: url(../image/sp_performer.png) no-repeat top center;
        padding-top: calc(530 / 750 * 100%);
        background-size: contain;
        font-size: 0px;
    }

    #contents02 #in-contents p.performer01 {
        width: 100%;
        margin: 0 auto;
        height: 0;
        background: url(../image/sp_performer_img01.png) no-repeat top center;
        padding-top: calc(1460 / 750 * 100%);
        background-size: contain;
        font-size: 0px;
    }


    #contents02 #in-contents p.performer02 {
        width: 100%;
        margin: 0 auto;
        height: 0;
        background: url(../image/sp_performer_img02.png) no-repeat top center;
        padding-top: calc(270 / 750 * 100%);
        background-size: contain;
        font-size: 0px;
    }

    #footer {
        /*background: url(../image/f_bk.jpg) no-repeat top center;
        background-size: contain;
        padding-top: 37.5%;*/
    }

    #in-footer{
        padding: 0;
    }

    #in-footer h3 {
        width: 100%;
        margin: 0 auto;
        height: 0;
        background: url(../image/sp_footer.png) no-repeat top center;
        padding-top: calc(1050 / 750 * 100%);
        background-size: contain;
        font-size: 0px;
    }







    .in_movie {
        width: 95%;
        margin: 5% auto;
    }

    .in_movie .tvo-video {
        height: calc(95vw * 0.5625);
    }

    .in_movie a.tver {
        width: 100%;
        margin: 0 auto;
        background: url(../image/sp_tver.jpg) no-repeat top center;
        padding-top: calc(250 / 710 * 100%);
        background-size: contain;
        font-size: 0px;
        display: block;
    }

}