.div_box6img_bak {
    position: fixed;
    width: 100%;
    height: 100vh;
    opacity: 0;
    pointer-events: none;
    background-color: black;
    z-index: 1000;
}

.div_box6img_bak_op {
    pointer-events: auto;
    opacity: 0.5;
}

.div_box6_img {
    width: 21vw;
    height: 21vw;
    object-fit: cover;
    margin: 2vw;
}

.div_box6_a {
    width: 100%;
    height: 50vw;
    margin-bottom: 0;
}

.div_box6_1 {
    height: 50%;
    display: -webkit-inline-box;
    margin-left: 12vw;
}

.div_box6a {
    width: 25vw;
    height: 25vw;
    overflow: hidden;
    border: 1px solid;
    border-color: #cfcfcf;
}

.reserve_a {
    color: white;
    text-decoration: none;
}

/***************************************************************************************　　max-width: 799px　スマホ　***/
@media (max-width: 799px) {

    .pc {
        display: none;
    }

    .iframe_access {
        width: 100vw;
        margin-top: 5vw;
        margin-bottom: 5vw;
    }

    .div_box6_b {
        width: 100%;
        height: 25vw;
        margin-bottom: 10vw;
    }

    .div_box6 {
        width: 100%;
        height: 50vw;
        margin-top: 10vw;
        margin-bottom: 0;
    }

    .covid2_p {
        margin-left: 10vw;
        margin-top: 5vw;
        margin-bottom: 5vw;
        left: 25%;
        z-index: 5;
        font-size: 3.5vw;
        padding-top: 1vw;
    }

    .access_p {
        top: 10vw;
        left: 25%;
        z-index: 5;
        font-size: 5vw;
        margin: 5%;
    }

    .reserve_p {
        background-color: #dddddd;
        border-radius: 20px 20px 20px 20px;
        margin-left: 3vw;
        margin-right: 3vw;
        z-index: 5;
        font-size: 3.5vw;
        padding: 4vw;
        padding-left: 7vw;
        padding-right: 7vw;
        color: #131313;
    }

    .reserve_p_pc2 {
        display: none;
    }

    .reserve_p2 {
        text-align: center;
        margin-bottom: 2vw;
    }

    .reserve_p_pc {
        display: none;
    }

    .reserve_p_mba {
        text-align: center;
        font-size: 3.5vw;
        margin-bottom: 4vw;
    }

    .reserve_p3 {
        transform: translate(-50%, 0%);
        background-size: cover;
        margin-left: 50%;
        margin-top: 5vw;
        margin-bottom: 5vw;
        width: 5vw;
        height: 5vw;
        background-image: url(../img/chk1.png);
    }

    .reserve_p4 {
        pointer-events: none;
        background-color: #939393;
        color: white;
        text-align: center;
        padding: 5vw 0;
        width: 260px;
        margin: 3vw auto;
        font-size: 3.5vw;
    }

    .reserve_p5 {
        pointer-events: none;
        background-color: #939393;
        color: white;
        text-align: center;
        padding: 5vw 0;
        width: 260px;
        margin: 3vw auto;
        font-size: 3.5vw;
    }

    .reserve_p6 {
        pointer-events: none;
        background-color: #939393;
        color: white;
        text-align: center;
        padding: 5vw 0;
        width: 260px;
        margin: 3vw auto;
        font-size: 3.5vw;
    }

    .busu_p {
        width: 68%;
        z-index: 5;
        font-size: 3.5vw;
        margin-bottom: 3vw;
        padding-top: 2vw;
        border-bottom-style: solid;
        margin-left: 10vw;
        border-width: thin;
    }

    .nagare_p {
        top: 10vw;
        left: 25%;
        z-index: 5;
        font-size: 4vw;
        margin-left: 10%;
        margin-top: 5vh;
        border: 1px solid #939191;
        border-inline-end-style: none;
        border-top-style: none;
        width: 75%;
    }

    .birthday_pco {
        margin-left: 10vw;
        left: 25%;
        z-index: 5;
        font-size: 3.5vw;
        padding-top: 1vw;
        color: #3e3b3b;
        margin-top: 5vw;
    }

    .photo_div2 {
        width: 100%;
        height: 70vw;
        z-index: 1;
        margin-left: 0%;
        top: 5vw;
    }

    .photo_div2_migi {
        animation: photo_div2_migi 0.5s forwards;
    }

    @keyframes photo_div2_migi {
        0% {
            margin-left: 0%;
        }

        100% {
            margin-left: -100%;
        }
    }

    .photo_div2_hidari {
        animation: photo_div2_hidari 0.5s forwards;
    }

    @keyframes photo_div2_hidari {
        0% {
            margin-left: -100%;
        }

        100% {
            margin-left: 0%;
        }
    }

    .photo_migi {
        left: 2px;
        width: 32px;
        height: 32px;
        background: url(../img/fotorama@2x.png) no-repeat;
        background-size: 96px 160px;
        position: absolute;
        margin-top: -35vw;
        opacity: 0;
        pointer-events: none;
    }

    .photo_migi_on {
        opacity: 1;
        pointer-events: auto;
    }

    .photo_hidari {
        right: 2px;
        width: 32px;
        height: 32px;
        background: url(../img/fotorama@2x.png) no-repeat;
        background-size: 96px 160px;
        background-position: -32px 0;
        position: absolute;
        margin-top: -35vw;
    }

    .photo_hidari_off {
        opacity: 0;
        pointer-events: none;
    }

    .privacy_p {
        left: 25%;
        z-index: 5;
        font-size: 3.5vw;
        padding-top: 1vw;
        padding-left: 5%;
        padding-right: 5%;
    }

    .privacy10_p {
        text-align: right;
        z-index: 5;
        font-size: 3.5vw;
        padding-top: 1vw;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 10%;
    }

    .privacy2_p {
        z-index: 5;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 3.5vw;
        padding-left: 10%;
        padding-right: 5%;
    }

    .privacy3_p {
        left: 25%;
        z-index: 5;
        font-size: 3.5vw;
        padding-top: 1vw;
        padding-left: 5%;
        padding-right: 5%;
    }

    .accessimg {
        margin: 5%;
        width: 90%;
        height: auto;
    }

    .about_img {
        width: 80vw;
        margin-left: 10vw;
        margin-bottom: 10vw;
    }

    .about_pin {
        z-index: 5;
        font-size: 3.5vw;
        color: rgb(0 0 0);
        padding-bottom: 10vw;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 5vw
    }

    .about_pin_pc {
        display: none;
    }

    .box6_imgA {
        position: fixed;
        object-fit: contain;
        left: 15%;
        width: 70%;
        top: 15%;
        height: 70%;
        background-color: black;
        opacity: 0;
        pointer-events: none;
        z-index: 1010;
    }

    .box6_img {
        position: fixed;
        object-fit: cover;
        left: 15%;
        width: 70%;
        top: 15%;
        height: 70%;
        background-color: black;
        opacity: 0;
        pointer-events: none;
        z-index: 1010;
    }

    .div_box6img_kaba {
        position: fixed;
        left: 15%;
        width: 70%;
        top: 40%;
        height: 20%;
        background-color: black;
        opacity: 0;
        pointer-events: none;
        z-index: 1001;
    }

    .div_box6img_kaba_op {
        animation: div_box6img_kaba_op 0.5s forwards;
    }

    @keyframes div_box6img_kaba_op {
        0% {
            top: 40%;
            height: 20%;
            opacity: 0;
        }

        100% {
            top: 15%;
            height: 70%;
            opacity: 1;
        }
    }

    .div_box6img_kaba_cl {
        animation: div_box6img_kaba_cl 0.5s forwards;
    }

    @keyframes div_box6img_kaba_cl {
        0% {
            top: 15%;
            height: 70%;
            opacity: 1;
        }

        100% {
            top: 15%;
            height: 70%;
            opacity: 0;
        }
    }

    .box6_hidari {
        position: fixed;
        left: 3%;
        width: 10%;
        top: 50%;
        height: 10vw;
        opacity: 0;
        pointer-events: none;
        z-index: 1010;
        background: url(../img/div6hidari.jpg) no-repeat center center;
        background-size: cover;
        border-radius: 50%;
    }

    .box6_hidari_on {
        animation: box6_hidari_on 0.5s forwards;
        pointer-events: auto;
    }

    @keyframes box6_hidari_on {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .box6_hidari_off {
        animation: box6_hidari_off 0.5s forwards;
    }

    @keyframes box6_hidari_off {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    .box6_migi {
        position: fixed;
        left: 87%;
        width: 10%;
        top: 50%;
        height: 10vw;
        opacity: 0;
        pointer-events: none;
        z-index: 1010;
        background: url(../img/div6migi.jpg) no-repeat center center;
        background-size: cover;
        border-radius: 50%;
    }

    .box6_migi_on {
        animation: box6_migi_on 0.5s forwards;
        pointer-events: auto;
    }

    @keyframes box6_migi_on {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .box6_migi_off {
        animation: box6_migi_off 0.5s forwards;
    }

    @keyframes box6_migi_off {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    .div_box6img_close {
        position: fixed;
        top: 60%;
        left: 50%;
        font-size: 6vw;
        opacity: 0;
        z-index: 10003;
        color: white;
        transform: translate(-50%, 0%);
        pointer-events: none;
    }

    .div_box6img_close_op {
        pointer-events: auto;
        animation: div_box6img_close_op 0.5s forwards;
    }

    @keyframes div_box6img_close_op {
        0% {
            top: 60%;
            opacity: 0;
        }

        100% {
            top: 90%;
            opacity: 1;
        }
    }

    .div_box6img_close_cl {
        animation: div_box6img_close_cl 0.5s forwards;
    }

    @keyframes div_box6img_close_cl {
        0% {
            top: 90%;
            opacity: 1;
        }

        100% {
            top: 90%;
            opacity: 0;
        }
    }

    .tuika_p6 {
        width: 90vw;
        left: 25%;
        z-index: 5;
        font-size: 4vw;
        margin-top: 6vw;
        padding-left: 5vw;
        padding-right: 5vw;
    }

    .tuika_p60 {
        width: 90vw;
        margin-top: 1vw;
        font-size: 4vw;
        padding-left: 5vw;
        padding-right: 5vw;
    }

    .tuika_p5 {
        left: 25%;
        z-index: 5;
        font-size: 4vw;
        padding-top: 1vw;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 10%;
        color: #464646;
    }

    .tuika_p3 {
        top: 10vw;
        left: 25%;
        z-index: 5;
        font-size: 5vw;
        margin-left: 10%;
        margin-top: 5vh;
    }

    .tuika_p1 {
        left: 25%;
        text-align: center;
        z-index: 5;
        font-size: 5vw;
        padding-top: 10vw;
    }

    .tuika_p2 {
        text-align: center;
        left: 25%;
        z-index: 5;
        font-size: 3.5vw;
        padding-top: 1vw;
    }

    .tuika_p {
        top: 10vw;
        left: 25%;
        z-index: 5;
        font-size: 5vw;
        padding-top: 5vw;
    }

    .sitigotuika {
        width: 100%;
        height: 0;
        border-top: rgba(255, 255, 255, 0.3);
        border-bottom: rgba(255, 255, 255, 0.3);
        border-bottom-style: solid;
        border-top-style: solid;
        border-width: thin;
        overflow: hidden;
    }

    .sitigotuika_on {
        height: auto;
    }

    .tuikaop {
        width: 100%;
        display: -webkit-inline-box;
    }

    .sitigoi_icom {
        width: 3.5vw;
        height: 3.5vw;
        margin-right: 3.5vw;
        margin-top: 12vw;
        margin-left: 5%;
        background-image: url(../img/mob_iconblrft.png);
        background-size: cover;
    }

    .sitigoi_icom_on {
        background-image: url(../img/mob_iconb2.png);
    }

    .taitoru {
        width: 50%;
        z-index: 5;
        font-size: 5vw;
        padding-top: 20vw;
        border-bottom-style: solid;
        border-top-style: solid;
        border-width: thin;
    }


    .taitoru_grad {
        width: 80%;
        z-index: 5;
        font-size: 5vw;
        padding-top: 20vw;
        border-bottom-style: solid;
        border-top-style: solid;
        border-width: thin;
    }

    .taitoru_kis {
        width: 70%;
        z-index: 5;
        font-size: 5vw;
        padding-top: 20vw;
        border-bottom-style: solid;
        border-top-style: solid;
        border-width: thin;
    }

    .taitoru2 {
        z-index: 5;
        font-size: 4vw;
        padding-top: 5vw;
        padding-left: 5%;
    }

    .sitigo {
        width: 100%;
        height: 100vw;
    }

    .omiyaimg {
        width: 100%;
        height: 70vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/003_2D3A8287_003.jpg) no-repeat center center;
        background-size: cover;
    }

    .sitigoimg1 {
        width: 100%;
        height: 72.6vw;
        margin-top: 5vw;
        margin-bottom: 5vw;
        object-fit: cover;
    }

    .sitigoimg2 {
        margin: 35%;
        position: absolute;
        margin-left: 55%;
        width: 40%;
        height: auto;
    }

    .sitigoimg3 {
        margin: 5%;
        width: 90%;
        height: auto;
    }

    .sitigoimg4 {
        margin: 5%;
        width: 90%;
        height: auto;
    }

    .feature_img_t {
        margin-top: 10px;
        margin-bottom: 50px;
        width: 80%;
        max-width: 600px;
        height: auto;

    }

    .feature_img {
        margin: 10px 0 0;
        width: 50%;
        max-width: 600px;
        height: auto;
        border-top: 1px solid #666;
    }

    .feature_box {
        text-align: center;
        margin: 20px;
        padding: 10px;
        background: #fff;

        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    }

    .feature_txt {
        text-align: left;
        margin: 0 30px 30px;
        line-height: 2.0em;
    }


    .plans_img_t {
        margin: 170px auto;
        margin-bottom: 0;
        width: 40%;
        max-width: 200px;
        height: auto;

    }


    .access {
        width: 100%;
        height: 70vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/20210210_064255127_iOS-768x576.jpg) no-repeat center center;
        background-size: cover;
    }

    .privacy {
        width: 100%;
        height: 70vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/top_pri.jpg) no-repeat center center;
        background-size: cover;
    }

    .birthday {
        width: 100%;
        height: 70vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/556A5274-2-scaled.jpg) no-repeat center center;
        background-size: cover;
    }

    .sbp {
        width: 100%;
        height: 70vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/sbp_cover.png) no-repeat center center;
        background-size: cover;
    }

    .s_2024 {
        width: 100%;
        height: 70vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/753_2024.jpg) no-repeat center center;
        background-size: cover;
    }

    .s_2024_2 {
        width: 100%;
        height: 70vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/753_2024_top_2.jpg) no-repeat center center;
        background-size: cover;
    }

    .sitigo_p_mba {
        margin-left: 10vw;
        left: 25%;
        z-index: 5;
        font-size: 3.5vw;
        padding-top: 1vw;
        color: #3e3b3b;
    }

    .sitigo_p_pc {
        display: none;
    }

    .birthday_p {
        margin-left: 10vw;
        left: 25%;
        z-index: 5;
        font-size: 3.5vw;
        padding-top: 1vw;
        color: #3e3b3b;
    }

    .birthday_p_mba {
        margin-left: 10vw;
        left: 25%;
        z-index: 5;
        font-size: 3.5vw;
        padding-top: 1vw;
        color: #3e3b3b;
    }

    .birthday_p_pc {
        display: none;
    }

    .birthday_p2 {
        margin-left: 10vw;
        left: 25%;
        z-index: 5;
        font-size: 3.5vw;
        padding-top: 5vw;
        margin-bottom: 10vw;
    }

    .kids {
        width: 100%;
        height: 70vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/nyuuen3.jpg) no-repeat center center;
        background-size: cover;
    }

    .grad {
        width: 100%;
        height: 70vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/2D3A758423.jpg) no-repeat center center;
        background-size: cover;
    }

    .grad_p {
        z-index: 5;
        font-size: 3.5vw;
        color: rgb(0 0 0);
        padding-left: 5%;
        padding-right: 5%;
    }

    .ma {
        width: 100%;
        height: 70vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/006_007_556A8155_007_006-scaled.jpg) no-repeat center center;
        background-size: cover;
    }

    .seijin {
        width: 100%;
        height: 70vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/2D3A2667.jpg) no-repeat center center;
        background-size: cover;
    }

    .family {
        width: 100%;
        height: 70vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/556A5679-scaled.jpg) no-repeat center center;
        background-size: cover;
    }

    .flow {
        width: 100%;
        height: 70vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/556A3528.png) no-repeat center center;
        background-size: cover;
    }

    .reserve {
        width: 100%;
        height: 70vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/2021/07/top_res_2.jpg) no-repeat center center;
        background-size: cover;
    }

    .birthday_p3 {
        margin-left: 10vw;
        left: 25%;
        z-index: 5;
        font-size: 3.5vw;
        padding-top: 5vw;
        padding-bottom: 10vw;
    }

    .reserve_iframe {
        margin: 5%;
        z-index: 100;
    }

    .clothing {
        width: 100%;
        height: 70vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/cross.png) no-repeat center center;
        background-size: cover;
    }

    .photo {
        width: 100%;
        height: 70vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/tarte.png) no-repeat center center;
        background-size: cover;
    }

    .photoimgA {
        width: 200%;
        height: 70vw;
        z-index: 1;
        top: 5vw;
    }

    .photoimgA_afB {
        animation: photoimgA_afB 0.5s forwards;
    }

    @keyframes photoimgA_afB {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .photoimgB {
        width: 50%;
        height: 70vw;
        z-index: 1;
        top: 5vw;
    }

    .photoimgB_afB {
        animation: photoimgB_afB 0.5s forwards;
    }

    @keyframes photoimgB_afB {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .photoimg2 {
        width: 100%;
        height: 70vw;
        z-index: 1;
        top: 5vw;
    }

    .photoimgnone {
        position: fixed;
        width: 100%;
        height: 70vw;
        z-index: 1;
        top: 5vw;
        opacity: 0;
        pointer-events: none;
    }

    .photo_div {
        width: 100%;
        height: 70vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
    }

    .photo_div2no {
        width: 100%;
        height: 70vw;
        z-index: 1;
        margin-left: 0%;
        top: 5vw;
    }

    .photo_p {
        margin-top: 10vw;
        z-index: 5;
        font-size: 3.5vw;
        color: rgb(0 0 0);
        padding-left: 5%;
        padding-right: 5%;
    }

    .photo_p1 {
        text-align: right;
        font-size: 4vw;
        padding-right: 5%;
        padding-bottom: 2vw;
        padding-bottom: 2vw;
    }

    .photo_p2 {
        text-align: right;
        z-index: 5;
        font-size: 3.5vw;
        color: rgb(80 80 80);
        padding-left: 5%;
        padding-right: 5%;
        line-height: 2;
    }

    .photo_p5 {
        top: 10vh;
        padding-top: 1vh;
        left: 25%;
        z-index: 5;
        font-size: 5vw;
        text-align: center;
        padding: 40px;
    }

    .question {
        width: 100%;
        height: 70vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/top_faq.jpg) no-repeat center center;
        background-size: cover;
    }

    .question_div {
        display: -webkit-inline-box;
        margin-left: 10vw;
    }

    .question_item {
        font-size: 4vw;
        content: 'Q';
        height: 35px;
        line-height: 35px;
        width: 35px;
        background: #000;
        color: #fff;
        text-align: center;
        border-radius: 100%;
        left: 0px;
        top: 50%;
    }

    .question_p1 {
        color: #db3d7c;
        margin-left: 5vw;
        font-size: 5vw;
        padding: 2%;
    }

    .nonimeji {
        width: 100%;
        height: 70vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/shop_info.jpg) no-repeat center center;
        background-size: cover;
    }

}

