@charset "utf8";
.banner-page {
    background-image: url(../images/sta-img00.jpg);
}

#room {
    padding-top: 122px;
}

.room-rows {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    padding-top: 68px;
}

.room-item {
    margin-right: 4.615%;
    width: 47.6925%;
    background: #fff;
}

.room-item:nth-child(2n) {
    margin-right: 0;
}

.room-item-slide .item, .room-item-img-info {
/*
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 414px;
*/
}

.room-item-txt {
    padding: 45px 35px 20px 35px;
}

/* .room-item-txt{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
} */

.room-item-left {
    float: left;
    text-align: left;
}

.room-item-right {
    float: right;
    text-align: right;
}

.room-item-left h4 {
    font-size: 22px;
    line-height: 140%;
    color: #404040;
    letter-spacing: 1.5px;
}

.room-item-left span {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 12px;
    letter-spacing: 0.5px;
    font-weight: normal;
    color: #808080;
}

.room-item-info {
    font-size: 14px;
    line-height: 160%;
    color: #404040;
    padding-top: 40px;
    letter-spacing: 0.25px;
}

.room-item-option ul li {
    display: inline-block;
    /* vertical-align: bottom; */
    padding-right: 10px;
    padding-bottom: 15px;
}

.room-item-option ul li:last-child {
    padding-right: 0;
}

.room-item-option ul li.li-mga img {
    margin-bottom: -5px;
}

.room-item-option {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    padding-top: 38px;
    clear: both;
}

.owl-nav {
    display: none;
}

.owl-theme .owl-dots .owl-dot span {
    margin: 0px 3px;
}

.room-rows01 {
    margin-top: 68px;
}

.room-rows01 ul li {
    float: left;
    width: 30.461%;
    margin-right: 4.3085%;
}

.room-rows01 ul li:nth-child(3n) {
    margin-right: 0;
}

.room-rows02 {
    padding-left: 55px;
    padding-right: 55px;
}

.room-rows02-item {
    border: 2px solid #404040;
    margin-bottom: 40px;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
}

.room-rows02-item::before {
    content: '';
    position: absolute;
    bottom: -7px;
    left: 3px;
    background: #404040;
    height: 2px;
    width: 100.4%;
}

.ie .room-rows02-item::before {
    width: 100.2%;
}

.room-rows02-item::after {
    content: '';
    position: absolute;
    right: -7px;
    bottom: -7px;
    width: 2px;
    height: 100.4%;
    background: #404040;
}

/* .room-rows02-item:last-child{
    margin-bottom: 0;
} */

.room-rows02 {
    margin-top: 77px;
}

.rows02-item-left {
    width: 14.285%;
    text-align: center;
}

.rows02-item-right {
    width: 85.715%;
    padding-right: 55px;
}

.rows02-item-right h4 {
    font-size: 20px;
    line-height: 160%;
    color: #404040;
    letter-spacing: 0.5px;
}

.rows02-item-right-txt {
    font-size: 14px;
    line-height: 160%;
    color: #404040;
    padding-top: 15px;
}

.col-3 .rows02-item-right {
    width: 65.715%;
    padding-right: 0px;
}
.col-3 .rows02-item-right2 {
    width: 20%;
    padding-right: 55px;
}

#area {
    padding-top: 130px;
}

.owl-theme .owl-dots {
    bottom: 8px;
}

.layout-rows-style01 {
    padding-top: 58px;
}

