@charset 'utf-8';
.maincontents h2 {
    font-size: 1.8em;
}
.room_li {
    padding: 50px 0 0;
    width: 100%;
}
.thumb_item {
    position: relative;
    display: inline-block;
    width: 48%;
    height: 600px;
    margin: 0 38px 5em 0;
    padding-bottom: 40px;
}
.thumb_item::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ddd;
}
.thumb_item:nth-child(2n){
    margin-right: 0;
    float: right;
}
.thumb_img_wrap {
    overflow: hidden;
}
.thumb_img {
    width: 100%;
    height: 380px;
    background-color: #d2d2d2;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    overflow: hidden;
    transition: all 0.4s linear;
}
.thumb_img:hover {
    transform: scale(1.2);
}
.info {
    margin: 1em 0;
}
.info .eng {
    margin-bottom: 0.2em;
    font-size: 16px;
    font-weight: 300;
    color: #bd213e;
}
.info .tit {
    font-size: 26px;
    font-weight: normal;
    color: #333;
}
.info .desc {
    font-size: 18px;
    font-weight: 300;
    color: #666;
    line-height: 1.5em;
    word-break: keep-all;
}
.icons {
    margin-bottom: 1em;
}
.icons > span {
    margin-right: 1.3em;
    line-height: 20px;
    color: #ccc;
}
.area:before {
    display: inline-block;
    content: '';
    width: 20px;
    height: 20px;
    margin-right: 0.5em;
    background-image: url(../images/icon_area.png);
    background-size: cover;

}
.mem:before {
    display: inline-block;
    content: '';
    width: 21px;
    height: 20px;
    margin-right: 0.5em;
    background-image: url(../images/icon_mem.png);
    background-size: cover;

}
.view:before {
    display: inline-block;
    content: '';
    width: 20px;
    height: 20px;
    margin-right: 0.5em;
    background-image: url(../images/icon_view.png);
    background-size: cover;
}