/***************************************************************************************　　min-width: 800px　　***/
@media (min-width: 800px) {
    .covid2_p {
        margin-left: 35vw;
        margin-top: 5vw;
        margin-bottom: 5vw;
        left: 25%;
        z-index: 5;
        font-size: 1.5vw;
        padding-top: 1vw;
    }

    .access_p {
        top: 10vw;
        z-index: 5;
        font-size: 2vw;
        text-align: center;
        width: 100vw;
    }

    .reserve_p {
        display: none;
    }

    .reserve_p_pc2 {
        background-color: #d8d8d8;
        border-radius: 20px 20px 20px 20px;
        margin-left: 15vw;
        margin-right: 15vw;
        z-index: 5;
        font-size: 1.5vw;
        padding: 3vw;
    }

    .reserve_p2 {
        text-align: center;
        margin-bottom: 2vw;
    }

    .reserve_p_pc {
        text-align: center;
        font-size: 1.5vw;
        margin-bottom: 4vh;
    }

    .reserve_p_mba {
        display: none;
    }

    .reserve_p3 {
        transform: translate(-50%, 0%);
        background-size: cover;
        margin-left: 50%;
        margin-top: 5vw;
        margin-bottom: 5vw;
        width: 2vw;
        height: 2vw;
        background-image: url(../img/chk1.png);
    }

    .reserve_p4 {
        pointer-events: none;
        background-color: #939393;
        color: white;
        text-align: center;
        padding: 1.5vw;
        width: 25vw;
        transform: translate(-50%, 0%);
        background-size: cover;
        margin-left: 50%;
        margin-top: 5vw;
        margin-bottom: 5vw;
        font-size: 1.5vw;
    }

    .reserve_p5 {
        pointer-events: none;
        background-color: #939393;
        color: white;
        text-align: center;
        padding: 1.5vw;
        width: 25vw;
        transform: translate(-50%, 0%);
        background-size: cover;
        margin-left: 50%;
        margin-top: 5vw;
        margin-bottom: 5vw;
        font-size: 1.5vw;
    }

    .reserve_p6 {
        pointer-events: none;
        background-color: #939393;
        color: white;
        text-align: center;
        padding: 1.5vw;
        width: 25vw;
        transform: translate(-50%, 0%);
        background-size: cover;
        margin-left: 50%;
        margin-top: 5vw;
        margin-bottom: 5vw;
        font-size: 1.5vw;
    }

    .nagare_p {
        top: 10vw;
        left: 25%;
        z-index: 5;
        font-size: 2vw;
        margin-left: 10%;
        margin-top: 5vh;
        margin-bottom: 5vh;
        border: 1px solid #939191;
        border-inline-end-style: none;
        border-top-style: none;
        width: 75%;
    }

    .birthday_pco {
        text-align: center;
        left: 25%;
        z-index: 5;
        font-size: 1.5vw;
        padding-top: 1vw;
        margin-top: 1vw
    }

    .photo_div2 {
        width: 100%;
        height: 30vw;
        z-index: 1;
        margin-left: 0%;
        top: 5vw;
    }

    .photo_div2_migi {
        animation: photo_div2_migi 0.5s forwards;
    }

    @keyframes photo_div2_migi {
        0% {
            margin-left: 0%;
        }

        100% {
            margin-left: -100%;
        }
    }

    .photo_div2_hidari {
        animation: photo_div2_hidari 0.5s forwards;
    }

    @keyframes photo_div2_hidari {
        0% {
            margin-left: -100%;
        }

        100% {
            margin-left: 0%;
        }
    }

    .photo_migi {
        width: 32px;
        height: 32px;
        background: url(../img/fotorama@2x.png) no-repeat;
        background-size: 96px 160px;
        position: absolute;
        margin-top: -15vw;
        margin-left: 1%;
        opacity: 0;
        pointer-events: none;
    }

    .photo_migi_on {
        opacity: 1;
        pointer-events: auto;
    }

    .photo_hidari {
        width: 32px;
        height: 32px;
        background: url(../img/fotorama@2x.png) no-repeat;
        background-size: 96px 160px;
        background-position: -32px 0;
        position: absolute;
        margin-left: 36%;
        margin-top: -15vw;
    }

    .photo_hidari_off {
        opacity: 0;
        pointer-events: none;
    }

    .nonimeji {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
        height: 30vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/shop_info.jpg) no-repeat center center;
        background-size: cover;
    }

    .photo_p5 {
        top: 10vh;
        left: 25%;
        z-index: 5;
        font-size: 2.5vw;
        text-align: center;
        padding: 40px;
    }

    .photo_div_pc1 {
        width: 100%;
        display: -webkit-inline-box;
    }

    .photo_div_pc2 {
        width: 40%;
        margin: 5%;
        margin-top: 0;
        margin-bottom: 0;
    }

    .photo_div_pc8 {
        width: 40%;
        margin: 5%;
    }

    .photoimgA {
        width: 200%;
        height: 30vw;
        z-index: 1;
        top: 5vw;
    }

    .photoimg2 {
        width: 100%;
        height: 30vw;
        z-index: 1;
        top: 5vw;
    }

    .photo_div {
        width: 100%;
        height: 30vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
    }

    .photo_div2no {
        width: 100%;
        height: 30vw;
        z-index: 1;
        margin-left: 0%;
        top: 5vw;
        animation: photo_div2 4s infinite;
    }

    .photo_p {
        margin-top: 10vw;
        z-index: 5;
        font-size: 1.5vw;
        text-align: center;
        color: rgb(0 0 0);
        padding-left: 5%;
        padding-right: 5%;
    }

    .photo_p1 {
        font-size: 1.5vw;
        text-align: right;
        padding-right: 5%;
    }

    .photo_p2 {
        text-align: right;
        z-index: 5;
        font-size: 1.4vw;
        color: rgb(80 80 80);
        padding-left: 5%;
        padding-right: 5%;
        line-height: 1.5;
    }

    .photo {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
        height: 30vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/tarte.png) no-repeat center center;
        background-size: cover;
    }

    .clothing {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
        height: 30vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/cross.png) no-repeat center center;
        background-size: cover;
    }

    .reserve_iframe {
        margin: 10%;
        z-index: 100;
    }

    .birthday_p3 {
        text-align: center;
        left: 25%;
        z-index: 5;
        font-size: 1.5vw;
        padding-top: 1vw;
        margin-bottom: 10%;
    }

    .reserve {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
        height: 30vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/top_res_2.jpg) no-repeat center center;
        background-size: cover;
    }

    .flow {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
        height: 30vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/556A3528.png) no-repeat center center;
        background-size: cover;
    }

    .family {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
        height: 30vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/556A5679-scaled.jpg) no-repeat center center;
        background-size: cover;
    }

    .taitoru_kis {
        width: 50%;
        z-index: 5;
        font-size: 2vw;
        padding-top: 20vh;
        border-bottom-style: solid;
        border-top-style: solid;
        border-width: thin;
    }

    .seijin {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
        height: 30vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/2D3A2667.jpg) no-repeat center center;
        background-size: cover;
    }

    .ma {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
        height: 30vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/006_007_556A8155_007_006-scaled.jpg) no-repeat center center;
        background-size: cover;
    }

    .privacy_p {
        left: 25%;
        z-index: 5;
        font-size: 1.5vw;
        margin-bottom: 0;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 5%;
    }

    .privacy10_p {
        text-align: right;
        z-index: 5;
        font-size: 1.5vw;
        margin-bottom: 0;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 5%;
    }

    .privacy2_p {
        left: 25%;
        z-index: 5;
        font-size: 1.5vw;
        padding-left: 10%;
        padding-right: 5%;
    }

    .privacy3_p {
        left: 25%;
        z-index: 5;
        font-size: 1.5vw;
        padding-top: 1vw;
        padding-left: 5%;
        padding-right: 5%;
    }

    .grad {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
        height: 30vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/2D3A758423.jpg) no-repeat center center;
        background-size: cover;
    }

    .kids {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
        height: 30vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/nyuuen2.jpg) no-repeat center center;
        background-size: cover;
    }

    .sitigo_p_mba {
        display: none;
    }

    .sitigo_p_pc {
        left: 25%;
        z-index: 5;
        font-size: 1.5vw;
        padding-top: 2vw;
        padding-bottom: 2vw;
        margin-left: 50vw;
        transform: translate(-50%, 0%);
    }

    .birthday_p {
        z-index: 5;
        font-size: 1.5vw;
        padding-top: 2vw;
        padding-bottom: 2vw;
        margin-left: 50vw;
        transform: translate(-50%, 0%);
        width: 40vw;
    }

    .birthday_p_pc {
        left: 25%;
        z-index: 5;
        font-size: 1.5vw;
        padding-top: 2vw;
        padding-bottom: 2vw;
        margin-left: 50vw;
        transform: translate(-45%, 0%);
        width: 50vw;
    }

    .birthday_p_mba {
        display: none;
    }

    .birthday_p2 {
        text-align: center;
        left: 25%;
        z-index: 5;
        font-size: 1.5vw;
        padding-top: 2%;
        margin-bottom: 5%;
    }

    .birthday {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
        height: 30vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/556A5274-2-scaled.jpg) no-repeat center center;
        background-size: cover;
    }

    .sbp {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
        height: 40vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/sbp_cover.png) no-repeat center center;
        background-size: cover;
    }

    .s_2024 {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
        height: 40vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/753_2024.jpg) no-repeat center center;
        background-size: cover;
    }

    .s_2024_2 {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
        height: 40vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/753_2024_top_2.jpg) no-repeat center center;
        background-size: cover;
    }

    .privacy {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
        height: 30vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/top_pri.jpg) no-repeat center center;
        background-size: cover;
    }

    .accessA {
        display: -webkit-inline-box;
        overflow: hidden;
        width: 90vw;
        margin-left: 5vw;
        margin-bottom: 40px;
    }

    .accessimg {
        width: 40vw;
        height: 35vw;
        padding-left: 5vw;
    }

    .access {
        width: 70%;
        margin-left: 15%;
        height: 30vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/20210210_064255127_iOS-768x576.jpg) no-repeat center center;
        background-size: cover;
    }

    .about_div5 {
        display: -webkit-inline-box;
        width: 100%;
    }

    .about_div2 {
        width: 50%;
    }

    .busu_p {
        width: 60%;
        z-index: 5;
        font-size: 1.5vw;
        margin-bottom: 3%;
        padding-top: 2%;
        border-bottom-style: solid;
        margin-left: 10%;
        border-width: thin;
    }

    .about_img {
        width: 80%;
        margin-left: 10%;
        margin-bottom: 10%;
    }

    .about_pin {
        display: none;
    }

    .about_pin_pc {
        z-index: 5;
        font-size: 1.5vw;
        color: rgb(0 0 0);
        padding-bottom: 2%;
        text-align: center;
        padding-right: 5%;
        padding-top: 2%;
    }

    .omiyaimg {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
        height: 30vw;
        z-index: 1;
        overflow: hidden;
        top: 5vw;
        background: url(../img/003_2D3A8287_003.jpg) no-repeat center center;
        background-size: cover;
    }

    .box6_imgA {
        position: fixed;
        object-fit: contain;
        left: 30%;
        top: 15%;
        width: 40%;
        height: 70%;
        background-color: black;
        opacity: 0;
        pointer-events: none;
        z-index: 1010;
    }

    .box6_img {
        position: fixed;
        object-fit: cover;
        left: 50%;
        transform: translate(-50%, 0%);
        top: 15%;
        height: 70%;
        background-color: black;
        opacity: 0;
        pointer-events: none;
        z-index: 1010;
    }

    .div_box6img_kaba {
        position: fixed;
        left: 30%;
        width: 40%;
        top: 40%;
        height: 20%;
        background-color: black;
        opacity: 0;
        pointer-events: none;
        z-index: 1001;
    }

    .div_box6img_kaba_op {
        animation: div_box6img_kaba_op 0.5s forwards;
    }

    @keyframes div_box6img_kaba_op {
        0% {
            top: 40%;
            height: 20%;
            opacity: 0;
        }

        100% {
            top: 15%;
            height: 70%;
            opacity: 1;
        }
    }

    .div_box6img_kaba_cl {
        animation: div_box6img_kaba_cl 0.5s forwards;
    }

    @keyframes div_box6img_kaba_cl {
        0% {
            top: 15%;
            height: 70%;
            opacity: 1;
        }

        100% {
            top: 15%;
            height: 70%;
            opacity: 0;
        }
    }

    .box6_hidari {
        position: fixed;
        left: 20%;
        width: 5%;
        top: 50%;
        height: 5vw;
        opacity: 0;
        pointer-events: none;
        z-index: 1010;
        background: url(../img/div6hidari.jpg) no-repeat center center;
        background-size: cover;
        border-radius: 50%;
    }

    .box6_hidari_on {
        animation: box6_hidari_on 0.5s forwards;
        pointer-events: auto;
    }

    @keyframes box6_hidari_on {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .box6_hidari_off {
        animation: box6_hidari_off 0.5s forwards;
    }

    @keyframes box6_hidari_off {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    .box6_migi {
        position: fixed;
        left: 75%;
        width: 5%;
        top: 50%;
        height: 5vw;
        opacity: 0;
        pointer-events: none;
        z-index: 1010;
        background: url(../img/div6migi.jpg) no-repeat center center;
        background-size: cover;
        border-radius: 50%;
    }

    .box6_migi_on {
        animation: box6_migi_on 0.5s forwards;
        pointer-events: auto;
    }

    @keyframes box6_migi_on {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .box6_migi_off {
        animation: box6_migi_off 0.5s forwards;
    }

    @keyframes box6_migi_off {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    .div_box6img_close {
        position: fixed;
        top: 60%;
        left: 50%;
        font-size: 3.5vw;
        opacity: 0;
        z-index: 10003;
        color: white;
        transform: translate(-50%, 0%);
        pointer-events: none;
    }

    .div_box6img_close_op {
        pointer-events: auto;
        animation: div_box6img_close_op 0.5s forwards;
    }

    @keyframes div_box6img_close_op {
        0% {
            top: 60%;
            opacity: 0;
        }

        100% {
            top: 90%;
            opacity: 1;
        }
    }

    .div_box6img_close_cl {
        animation: div_box6img_close_cl 0.5s forwards;
    }

    @keyframes div_box6img_close_cl {
        0% {
            top: 90%;
            opacity: 1;
        }

        100% {
            top: 90%;
            opacity: 0;
        }
    }

    .tuika_p6 {
        left: 25%;
        z-index: 5;
        font-size: 1.5vw;
        margin-top: 5vw;
        padding-left: 5%;
        padding-right: 5%;
    }

    .tuika_p60 {
        margin-top: 1vh;
        width: 90vw;
        font-size: 1.5vw;
        padding-left: 5vw;
        padding-right: 5vw;
    }

    .tuika_p5 {
        left: 25%;
        z-index: 5;
        font-size: 1.5vw;
        padding-top: 1vw;
        padding-left: 5%;
        padding-right: 5%;
        margin-bottom: 10vw;
    }

    .tuika_p3 {
        z-index: 5;
        font-size: 2vw;
        text-align: center;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .tuika_p1 {
        left: 25%;
        text-align: center;
        z-index: 5;
        font-size: 2vw;
        padding-top: 40px;
    }

    .tuika_p2 {
        text-align: center;
        left: 25%;
        z-index: 5;
        font-size: 2vw;
        padding-bottom: 40px;
    }

    .tuika_p {
        left: 25%;
        z-index: 5;
        font-size: 2vw;
        padding-top: 5vw;
    }

    .sitigotuika {
        width: 100%;
        height: 0;
        border-top: rgba(255, 255, 255, 0.3);
        border-bottom: rgba(255, 255, 255, 0.3);
        border-bottom-style: solid;
        border-top-style: solid;
        border-width: thin;
        overflow: hidden;
    }

    .sitigotuika_on {
        height: auto;
    }

    .tuikaop {
        position: relative;
        width: 100%;
        display: -webkit-inline-box;
    }

    .sitigoi_icom {
        width: 2vw;
        height: 2vw;
        margin-right: 2vw;
        margin-top: 7.7vw;
        margin-left: 5%;
        background-image: url(../img/mob_iconblrft.png);
        background-size: cover;
    }

    .sitigoi_icom_on {
        background-image: url(../img/mob_iconb2.png);
    }

    .taitoru {
        width: 50%;
        z-index: 5;
        font-size: 2vw;
        padding-top: 20vh;
        border-bottom-style: solid;
        border-top-style: solid;
        border-width: thin;
    }

    .taitoru_grad {
        width: 50%;
        z-index: 5;
        font-size: 2vw;
        padding-top: 20vh;
        border-bottom-style: solid;
        border-top-style: solid;
        border-width: thin;
    }

    .taitoru2 {
        z-index: 5;
        font-size: 1.5vw;
        padding-top: 2vh;
        padding-left: 5%;
    }

    .sitigo {
        width: 100%;
        height: 100vh;
        display: -webkit-inline-box;
    }

    .sitigoimg1 {
        margin-left: 15%;
        width: 70%;
        height: 30vw;
        object-fit: cover;
    }

    .sitigoimg2 {
        margin: 35%;
        position: absolute;
        margin-left: 55%;
        width: auto;
        height: 100%;
    }

    .sitigoimg3 {
        margin-left: 25%;
        width: 50%;
        height: auto;
        margin-bottom: 40px;
    }

    .sitigoimg4 {

        width: 50%;
        height: auto;
        margin-bottom: 40px;
    }

    .feature_img_t {
        margin-top: 20px;

        margin-bottom: 50px;
        width: 40%;
        max-width: 600px;
        height: auto;

    }

    .feature_img {
        margin: 10px 0 0;
        width: 30%;
        max-width: 600px;
        height: auto;
        border-top: 1px solid #666;
    }

    .feature_box {
        text-align: center;
        margin: 20px;
        padding: 10px;
        max-width: 860px;
        background: #fff;

        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    }

    .feature_txt {
        text-align: left;
        margin: 0 auto;
        line-height: 2.0em;
        width: 64%;
        min-width: 480px;
    }




    .feature_box {
        margin: 0 auto;
        padding: 10px;
        max-width: 860px;
        background: #fff;

    }

    .plans_img_t {
        margin: 270px auto 250px;
        margin-bottom: 0;
        width: 30%;
        max-width: 250px;
        height: auto;

    }




    .div_box6 {
        width: 100%;
        height: 50vw;
        margin-top: 0;
        margin-bottom: 0;
    }

    .div_box6_b {
        width: 100%;
        height: 25vw;
        margin-bottom: 0;
    }

    .iframe_access {
        width: 100vw;
        margin: 0;
        margin-bottom: 40px;
    }

}

/******************************************************************************************/
.reserve_p3a {
    background-image: url(../img/chk2.png);
}

.reserve_p4a {
    pointer-events: auto;
}

.reserve_p5a {
    pointer-events: auto;
}

.reserve_p6a {
    pointer-events: auto;
}

.box6_img_on1 {
    animation: box6_img_on1 0.5s forwards;
}

@keyframes box6_img_on1 {
    0% {
        opacity: 0;
    }

    99% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.box6_img_on {
    opacity: 1;
}

#fc2_footer {
    opacity: 0;
    pointer-events: none;
}