.stay-banner {
    overflow: hidden;
    width: 100%;
    background-image: url(../images/sta-img19.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 700px;
}



.room-item h5 {
    font-size: 16px;
    line-height: 140%;
    color: #404040;
    letter-spacing: 1.5px;
	margin-top: 5px;
}
.room-item h4 span.font_mincho{
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, serif!important;
    font-size: 22px!important;
	color: #404040!important;
}
.room-item-left .entext {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 11px;
    letter-spacing: 0.5px;
    font-weight: normal;
    color: #808080;
    margin-top: -4px;
}
.room-item-option {
    padding-top: 18px;
}
.room-item-txt {
    padding: 25px 35px 10px 35px;
}
.room-item-left h4 {
    font-size: 18px;
}
.room-item-left .stext{
    font-size: 13px;
    padding-left: 13px;
}
.room-rows {
    justify-content: center;
}
.room-item {
    margin-bottom: 40px;
    margin-right: 0%;
}
.room_m_right{
    margin-right: 4.615%;		
}




@media screen and (max-width:1300px) {
    #room, #area {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (max-width:1100px) {
    .room-item {
        width: 100%;
        margin-right: 0;
    }
    .room-item-slide {
        width: 50%;
        float: left;
    }
    .room-item-txt {
        width: 50%;
        float: left;
    }
    .room-item-img {
        width: 50%;
        float: right;
    }
    .room-item-option ul li {
	    width: 7.4%;
        padding-right: 3px;
    }
	.room_m_right{
	    margin-right: 0%;		
	}
	.room-item-right img {
	    height:28px;
	}
}

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

}

@media screen and (max-width:900px) {
    .room-item-txt {
        padding: 35px 25px 20px;
    }
    .room-item-option ul li {
        padding-bottom: 10px
    }
    .room-item-left h4 {
        font-size: 20px;
    }
    .room-item-left span {
        font-size: 11px;
    }
}

@media screen and (max-width:767px) {
    #room, #area {
        padding-top: 80px;
    }
    .room-rows {
        padding-top: 40px;
    }
    .room-item {
        margin-right: 0;
        width: 100%;
/*
        border-bottom: 1px dashed #ccc;
        padding-bottom: 15px;
*/
        margin-bottom: 15px;
        background: none;
    }
    .room-item:last-child {
        border-bottom: none;
        margin-bottom: 0;
    }
     .room-item-slide, .room-item-txt, .room-item-img,.layout-style01-item-img,.layout-style01-item-txt {
        width: 100%;
    }
    .room-item-txt {
        background: #fff;
        padding: 20px 23px 10px;
    }
   .layout-style01-item-img .item, .layout-style01-item-img01 {
        min-height: 314px;
    }
    .room-rows01 {
        margin-top: 30px;
    }
    .room-rows02 {
        margin-top: 50px;
        padding-left: 0px;
        padding-right: 6px;
    }
    .rows02-item-right {
        padding-right: 25px;
    }
    .room-rows02-item::before {
        left: 4px;
    }
    .room-rows02-item:last-child {
        margin-bottom: 6px;
    }
    .layout-rows-style01{padding-top: 40px;}
    .layout-style01-item-txt{padding: 35px 20px;}
    .layout-style01-item{margin-bottom: 40px;}
    .fo-bg{padding: 20px 0 10px 0;}
    #banner-bottom{margin-top: 50px;}
    .address-fo{padding-bottom: 14px;}
}

@media screen and (max-width:540px) {
    .room-rows01 ul li {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
        text-align: center;
    }
    .room-rows01 ul li:nth-child(3n) {
        margin-bottom: 0;
    }
    .rows02-item-left {
        width: 100%;
		text-align: center;
		margin-bottom: 15px;
    }
    .att-block-icon .fa {
	    font-size: 2.6em;
	}
    .rows02-item-right,
    .col-3 .rows02-item-right {
        padding: 0 20px;
        width: 100%;
    }
	.col-3 .rows02-item-right2 {
	    width: 100%;
	    padding-right: 0px;
	    text-align: center;
	    padding-top: 20px;
	}
}

@media screen and (max-width:375px) {
    .room-item-right {
/*         display: block; */
/*         width: 100%; */
/*         text-align: center; */
/*         padding: 10px; */
    }
    .room-item-info {
        padding-top: 10px;
    }
    .room-item-option {
        padding-top: 20px;
    }
}