@charset "utf-8";



/*
    Foundation
*/

#container > h2 {
    background: center center transparent no-repeat;
    background-size: cover;

    background-image: url(../img/h2_hotel.jpg);
    padding-top: 12.6325%;
}



.hotel_bg1 {
    background: url(../img/hotel_img1.jpg) no-repeat right 265px;
    position: relative;
}

.hotel_bg2 {
    background: url(../img/hotel_img4.jpg) no-repeat right 200px;
    position: relative;
}

.hotel_box1 .hotel_box1_l {
    float: left;
    margin-right: 30px;
}

.hotel_box1 .hotel_box1_r {
    float: left;
    padding-top: 60px;
}

.hotel_obj1 {
    position: absolute;
    width: 23.104056437%;
    top: 45px;
    right: 24.75%;
}

.hotel_obj2 {
    position: absolute;
    width: 22.9276895943%;
    top: 45px;
    right: 0;
}

.hotel_obj3 {
    position: absolute;
    width: 23.0158730158%;
    top: 205px;
    right: 24.75%;
}

.hotel_obj4 {
    position: absolute;
    width: 23.0158730158%;
    top: 20px;
    right: 0;
}



.hotel_bg2 > .p_red1 {
    margin: 1.5em 0 2.5em 0;
}



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

    .hotel_obj1 {
        width: 20%;
        right: 21%;
    }

    .hotel_obj2 {
        width: 20%;
    }

    .hotel_obj3 {
        width: 20%;
        right: 21%;
    }

    .hotel_obj4 {
        width: 20%;
    }

}