﻿@charset "utf-8";
body {
    font-family: "微软雅黑";
}

.clear {
    clear: both;
    overflow: hidden;
    zoom: 1;
}

/* --- hotel --- */
.banner_bottom {
    width: 100%;
    height: 112px;
    text-align: center;
    background: url('../images/hotel/hotel_banner_bottom.jpg') no-repeat center;
    background-size: cover;
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    padding: 20px;
}

@media ( max-width:767px) {
    .banner_bottom {
        font-size: 14px;
        line-height: 22px;
        padding: 10px;
    }
}

.banner_img {
    background: url(../images/image02.jpg) no-repeat center center;
    width: 100%;
    height: 478px;
}

@media (max-width: 768px) {
    .banner_img {
        height: 200px;
        background-size: cover;
    }
}


/* -- room -- */

.room {
    width: 100%;
    padding: 100px 150px;
    background: #fff;
}

.room_list {
    margin-bottom: 70px;
}

.room_list .room_list_img img {
    width: 100%;
    height: auto;
    border: 3px solid #b01127;
}

.room_list_content h1 {
    margin-top: 0;
    margin-bottom: 10px;
}

.room_list_content p {
    font-size: 16px;
    /*font-weight: bold;*/
    line-height: 30px;
    margin: 0;
}
p.kkw{
	font-weight: bold;
}
.room_list_content p+p {
    margin-bottom: 7px;
}

.room_list_content .room_thing {
    width: 100%;
    padding: -1px 10px;
    line-height: 35px;
    border-bottom: 2px solid #ae1332;
    border-top: 2px solid #ae1332;
}

.room_list_content .room_thing span {
    font-size: 26px;
    color: #616161;
    margin-right: 5px;
}

.room_list_content .room_thing .icon {
    font-size: 14px;
    font-family: "微软雅黑";
}

.room_list_content .room_thing .icon img {
    width: 22px;
    height: 19px;
}

.room_list_content .room_list_btn {
    display: block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #ac1528;
    color: #fff;
    font-size: 18px;
    margin-top: 20px;
    cursor: pointer;
}

@media ( max-width:767px) {
    .room_list_content h1 {
        font-size: 26px;
    }
    .room_list .room_list_img {
        margin-bottom: 30px;
        margin-left: 16.66666667%;
    }
    .room {
        width: 100%;
        padding: 50px 30px;
        background: #fff;
        text-align: center;
    }
    .room_list_content p {
        font-size: 14px;
        font-weight: normal;
        line-height: 24px;
        margin: 0;
    }
    .room_list_content .room_list_btn {
        margin: 20px auto 0;
    }
    .room_list_content .room_thing {
        line-height: 25px;
    }
    .room_list_content .room_thing span:first-child {
        display: none;
    }
    .room_list_content .room_thing .icon {
        font-size: 14px;
    }
    .room_list_content .room_thing .icon img {
        width: 18px;
        height: 15px;
    }
	.room_list_content p+p{ margin-bottom:10px;}
}

/* --- jr --- */
.jr_banner_img{
    background: url('../images/hotel/nnnnnn.jpg') no-repeat center center;
    width: 100%;
    height: 478px;
}
.jr{
    width: 100%;
    padding: 100px 150px 1px;
    background: #fff;
}
.jr .jr_list{
    margin-bottom: 50px;
}
.jr .jr_list_img img{
    width: 100%;
    height: auto;
    border: 2px solid #cda87c;
}
.jr .jr_list_content{
    padding-top: 70px;
    text-align: center;
}
.jr_list_001 .jr_list_content p{
    font-size: 26px;
}
.jr_list_001 .jr_list_content p:first-child{
    font-size: 36px;
}
.jr_list .jr_list_img img{
    margin-bottom: 20px;
}
.jr_list .jr_list_img p{
    text-align: center;
    font-size: 16px;
}
/* -- jr_bottom -- */
.jr_bottom{
    padding: 80px 300px;    
    background: #fff;
}
.jr_bottom p{
    text-align: center;
    font-size: 24px;
}
.jr_bottom p:first-child{
    font-size: 24px;
}
.jr_bottom .jr_bottom_thing{
    margin-top: 30px;
    font-size: 16px;
    text-align: center;
    padding: 30px 0;
    border-top: 2px solid #7f7f7f;
    border-bottom: 2px solid #7f7f7f;
}
.jr_bottom .jr_bottom_thing img{
    width: 28px;
    height: 27px;
}
.jr_img{
    background: url('../images/hotel/jr_img.jpg') no-repeat center center;
    width: 100%;
    height: 400px;
}

@media ( max-width:767px) {
    .jr{
        padding: 50px 50px 1px;
    }
    .jr .jr_list{
        margin-bottom: 0;
    }
    .jr .jr_list_content{
        padding-top: 0;
    }
    .jr_list .jr_list_img img {
        margin-bottom: 20px;
    }
    .jr_list_001 .jr_list_content p{
        font-size: 16px;
    }
    .jr_list_001 .jr_list_content p:first-child{
        font-size: 26px;
    }
    .jr_list .jr_list_img p{
        font-size: 16px;
    }
    .jr_list .jr_list_img,
    .jr_list_001 .jr_list_content p:last-child{
        margin-bottom: 30px;
    }
    .jr_list_001 .jr_list_img{
        margin-bottom: 0;
    }

    .jr_bottom{
        padding: 30px 50px;    
        background: #fff;
    }
    .jr_bottom p{
        text-align: center;
        font-size: 14px;
    }
    .jr_bottom p:first-child{
        font-size: 14px;
    }
    .jr_bottom .jr_bottom_thing{
        font-size: 12px;
        padding: 10px 0;
    }
    .jr_bottom .jr_bottom_thing .icon{
        display: inline-block;
        width: 30%;
    }
    .jr_bottom .jr_bottom_thing img{
        width: 24px;
        height: 23px;
    }
    .jr_img{
        /*background: url('../images/hotel/jr_img_mobile.jpg') no-repeat center center;*/
        width: 100%;
        height: 170px;
        background-size: cover;
    }
    .jr_banner_img{
        background: url('../images/hotel/jr_banner_mobil.jpg') no-repeat center center;
        width: 100%;
        height: 350px;
        background-size: cover;
    }
}

