@media screen and (min-width: 769px) {
    #warp {
        width: 100%;
        min-width: 1100px;
        margin: 0 auto;
    }

    #head {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(../img/header_bk.jpg) no-repeat top center;
        font-size: 0px;
        /*height: 1470px;*/
		height: 800px;
    }

    #head .head_in {
        width: 100%;
        margin: 0 auto;
        line-height: 0;
        padding: 0 0 65px;
    }

    #head .head_in .movie {
        width: 100%;
        max-width: 800px;
        margin: 272px auto 0;
    }

    #head .head_in h1 {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(../img/header_logo.jpg) no-repeat top center;
        height: 209px;
        font-size: 0px;
    }

   .day {
        width: 800px;
        margin: 0 auto;
        font-size: 0px;
    }

   .day p.day1 {
        width: 100%;
        line-height: 0;
        margin: 0 auto 5px;
        background: url(../img/day1.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(161 / 800 * 100%);
        font-size: 0px;
    }

    .day p.day2 {
        width: 100%;
        line-height: 0;
        margin: 0 auto 35px;
        background: url(../img/day2.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(104 / 800 * 100%);
        font-size: 0px;
    }

   .day p.day3 {
        width: 100%;
        line-height: 0;
        margin: 0;
        background: url(../img/day3.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(144 / 800 * 100%);
        font-size: 0px;
    }

    #about {
        width: 100%;
        margin: 0 auto;
        background-color: #000000;
        padding: 73px 0 90px;
    }

    #about .about_in {
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
        line-height: 0;
    }

    #about .about_in .cast {
        width: 100%;
        line-height: 0;
        font-size: 0px;
        margin: 0 auto 100px;
    }

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

    #about .about_in .cast p.cast1{
        width: 100%;
        margin: 0 auto 80px;
        background: url(../img/cast1.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(443 / 1100 * 100%);
        font-size: 0px;
    }

    #about .about_in .cast p.cast2{
        width: 100%;
        margin: 0;
        background: url(../img/cast2.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(281 / 1100 * 100%);
        font-size: 0px;
    }

    #about .about_in .read {
        width: 100%;
        line-height: 0;
        margin: 0;
        font-size: 0px;
    }

    #about .about_in .read h2{
        width: 100%;
        line-height: 0;
        margin: 0 auto 68px;
        background: url(../img/read_tit.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(72 / 1100 * 100%);
        font-size: 0px;
    }

    #about .about_in .read p{
        width: 100%;
        line-height: 0;
        margin: 0;
        background: url(../img/read.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(361 / 1100 * 100%);
        font-size: 0px;
    }

    #content {
        width: 100%;
        margin: 0 auto;
    }

    #content #con1 {
        width: 100%;
        margin: 0 auto;
        padding-top: 110px;
        text-align: center;
    }

    #content #con1 .con1_in {
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
        line-height: 0;
    }

    #content #con1 .con1_in h1 {
        width: 100%;
        margin: 0 auto 20px;
        background: url(../img/con1_tit.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(442 / 1100 * 100%);
        font-size: 0px;
    }

    #content #con1 .con1_in h2 {
        width: 100%;
        margin: 0 auto 50px;
        background: url(../img/con1_directed.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(502 / 1100 * 100%);
        font-size: 0px;
    }

    #content #con1 .con1_in h3 {
        width: 100%;
        margin: 0;
        background: url(../img/con1_read.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(215 / 1100 * 100%);
        font-size: 0px;
    }

    #content #con1 .con1_in .cast {
        width: 100%;
        margin: 30px auto 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #content #con1 .con1_in .cast p.cast1 {
        width: 357px;
        background: url(../img/con1_cast1.jpg) no-repeat top center;
        background-size: contain;
        height: 539px;
        font-size: 0px;
    }

    #content #con1 .con1_in .cast p.cast2 {
        width: 357px;
        background: url(../img/con1_cast2.jpg) no-repeat top center;
        background-size: contain;
        height: 539px;
        font-size: 0px;
    }

    #content #con1 .con1_in .cast p.cast3 {
        width: 357px;
        background: url(../img/con1_cast3.jpg) no-repeat top center;
        background-size: contain;
        height: 539px;
        font-size: 0px;
    }

    #content #con1 .con1_in p.txt1 {
        width: 100%;
        margin: 45px auto ;
        background: url(../img/con1_txt1.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(225 / 1100 * 100%);
        font-size: 0px;
    }

    #content #con1 .con1_in p.txt2 {
        width: 100%;
        margin: 50px auto 0;
        background: url(../img/con1_txt2.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(227 / 1100 * 100%);
        font-size: 0px;
    }

    #content #con1 .con1_in .photo {
        width: 100%;
        margin: 95px auto 0;
    }

    #content #con1 .con1_in .photo h4 {
        width: 100%;
        margin: 0 auto;
        background: url(../img/con1_photo_tit.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(71 / 1100 * 100%);
        font-size: 0px;
    }

    #content #con1 .con1_in .photo ul {
        width: 100%;
        margin: 30px auto 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #content #con1 .con1_in .photo ul li {
        width: 345px;
        margin: 0 auto 25px;
    }

    #content #con1 .con1_in img {
        width: auto;
    }

    

