@charset "utf-8";



/*
    Founation
*/

@media screen and (max-width: 700px) {
    #container > h2 {
        background-image: url(../img/inpage_title/h2_hotel.jpg);
        padding-top: 22.34375%;
    }
}



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



    .hotel_bg1 {
        background-position: right 47.5%;
        background-size: 35%;
    }

    .hotel_bg2 {
        background-position: right 70%;
        background-size: 33%;
    }



    .hotel_obj1 {
        position: relative;
        top: auto;
        right: auto;

        float: left;
        width: 30.6667%;
        margin: 1em 1% 1em 2%;
    }

    .hotel_obj2 {
        position: relative;
        top: auto;
        right: auto;

        float: left;
        width: 30.6667%;
        margin: 1em 1% 1em;
    }

    .hotel_obj3 {
        position: relative;
        top: auto;
        right: auto;

        float: left;
        width: 30.6667%;
        margin: 1em 2% 1em 1%;
    }

    .hotel_obj4 {
        position: relative;
        top: auto;
        right: auto;

        float: left;
        width: 30.6667%;
        margin: 1em 1% 1em;
    }



    .hotel_box1_l {
        width: 30.6667%;
        margin-right: 5%;
    }

    .hotel_box1_l img {
        width: 100%;
    }

    .hotel_box1 .hotel_box1_r {
        padding-top: 5%;
    }

}



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

    .hotel_bg1 {
        background-position: right 50%;
        margin: 0;
        padding: 0 2% 1em 2%;
        box-sizing: border-box;
    }

    .hotel_bg2 {
        background-position: right 90%;
        background-size: 45%;
        margin: 0;
        padding: 0 2% 1em 2%;
        box-sizing: border-box;
    }


    .line1 {
        padding: 0;
    }


    .hotel_obj1 {
        width: 47%;
    }

    .hotel_obj2 {
        width: 47%;
    }

    .hotel_obj3 {
        width: 47%;
    }

    .hotel_obj4 {
        width: 47%;
    }



    .hotel_bg2 > .p_red1 {
        margin: 1em 0;
    }



    h4.h4_pt1 {
        margin: 0;
        padding: 1em 0 1em 2%;
        width: 96%;
        height: auto;
    }

    h5 {
        margin: 0;
        padding: 1em 0 1em 2%;
        width: 96%;
    }


    .hotel_box1_l {
        display: none;
    }

    .hotel_box1 .hotel_box1_r {
        margin: auto;
        padding: 0;
    }

}



@media screen and (max-width: 360px) {
    .hotel_bg1 {
        background-position: right 67%;
    }
}