body {
    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";
    /*font-size: 16px;*/
}

img {
    backface-visibility: hidden;
}

.update-schedule {
    text-align: center;
}

.update-schedule img {
    max-width: 100%;
}

.none {
    display: none;
}

.youtube .youtube_in .lineup .next_movie,.youtube .youtube_in .lineup .next_movie02,.youtube .youtube_in .lineup .next_movie03,.youtube .youtube_in .lineup .next_movie04 {
    display: block;
    width: 100%;
    margin: 0 auto;
    background: url(../img/sp_more.jpg) no-repeat top center;
    background-size: contain;
    padding-top: calc(81 / 500 * 100%);
    font-size: 0px;
}

#head {
    width: 100%;
    margin: 0 auto;
    /* height: 1020px; */
    position: relative;
}

@media screen and (min-width: 1261px) {

    body {
        background: url(../img/bk_img.jpg) top center;
        color: #dae0de;
    }

    #warp {
        width: 100%;
        margin: 0;
        padding: 0;
    }


    #head .head_in {
        width: 100%;
        max-width: 1260px;
        height: 900px;
        margin: 0 auto;
        position: relative;
    }

    #head .head_in h1 {
        width: 100%;
        max-width: 1260px;
        height: 862px;
        margin: 0 auto;
        background: url(../img/logo2.png) no-repeat top left;
        background-size: contain;
        font-size: 0px;
        position: absolute;
        top: 0;
    }

    #head .head_in h2 {
        width: 100%;
        margin: 0 auto;
        background: url(../img/data.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(54 / 980 * 100%);
        font-size: 0px;
        position: absolute;
        bottom: 10%;
    }

    #head .head_in h2.data2 {
        width: 100%;
        margin: 0 auto;
        background: url(../img/date_02.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(54 / 1260 * 100%);
        font-size: 0px;
        position: absolute;
        bottom: 2%;
    }

    #head .head_in .map_area {
        width: 688px;
        height: 862px;
        margin: 0 auto;
        background: url(../img/map_deco2.png) no-repeat top center;
        background-size: contain;
        font-size: 0px;
        position: absolute;
        top: 1%;
        right: 0;
    }

    #head .head_in .map_area #map {
        width: 515.4px;
        height: 593px;
        top: 21.8%;
        left: 13%;
        position: absolute;
    }

    #about {
        width: 100%;
        margin: 3rem auto 0;
        position: relative;
    }

    #about .about_in {
        width: 100%;
        max-width: 980px;
        margin: 0 auto;
        background: rgba(0, 0, 0, 0.8);
        position: relative;
        font-size: 0;
        line-height: 0;
    }

    #about .about_in:before {
        content: '';
        width: 100%;
        position: absolute;
        display: inline-block;
        background: url(../img/bk_top.png) no-repeat top center;

        background-size: contain;
        padding-top: calc(160 / 980 * 100%);
        top: 0;
        left: 0;
    }

    #about .about_in:after {
        content: '';
        width: 100%;
        position: absolute;
        display: inline-block;
        background: url(../img/bk_bottom.png) no-repeat top center;

        background-size: contain;
        padding-top: calc(162 / 980 * 100%);
        bottom: 0;
        right: 0;
    }

    #about .about_in h2 {
        width: 100%;
        margin: 0 auto;
        background: url(../img/about.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(636 / 980 * 100%);
        font-size: 0px;
    }

    #about .about_img {
        width: 100%;
        max-width: 980px;
        margin: 4rem auto;
        font-size: 0;
        line-height: 0;
    }

    #about .about_img ul {
        width: 100%;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }

    #about .about_img ul li {
        width: 33.3%;
        max-width: 298px;
    }

    #about .about_img ul li img {
        width: 100%;
    }

    #about .map_area_sp {
        display: none;
    }

    #about .map_area_sp #map2 {
        width: 74%;
        height: 67.55%;
        top: 22.8%;
        left: 12.8%;
        position: absolute;
    }

    .youtube {
        width: 100%;
        margin: 0 auto 5rem;
        position: relative;
    }

    .youtube .youtube_in {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        background: rgba(0, 0, 0, 0.8);
        position: relative;
    }

    .youtube.season1 .youtube_in:before {
        content: '';
        width: 100%;
        position: absolute;
        display: inline-block;
        background: url(../img/season1_tit.png) no-repeat top center;

        background-size: contain;
        padding-top: calc(164 / 1200 * 100%);
        top: 0;
        left: 0;
    }

    .youtube.season2 .youtube_in:before {
        content: '';
        width: 100%;
        position: absolute;
        display: inline-block;
        background: url(../img/season2_tit.png) no-repeat top center;

        background-size: contain;
        padding-top: calc(164 / 1200 * 100%);
        top: 0;
        left: 0;
    }

    .youtube .youtube_in:after {
        content: '';
        width: 100%;
        position: absolute;
        display: inline-block;
        background: url(../img/bk_bottom_02.png) no-repeat top center;

        background-size: contain;
        padding-top: calc(162 / 1200 * 100%);
        bottom: 0;
        right: 0;
    }

    .youtube .youtube_in h2 {
        font-size: 0;
        height: 100vw;
        max-height: 164px;
    }

    .youtube .youtube_in .lineup {
        width: 90%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        color: #dae0de;
        font-weight: 300;
        padding-bottom: 20%;
    }
    .youtube.season1 .youtube_in .lineup .none {
        display: none;
    }

    .youtube .youtube_in .lineup div {
        width: 23%;
        padding: 0.5em;
    }

    .youtube.season2 .youtube_in .lineup div {
        width: 23%;
        padding: 0.5em;
    }

    .youtube .youtube_in .lineup div.cast02,.youtube .youtube_in .lineup div.cast03, .youtube .youtube_in .lineup div.cast04,.youtube .youtube_in .lineup div.cast06,.youtube .youtube_in .lineup div.cast07,.youtube .youtube_in .lineup div.cast08 {
        border-left: 1px #dae0de dotted;
    }

    .youtube .youtube_in .lineup div.cast01 dt h3 {
        width: 100%;
        margin: 0 auto;
        background: url(../img/cast01.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(188 / 220 * 100%);
        font-size: 0px;
    }

    .youtube .youtube_in .lineup div.cast02 dt h3 {
        width: 100%;
        margin: 0 auto;
        background: url(../img/cast02.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(188 / 220 * 100%);
        font-size: 0px;
    }

    .youtube .youtube_in .lineup div.cast03 dt h3 {
        width: 100%;
        margin: 0 auto;
        background: url(../img/cast03.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(188 / 220 * 100%);
        font-size: 0px;
    }

    .youtube .youtube_in .lineup div.cast04 dt h3 {
        width: 100%;
        margin: 0 auto;
        background: url(../img/cast04.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(188 / 220 * 100%);
        font-size: 0px;
    }
    .youtube .youtube_in .lineup div.cast05 dt h3 {
        width: 100%;
        margin: 0 auto;
        background: url(../img/cast05.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(188 / 220 * 100%);
        font-size: 0px;
    }
    .youtube .youtube_in .lineup div.cast06 dt h3 {
        width: 100%;
        margin: 0 auto;
        background: url(../img/cast06.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(188 / 220 * 100%);
        font-size: 0px;
    }
    .youtube .youtube_in .lineup div.cast07 dt h3 {
        width: 100%;
        margin: 0 auto;
        background: url(../img/cast07.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(188 / 220 * 100%);
        font-size: 0px;
    }

    .youtube .youtube_in .lineup div.cast08 dt h3 {
        width: 100%;
        margin: 0 auto;
        background: url(../img/cast08.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(188 / 220 * 100%);
        font-size: 0px;
    }

    .youtube .youtube_in .lineup div dd {
        font-size: 0.95rem;
        margin-top: 1rem;
        line-height: 1.8;
        min-height: 280px;
    }

    .youtube .youtube_in .lineup div ul {
        width: 100%;
        margin: 0 auto;
        list-style: none;
        text-align: center;
        padding: 0.5rem 0;
    }

    .youtube .youtube_in .lineup div ul li {
        /*border-bottom: 1px #FFF dotted;*/
        position: relative;
        padding: 0 0 1rem;
        margin: 0.5rem 0;
    }

    /* .youtube .youtube_in .lineup .next_movie, .youtube .youtube_in .lineup .next_movie02, .youtube .youtube_in .lineup .next_movie03, .youtube .youtube_in .lineup .next_movie04 {
        display: none;
    } */

    /*.youtube .youtube_in .lineup div ul li:last-child {
        border-bottom: none;
    }*/

    .youtube .youtube_in .lineup div ul li dt {
        margin: 0 0 0.5rem;
    }

    .youtube .youtube_in .lineup div ul li a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 95%;
        /*display: inline-block;*/
    }

    .youtube .youtube_in .lineup div ul li a:hover {
        background: rgba(0, 0, 0, 0.4);
        /*display: inline-block;*/
    }

    /*.youtube .youtube_in .lineup div ul li dt a:before {
        content: '';
        width: 100%;
        position: absolute;
        display: inline-block;
        background: url(../img/commingsoon.png) no-repeat top center;

        background-size: cover;
        padding-top: calc(281 / 500 * 100%);
        top: 0;
        left: 0;
    }*/

    .youtube .youtube_in .lineup div ul li dd {
        margin-top: 0;
        line-height: 1.6;
        min-height: auto;
    }

    .youtube .youtube_in .lineup div ul li dd.shop {
        font-size: 100%;
    }

    .youtube .youtube_in .lineup div ul li img {
        width: 100%;
    }

    #tver {
        width: 100%;
        margin: 5rem auto 2rem;
    }

    #tver .tver_in {
        width: 100%;
        max-width: 980px;
        margin: 0 auto;
        text-align: center;
    }

    #tver .tver_in a {
        color: #FFF;
    }

    a:hover {
        opacity: 0.8;
    }

    #tver .tver_in dd {
        margin-top: 0.5em;
    }

    #page-top {
    position: fixed;
    bottom: -140px;
    right: 5px;
    width: 100px;
    height: 100px;
    opacity: 1;
    -webkit-transition: all 1s;
    transition: all 1s;
    z-index: 200000;
}

#page-top a {
    display: block;
    width: 100%;
    line-height: 0;
    margin: 0;
    background: url(../img/pagetop.png) no-repeat top center;
    background-size: contain;
    padding-top: calc(110 / 110 * 100%);
    font-size: 0px;
}
}

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

    body {
        background: url(../img/sp_bk_img.jpg) top center;

        color: #dae0de;
    }

    .sp {
        display: block;
    }

    #warp {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    /* #head {
        width: 100%;
        margin: 0 auto;
        height: auto;
        background: none;
    } */

    #head .head_in {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    /* #head .head_in h1.data2 {
        width: 100%;
        margin: 0 auto;
        background: url(../img/season3/sp_day03.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(1230 / 750 * 100%);
        font-size: 0px;
    } */

    #head .head_in h2 {
        background: none;
        font-size: 0px;
    }

    #head .head_in .map_area {
        display: none;
    }

    #about {
        width: 95%;
        margin: 2rem auto 0;
        position: relative;
    }

    #about .about_in {
        width: 100%;
        max-width: 980px;
        margin: 0 auto;
        background: rgba(0, 0, 0, 0.8);
        position: relative;
        font-size: 0;
        line-height: 0;
    }

    #about .about_in:before {
        content: '';
        width: 100%;
        position: absolute;
        display: inline-block;
        background: url(../img/sp_bk_top.png) no-repeat top center;

        background-size: contain;
        padding-top: calc(132 / 700 * 100%);
        top: 0;
        left: 0;
    }

    #about .about_in:after {
        content: '';
        width: 100%;
        position: absolute;
        display: inline-block;
        background: url(../img/sp_bk_bottom.png) no-repeat top center;

        background-size: contain;
        padding-top: calc(134 / 700 * 100%);
        bottom: 0;
        right: 0;
    }

    #about .about_in h2 {
        width: 100%;
        margin: 0 auto;
        background: url(../img/sp_about.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(782 / 700 * 100%);
        font-size: 0px;
    }

    #about .about_img {
        width: 100%;
        max-width: 980px;
        margin: 3rem auto;
        font-size: 0;
        line-height: 0;
    }

    #about .about_img ul {
        width: 100%;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }

    #about .about_img ul li {
        width: 33.3%;
        max-width: 298px;
    }

    #about .about_img ul li img {
        width: 100%;
    }

    #about .map_area_sp {
        width: 100%;
        height: 0;
        margin: 0 auto 3rem;
        background: url(../img/map_deco2_sp.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(950 / 750 * 100%);
        font-size: 0px;
        position: relative;
    }

    #about .map_area_sp #map2 {
        width: 74%;
        height: 67.55%;
        top: 22.8%;
        left: 12.8%;
        position: absolute;
    }

    .youtube {
        width: 95%;
        margin: 0 auto 4rem;
        position: relative;
    }

    .youtube .youtube_in {
        width: 100%;
        max-width: 980px;
        margin: 0 auto;
        background: rgba(0, 0, 0, 0.8);
        position: relative;
    }

    .youtube.season1 .youtube_in:before {
        content: '';
        width: 100%;
        position: absolute;
        display: inline-block;
        background: url(../img/sp_season1_tit.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(168 / 700 * 100%);
        top: 0;
        left: 0;
    }

    .youtube.season2 .youtube_in:before {
        content: '';
        width: 100%;
        position: absolute;
        display: inline-block;
        background: url(../img/sp_season2_tit.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(168 / 700 * 100%);
        top: 0;
        left: 0;
    }

    .youtube .youtube_in:after {
        content: '';
        width: 100%;
        position: absolute;
        display: inline-block;
        background: url(../img/sp_bk_bottom.png) no-repeat top center;

        background-size: contain;
        padding-top: calc(134 / 700 * 100%);
        bottom: 0;
        right: 0;
    }

    .youtube .youtube_in h2 {
        font-size: 0;
        height: auto;
        max-height: auto;
        padding-top: calc(168 / 700 * 100%);
    }

    .youtube .youtube_in .lineup {
        width: 90%;
        margin: 0 auto;
        color: #dae0de;
        font-weight: 300;
        padding-bottom: 20%;
        display: flex;
        flex-wrap: wrap;
    }

    .youtube .youtube_in .lineup .none {
        display: none;
    }


    .youtube .youtube_in .lineup .next_movie:hover,.youtube .youtube_in .lineup .next_movie02:hover,.youtube .youtube_in .lineup .next_movie03:hover,.youtube .youtube_in .lineup .next_movie04:hover {
    opacity: 0.8;
    cursor: pointer;
    }

    .youtube .youtube_in .lineup div {
        width: 100%;
        border-bottom: 1px #dae0de dotted;
        padding: 1.5em 0;
    }

    .youtube .youtube_in .lineup div.cast01 {
        order: 2;
    }

    .youtube .youtube_in .lineup div.cast02 {
        order: 3;
    }

    .youtube .youtube_in .lineup div.cast03 {
        order: 4;
    }

    .youtube .youtube_in .lineup div.cast04 {
        order: 1;
    }

    .youtube .youtube_in .lineup div.cast03 {
        border-bottom: none;
    }

    .youtube .youtube_in .lineup div.cast01 dt h3 {
        width: 80%;
        margin: 0 auto;
        background: url(../img/sp_cast01.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(458 / 393 * 80%);
        font-size: 0px;
    }

    .youtube .youtube_in .lineup div.cast02 dt h3 {
        width: 80%;
        margin: 0 auto;
        background: url(../img/sp_cast02.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(458 / 393 * 80%);
        font-size: 0px;
    }

    .youtube .youtube_in .lineup div.cast03 dt h3 {
        width: 80%;
        margin: 0 auto;
        background: url(../img/sp_cast03.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(458 / 393 * 80%);
        font-size: 0px;
    }

    .youtube .youtube_in .lineup div.cast04 dt h3 {
        width: 80%;
        margin: 0 auto;
        background: url(../img/sp_cast04.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(458 / 393 * 80%);
        font-size: 0px;
    }

    .youtube .youtube_in .lineup div.cast05 dt h3 {
        width: 80%;
        margin: 0 auto;
        background: url(../img/sp_cast05.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(458 / 393 * 80%);
        font-size: 0px;
    }

    .youtube .youtube_in .lineup div.cast06 dt h3 {
        width: 80%;
        margin: 0 auto;
        background: url(../img/sp_cast06.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(458 / 393 * 80%);
        font-size: 0px;
    }

    .youtube .youtube_in .lineup div.cast07 dt h3 {
        width: 80%;
        margin: 0 auto;
        background: url(../img/sp_cast07.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(458 / 393 * 80%);
        font-size: 0px;
    }

    .youtube .youtube_in .lineup div.cast08 dt h3 {
        width: 80%;
        margin: 0 auto;
        background: url(../img/sp_cast08.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(458 / 393 * 80%);
        font-size: 0px;
    }

    .youtube .youtube_in .lineup div dd {
        margin: 1rem auto 2rem;
        line-height: 1.8;
        min-height: auto;
    }

    .youtube .youtube_in .lineup div ul {
        width: 90%;
        margin: 0 auto;
        list-style: none;
        text-align: center;
        padding: 0;
    }

    .youtube .youtube_in .lineup div ul li {
        /*border-bottom: 1px #FFF dotted;*/
        margin-top: 1rem;
        padding: 0 0 1rem;
        position: relative;
    }

    /*.youtube .youtube_in .lineup div ul li:last-child {
        border-bottom: none;
    }*/

    .youtube .youtube_in .lineup div ul li dt {
        margin: 0 0 0.5rem;
        /*position: relative;*/
    }

    .youtube .youtube_in .lineup div ul li dt a {
        position: relative;
        display: inline-block;
    }

    .youtube .youtube_in .lineup div ul li a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 95%;
        /*display: inline-block;*/
    }

    /*.youtube .youtube_in .lineup div ul li dt a:before {
        content: '';
        width: 100%;
        position: absolute;
        display: inline-block;
        background: url(../img/commingsoon.png) no-repeat top center;

        background-size: cover;
        padding-top: calc(281 / 500 * 100%);
        top: 0;
        left: 0;
    }*/

    .youtube .youtube_in .lineup div ul li dd {
        margin: 0 auto;
        line-height: 1.6;
        min-height: auto;
    }

    .youtube .youtube_in .lineup div ul li dd.shop {
        font-size: 110%;
    }

    .youtube .youtube_in .lineup div ul li img {
        width: 100%;
    }

    #tver {
        width: 100%;
        margin: 5rem auto 2rem;
    }

    #tver .tver_in {
        width: 100%;
        max-width: 980px;
        margin: 0 auto;
        text-align: center;
    }

    #tver .tver_in a {
        color: #FFF;
    }

    #tver .tver_in a:hover {
        opacity: 0.8;
    }

    #tver .tver_in dd {
        margin-top: 0.5em;
    }

    #page-top {
        position: fixed;
        bottom: -140px;
        right: 10px;
        width: 70px;
        height: 70px;
        opacity: 1;
        -webkit-transition: all 1s;
        transition: all 1s;
    }

    #page-top a {
        display: block;
        width: 100%;
        line-height: 0;
        margin: 0;
        background: url(../img/pagetop.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(70 / 70 * 100%);
        font-size: 0px;
        text-decoration: none;
    }

}

@media screen and (max-width: 767px) {
    #head .head_in h1 {
        width: 100%;
        margin: 0 auto;
        background: url(../img/season5/top_sp.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(1048 / 750 * 100%);
        font-size: 0px;
    }
    .update-schedule {
        position: absolute;
        bottom: 0px;
        background-color: rgba(0, 0, 0, 0.6);

    }
    .youtube_in {
        padding-bottom: 65px;
    }
}