#content #con2 {
        width: 100%;
        margin: 0 auto;
        padding-top: 85px;
        text-align: center;
    }

    #content #con2 .con2_in {
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
        line-height: 0;
    }

    #content #con2 .con2_in h1 {
        width: 100%;
        margin: 0 auto 20px;
        background: url(../img/con2_tit.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(456 / 1100 * 100%);
        font-size: 0px;
    }

    #content #con2 .con2_in h2 {
        width: 100%;
        margin: 0 auto 50px;
        background: url(../img/con2_directed.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(502 / 1100 * 100%);
        font-size: 0px;
    }

    #content #con2 .con2_in h3 {
        width: 100%;
        margin: 0;
        background: url(../img/con2_read.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(215 / 1100 * 100%);
        font-size: 0px;
    }

    #content #con2 .con2_in .cast {
        width: 100%;
        margin: 30px auto 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #content #con2 .con2_in .cast p.cast1 {
        width: 357px;
        background: url(../img/con2_cast1.jpg) no-repeat top center;
        background-size: contain;
        height: 499px;
        font-size: 0px;
    }

    #content #con2 .con2_in .cast p.cast2 {
        width: 357px;
        background: url(../img/con2_cast2.jpg) no-repeat top center;
        background-size: contain;
        height: 499px;
        font-size: 0px;
    }

    #content #con2 .con2_in .cast p.cast3 {
        width: 357px;
        background: url(../img/con2_cast3.jpg) no-repeat top center;
        background-size: contain;
        height: 499px;
        font-size: 0px;
    }

    #content #con2 .con2_in p.txt1 {
        width: 100%;
        margin: 75px auto 30px;
        background: url(../img/con2_txt1.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(193 / 1100 * 100%);
        font-size: 0px;
    }

    #content #con2 .con2_in .photo {
        width: 100%;
        margin: 115px auto 0;
    }

    #content #con2 .con2_in .photo h4 {
        width: 100%;
        margin: 0 auto;
        background: url(../img/con2_photo_tit.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(71 / 1100 * 100%);
        font-size: 0px;
    }

    #content #con2 .con2_in .photo ul {
        width: 100%;
        margin: 30px auto 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #content #con2 .con2_in .photo ul li {
        width: 345px;
        margin: 0 auto 25px;
    }

    #content #con2 .con2_in img {
        width: auto;
    }



    #content #con3 {
        width: 100%;
        margin: 0 auto;
        padding: 110px 0 65px;
        text-align: center;
    }

    #content #con3 .con3_in {
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
        line-height: 0;
    }

    #content #con3 .con3_in h1 {
        width: 100%;
        margin: 0 auto 20px;
        background: url(../img/con3_tit.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(463 / 1100 * 100%);
        font-size: 0px;
    }

    #content #con3 .con3_in h3 {
        width: 100%;
        margin: 0;
        background: url(../img/con3_read.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(238 / 1100 * 100%);
        font-size: 0px;
    }

    #content #con3 .con3_in p.txt1 {
        width: 100%;
        margin: 30px auto 70px;
        background: url(../img/con3_txt1.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(155 / 1100 * 100%);
        font-size: 0px;
    }

    #content #con3 .con3_in p.txt2 {
        width: 100%;
        margin: 10px auto 0;
        background: url(../img/con3_txt2.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(1040 / 1100 * 100%);
        font-size: 0px;
    }

    #content #con3 .con3_in img {
        width: auto;
    }

    #footer {
        width: 100%;
        margin: 0 auto;
        background: url(../img/footer_bk.jpg) repeat top left;
        padding: 65px 0 70px;
    }
    #footer .footer_in {
        width: 1100px;
        margin: 0 auto;
        line-height: 0;
        font-size: 0px;
    }

    #footer .footer_in h1 {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(../img/footer_logo.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(372 / 1100 * 100%);
        font-size: 0px;
    }

    #footer .footer_in .day {
        width: 718px;
        margin: 28px auto 0;
        font-size: 0px;
    }

    #footer .footer_in .day p.day1 {
        width: 100%;
        line-height: 0;
        margin: 0 auto 5px;
        background: url(../img/footer_day1.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(136 / 718 * 100%);
        font-size: 0px;
    }

    #footer .footer_in .day p.day2 {
        width: 100%;
        line-height: 0;
        margin: 0 auto 20px;
        background: url(../img/footer_day2.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(94 / 718 * 100%);
        font-size: 0px;
    }

    #footer .footer_in .day p.day3 {
        width: 100%;
        line-height: 0;
        margin: 0;
        background: url(../img/footer_day3.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(128 / 718 * 100%);
        font-size: 0px;
    }

    #page-top {
        position: fixed;
        bottom: -140px;
        right: 5px;
        width: 100px;
        height: 100px;
        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(140 / 140 * 100%);
        font-size: 0px;
    }
}

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

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

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

    #head .head_in {
        width: 100%;
        margin: 0 auto;
        line-height: 0;
        background: #cb0f0f;
    }

    #head .head_in h1 {
        margin: 0 auto;
        background: url(../img/sp_header.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(468 / 768 * 100%);
        font-size: 0px;
    }

    #head .head_in .movie {
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
        background: #000000;
        padding-bottom: 4.55%;
    }

    .day {
        width: 94%;
        margin: 0 auto;
        font-size: 0px;
        padding: 3.75% 0 6.55%;
    }

    .day p.day1 {
        width: 100%;
        line-height: 0;
        margin: 0 auto 5px;
        background: url(../img/sp_day1.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(136 / 718 * 100%);
        font-size: 0px;
    }

    .day p.day2 {
        width: 100%;
        line-height: 0;
        margin: 0 auto 4.85%;
        background: url(../img/sp_day2.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(94 / 718 * 100%);
        font-size: 0px;
    }

    .day p.day3 {
        width: 100%;
        line-height: 0;
        margin: 0;
        background: url(../img/sp_day3.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(128 / 718 * 100%);
        font-size: 0px;
    }

    #about {
        width: 100%;
        margin: 0 auto;
        background-color: #FFFFFF;
        padding: 10% 0 0;
    }

    #about .about_in {
        width: 100%;
        margin: 0 auto;
        line-height: 0;
    }

    #about .about_in .cast {
        width: 100%;
        line-height: 0;
        font-size: 0px;
        margin: 0 auto;
    }

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

    #about .about_in .cast p.cast1{
        width: 100%;
        margin: 0 auto 17.5%;
        background: url(../img/sp_cast1.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(488 / 768 * 100%);
        font-size: 0px;
    }

    #about .about_in .cast p.cast2{
        width: 100%;
        margin: 0 auto 17%;
        background: url(../img/sp_cast2.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(569 / 768 * 100%);
        font-size: 0px;
    }

    #about .about_in .cast p.cast3{
        display: block;
        width: 100%;
        margin: 0 auto 14.5%;
        background: url(../img/sp_cast3.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(558 / 768 * 100%);
        font-size: 0px;
    }

    #about .about_in .read {
        width: 100%;
        line-height: 0;
        margin: 0;
        font-size: 0px;
    }

    #about .about_in .read h2{
        width: 100%;
        line-height: 0;
        margin: 0 auto 8.85%;
        background: url(../img/sp_read_tit.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(89 / 768 * 100%);
        font-size: 0px;
    }

    #about .about_in .read p{
        width: 100%;
        line-height: 0;
        margin: 0;
        background: url(../img/sp_read.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(984 / 768 * 100%);
        font-size: 0px;
    }

    #content {
        width: 100%;
        margin: 0 auto;
    }

    #content #con1 {
        width: 100%;
        margin: 0 auto;
        padding-top: 11.75%;
        text-align: center;
    }

    #content #con1 .con1_in {
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
        line-height: 0;
    }

    #content #con1 .con1_in h1 {
        width: 100%;
        margin: 0 auto 8.35%;
        background: url(../img/sp_con1_tit.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(407 / 768 * 100%);
        font-size: 0px;
    }

    #content #con1 .con1_in h2 {
        width: 100%;
        margin: 0 auto 7.3%;
        background: url(../img/sp_con1_directed.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(1236 / 768 * 100%);
        font-size: 0px;
    }

    #content #con1 .con1_in h3 {
        width: 100%;
        margin: 0;
        background: url(../img/sp_con1_read.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(177 / 768 * 100%);
        font-size: 0px;
    }

    #content #con1 .con1_in .cast {
        width: 94%;
        margin: 4.5% auto 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #content #con1 .con1_in .cast p.cast1 {
        width: 32.5%;
        margin: 0;
        background: url(../img/sp_con1_cast1.jpg) no-repeat top center;
        background-size: cover;
        padding-top: calc(562 / 233 * 32.5%);
        font-size: 0px;
    }

    #content #con1 .con1_in .cast p.cast2 {
        width: 32.5%;
        margin: 0;
        background: url(../img/sp_con1_cast2.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(562 / 233 * 32.5%);
        font-size: 0px;
    }

    #content #con1 .con1_in .cast p.cast3 {
        width: 32.5%;
        margin: 0;
        background: url(../img/sp_con1_cast3.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(562 / 233 * 32.5%);
        font-size: 0px;
    }

    #content #con1 .con1_in p.txt1 {
        width: 100%;
        margin: 12.37% auto 7.82%;
        background: url(../img/sp_con1_txt1.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(636 / 768 * 100%);
        font-size: 0px;
    }

    #content #con1 .con1_in p.txt2 {
        width: 100%;
        margin: 11.7% auto 0;
        background: url(../img/sp_con1_txt2.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(510 / 768 * 100%);
        font-size: 0px;
    }

    #content #con1 .con1_in .photo {
        width: 100%;
        margin: 7% auto 0;
    }

    #content #con1 .con1_in .photo h4 {
        width: 100%;
        margin: 0 auto;
        background: url(../img/sp_con1_photo_tit.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(99 / 768 * 100%);
        font-size: 0px;
    }

    #content #con1 .con1_in .photo ul {
        width: 94%;
        margin: 5.9% auto 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #content #con1 .con1_in .photo ul li {
        width: 49.9%;
        margin: 0 auto 2.772%;
    }

    #content #con1 .con1_in img {
        width: 94%;
    }

    #content #con2 {
        width: 100%;
        margin: 0 auto;
        padding-top: 8.5%;
        text-align: center;
    }

    #content #con2 .con2_in {
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
        line-height: 0;
    }

    #content #con2 .con2_in h1 {
        width: 100%;
        margin: 0 auto 7.15%;
        background: url(../img/sp_con2_tit.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(548 / 768 * 100%);
        font-size: 0px;
    }

    #content #con2 .con2_in h2 {
        width: 100%;
        margin: 0 auto 3.91%;
        background: url(../img/sp_con2_directed.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(1085 / 768 * 100%);
        font-size: 0px;
    }

    #content #con2 .con2_in h3 {
        width: 100%;
        margin: 0;
        background: url(../img/sp_con2_read.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(177 / 768 * 100%);
        font-size: 0px;
    }

    #content #con2 .con2_in .cast {
        width: 94%;
        margin: 4.55% auto 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #content #con2 .con2_in .cast p.cast1 {
        width: 32.5%;
        margin: 0;
        background: url(../img/sp_con2_cast1.jpg) no-repeat top center;
        background-size: cover;
        padding-top: calc(610 / 233 * 32.5%);
        font-size: 0px;
    }

    #content #con2 .con2_in .cast p.cast2 {
        width: 32.5%;
        margin: 0;
        background: url(../img/sp_con2_cast2.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(610 / 233 * 32.5%);
        font-size: 0px;
    }

    #content #con2 .con2_in .cast p.cast3 {
        width: 32.5%;
        margin: 0;
        background: url(../img/sp_con2_cast3.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(610 / 233 * 32.5%);
        font-size: 0px;
    }

    #content #con2 .con2_in p.txt1 {
        width: 100%;
        margin: 8.75% auto 8.4%;
        background: url(../img/sp_con2_txt1.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(439 / 768 * 100%);
        font-size: 0px;
    }

    #content #con2 .con2_in .photo {
        width: 100%;
        margin: 13.1% auto 0;
    }

    #content #con2 .con2_in .photo h4 {
        width: 100%;
        margin: 0 auto;
        background: url(../img/sp_con2_photo_tit.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(99 / 768 * 100%);
        font-size: 0px;
    }

    #content #con2 .con2_in .photo ul {
        width: 94%;
        margin: 6.55% auto 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #content #con2 .con2_in .photo ul li {
        width: 49.9%;
        margin: 0 auto 2.772%;
    }

    #content #con2 .con2_in img {
        width: 94%;
    }

    #content #con3 {
        width: 100%;
        margin: 0 auto;
        padding: 12% 0 4%;
        text-align: center;
    }

    #content #con3 .con3_in {
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
        line-height: 0;
    }

    #content #con3 .con3_in h1 {
        width: 100%;
        margin: 0 auto 2.55%;
        background: url(../img/sp_con3_tit.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(471 / 768 * 100%);
        font-size: 0px;
    }

    #content #con3 .con3_in h3 {
        width: 100%;
        margin: 0;
        background: url(../img/sp_con3_read.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(204 / 768 * 100%);
        font-size: 0px;
    }

    #content #con3 .con3_in p.txt1 {
        width: 100%;
        margin: 4% auto 9.2%;
        background: url(../img/sp_con3_txt1.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(309 / 768 * 100%);
        font-size: 0px;
    }

    #content #con3 .con3_in p.txt2 {
        width: 100%;
        margin: 2.5% auto 0;
        background: url(../img/sp_con3_txt2.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(964 / 768 * 100%);
        font-size: 0px;
    }

    #content #con3 .con3_in img {
        width: auto;
    }


    #footer {
        width: 100%;
        margin: 0 auto;
        background: url(../img/sp_footer_bk.jpg) repeat top left;
        padding: 7.8% 0 15.6%;
    }
    #footer .footer_in {
        width: 100%;
        margin: 0 auto;
        line-height: 0;
        font-size: 0px;
    }

    #footer .footer_in h1 {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(../img/sp_footer_logo.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(596 / 768 * 100%);
        font-size: 0px;
    }

    #footer .footer_in .day {
        width: 94%;
        margin: 28px auto 0;
        font-size: 0px;
    }

    #footer .footer_in .day p.day1 {
        width: 100%;
        line-height: 0;
        margin: 0 auto 5px;
        background: url(../img/footer_day1.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(136 / 718 * 100%);
        font-size: 0px;
    }

    #footer .footer_in .day p.day2 {
        width: 100%;
        line-height: 0;
        margin: 0 auto 20px;
        background: url(../img/footer_day2.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(94 / 718 * 100%);
        font-size: 0px;
    }

    #footer .footer_in .day p.day3 {
        width: 100%;
        line-height: 0;
        margin: 0;
        background: url(../img/footer_day3.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(128 / 718 * 100%);
        font-size: 0px;
    }

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

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

#page-top a:hover {
    opacity: 0.6;
}

.video #vjs_video_3 {
    padding-top: 56.3%;
}

/*2021/12/21追記*/
.retake {
background-color: #000;
padding: 1rem 0;
text-align: center;
font-size: 3rem;
line-height: 175%;
color: #fff;
}
.retake dd {font-size: 1.8rem;}
@media screen and (max-width: 768px) {
.retake, .retake dd {font-size: 0.9rem;}
}