@charset "UTF-8";

/*サービス*/
body.room{
	
}




#mainhead.room{
    background : url("/images/room/head.jpg") no-repeat;
    background-size: auto 33vw;
}

body.room .typeList {
    margin-top: 1em;
}
body.room .typeList li {
    width : 100%;
    background: #d7d6d6;
    border: 1px solid #bbbaba;
    box-sizing: border-box;
    margin-bottom: .5em;
    padding: 10px;
    font-size: 14px;
}
.imgcBoxMain{
    background : url("/images/room/room-bg.png") no-repeat;
    background-size : 100%;
}
.twoBox .childLeftBox {
    background: #fff;
    box-sizing: border-box;
    padding: .5em;
}
.twoBox .childRightBox {
    margin-top : 15px;
}
@media (min-width: 768px) {
    body.room .typeList {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;

    }

    body.room .typeList li {
        width: 48%;
        margin-right: 2%;
    }

    body.room .typeList li:nth-child(even) {
        margin-right: 0;
    }


}

@media (min-width: 768px) {
    #mainhead.room{
        background : url("/images/room/head.jpg") no-repeat;
        background-size: cover;
        background-position : center bottom;
    }
    .twoBox .childLeftBox {
        width: 33%;
    }
    .twoBox .childRightBox {
        width: 67%;
        margin : 0;
    }
}
body.room .imgclBox{
    display : flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top : 1em;
}
body.room .imgclBox li{
    flex-basis : 15%;
    margin-right : 1%;
}