@media screen and (max-width:1280px){
    .sp_none1280{
        display: none;
    }
}
@media screen and (max-width:1270px){
    .sp_only1270{
        display: block;
    }
    .sp_none1270{
        display: none;
    }
}

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

}

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

}
@media screen and (max-width:1110px){
    .sp_only1110{
        display: block;
    }
}
@media screen and (max-width:1100px){
    .sp_only1100{
        display: block;
    }
    .planName{
        display: block;
    }


}
@media screen and (max-width:990px){
    .sp_none990{
        display: none;
    }
}
@media screen and (max-width:970px){
    .sp_970Max{
        width: 100%;
    }
    .sp_none970{
        display: none;
    }
}
@media screen and (max-width:850px){
    .sp_none850{
        display: none;
    }
}
@media screen and (max-width:840px){
    .sp_only840{
        display: block;
    }
    .sp840Max{
        width: 100%;
    }
}

@media screen and (max-width:960px){
    .sp_only960{
        display: block;
    }
    .planInner .cardsFlex{
        flex-direction: column-reverse;
    }
    .planInner .cardsFlex .cardsFlexLeftSide {
        width: 100%;
    }
    .sp_mgb_20px{
        margin-bottom: 20px;
    }
    .sp960_max_width{
        width: 100%;
    }
}
@media screen and (max-width:900px){
    .sp_none900{
        display: none;
    }
}
@media screen and (max-width:768px){
    html{
        min-width: 100%;
    }
    .sp_max_width{
        width: 100%;
    }
    .pc_only{
        display: none;
    }
    .sp_only{
        display: block;
    }
    .sp_onlyflex{
        display: flex;
    }
    .sp_mgb10px{
        margin-bottom: 10px;
    }
    .sp_mgb20px{
        margin-bottom: 20px;
    }
    .mgbPc80pxSp40px{
        margin-bottom: 40px;
    }
    .sp_Max{
        width: 100%;
    }
    /* トップページ */
    .totop {
        width: 50px;
        height: 50px;
    }
    .sp_none{
        display: none;
    }
    .sp_over{
        overflow: hidden;
    }
    .wrapper1280{
        max-width: 1280px;
        padding: 0 5%;
        margin: 0 auto;
        position: relative;
    }

    .navAreaUl{
        gap: 15px;
    }
    .navAreaLi{
        width: calc((100% - 15px) / 2);
    }
    .hotelNameArea{
        display: block;
    }
    .hotelArea{
        margin-right: 0px;
    }
    .hotelName{
        margin-top: 3px;
    }
    .hotelArea span {
        padding: 4px 10px 4px 10px;
    }
    .cardsFlexLeftSide{
        width: 100%;
    }
    .cardsFlexRightSide{
        display: none;
    }
    #topImageArea {
        padding-top: 66px;
    }
    .burger {
        top: 65px;
    }
    .Ancher{
        top: -66px;
    }


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

}

@media screen and (max-width:750px){
    .sp_only750{
        display: block;
    }
    .sp_none750{
        display: none;
    }
    #headerMenu{
        height: calc(100% - 55px);
        top: 55px;
    }
    #topImageArea {
        padding-top: 55px;
    }
    .Ancher{
        top: -55px;
    }

}
@media screen and (max-width:720px){
    .sp_only720{
        display: block;
    }
}


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


}
@media screen and (max-width:680px){
    .sp_none680{
        display: none;
    }
    .sp_only680{
        display: block;
    }


}
@media screen and (max-width:660px){
    .sp_only660{
        display: block;
    }

    .shopMap {
        max-width: 55px;
    }

}

@media screen and (max-width:640px){
    .sp_only640{
        display: block;
    }
}
@media screen and (max-width:620px){
    .sp_none620{
        display: none;
    }
}
@media screen and (max-width:610px){
    .sp_only610{
        display: block;
    }
}

@media screen and (max-width:600px){
    .sp_only600{
        display: block;
    }
    .sp_none600{
        display: none;
    }
    .sp600_max_width{
        width: 100%;
    }
    .konomi{
        margin-bottom: 40px;
    }
}
@media screen and (max-width:590px){
    .sp_only590{
        display: block;
    }
}
@media screen and (max-width:580px){
    .sp_only580{
        display: block;
    }
    .sp_ls_none580{
        letter-spacing: 0;
    }
}
@media screen and (max-width:570px){
    .sp_only570{
        display: block;
    }
 
}
@media screen and (max-width:560px){
    html{
        font-size: 60%;
    }
 
}


@media screen and (max-width:550px){
    html{
        font-size: 55%;
    }

}
@media screen and (max-width:540px){
    .sp_only540{
        display: block;
    }

}
@media screen and (max-width:520px){
    .sp_only520{
        display: block;
    }
    .sp_none520{
        display: none;
    }

}
@media screen and (max-width:510px){
    .sp_only510{
        display: block;
    }

}

@media screen and (max-width:500px){
    .sp_only500{
        display: block;
    }
    .sp_none500{
        display: none;
    }
    .sankashikakuflex{
        display: block;
    }
    .sankashikaku{
        width: 100%;
    }
    .sankashikaku_point{
        width: 100%;
    }

}
@media screen and (max-width:490px){
    .sp_only490{
        display: block;
    }

}
@media screen and (max-width:480px){
    .sp_only480{
        display: block;
    }
    .sp_br480{
        display: block;
    }
    .sp_none480{
        display: none;
    }
    .train_plan::after {
        right: 5px;
    }
    .plane_plan::after {
        right: 5px;
    }
    .stay_plan::after {
        right: 5px;
    }

}

@media screen and (max-width:470px){
    .sp_only470{
        display: block;
    }
}
@media screen and (max-width:460px){
    .sp_only460{
        display: block;
    }
    .sp_none460{
        display: none;
    }
    .navAreaUl{
        gap: 10px;
    }
    .navAreaLi{
        width: calc((100% - 10px) / 2);
    }
    .navAreaLi a{
        font-size: 1.3rem;
    }

}
@media screen and (max-width:450px){
    .sp_only450{
        display: block;
    }
    .sp_none450{
        display: none;
    }


}
@media screen and (max-width:440px){
    .sp_only440{
        display: block;
    }
}

@media screen and (max-width:430px){
    .sp_block430{
        display: block;
    }
    .sp_only430{
        display: block;
    }
}
@media screen and (max-width:420px){
    .sp_only420{
        display: block;
    }
    .sp_none420{
        display: none;
    }


}
@media screen and (max-width:410px){
    .sp_only410{
        display: block;
    }
    .sp_none410{
        display: none !important;
    }
}
@media screen and (max-width:400px){
    .sp_only400{
        display: block;
    }
    .sp_none400{
        display: none;
    }


}
@media screen and (max-width:390px){
    .sp_only390{
        display: block;
    }
    .sp_none390{
        display: none;
    }
}

@media screen and (max-width:380px){
    .sp_only380{
        display: block;
    }
    .sp_block380{
        display: block;
    }
}
@media screen and (max-width:370px){
    .sp_only370{
        display: block;
    }
    .sp_none370{
        display: none;
    }
    .kids_lift{
        padding: 10px 5%;
        background-color: #ff6d9a;
        display: flex;
        justify-content: flex-start;
    }
    .kids_lift p{
        text-align: left;
    }

}

@media screen and (max-width:360px){
    .sp_only360{
        display: block;
    }
    .navAreaLi a {
        font-size: 1.2rem;
    }

}
@media screen and (max-width:350px){
    .sp_only350{
        display: block;
    }
    .sp_none350{
        display: none;
    }
}