@charset "utf-8";
h2.room{background-image:url(../images/mtitlebg.png),url(../../images/h2title002.jpg);}

/*お部屋トップ*/
.listtop{margin:0 auto 4em auto;line-height:1.7;}
.listarea{margin:1em auto 2em auto;}
.mainimgL,
.mainimgR{width:60%;height:18em;object-fit: cover;}

.mainimgL{float:left;}
.mainimgR{float:right;}

.listarea dl{padding:1.5em 2em 1.5em 2em;}
.listarea dl dt{width:80%;margin:0 auto 1.5em auto;display: block;}
.listarea dl dd{font-size:small;}
.listarea dl.north{border-top:10px solid rgba(166,189,122,1.00);}
.listarea dl.south{border-top:10px solid rgba(145,151,183,1.00);}

.listrooms3{width:100%;table-layout:auto;display:table;border-collapse: separate;border-spacing:1px 0;}
.listrooms3 li{display:table-cell;width:33.3333%;vertical-align:top;}
.listrooms3 dl{margin: 1em 2em 1em 0em;padding: 0 0 0 2em; color:#333;background:url(../images/arrowa.png) 0.7em center no-repeat;background-size: auto 1.1em;}
.listrooms3 dt{font-size:medium;margin:0 0 0.2em 0;line-height: 1.2;}
.listrooms3 dd{font-size:small;margin:0 0 0.5em 0;}

.linegreen,
.linepink{display:inline-block;padding:0 0.6em 0 0.6em;margin:0 0.3em 0 0;}
.linegreen{border:1px solid;color: #3AB483;}
.linepink{border:1px solid;color:#E16096;}

.northbath{width:85%;margin:2em auto 0 auto;padding:0.5em 0.5em 0.5em 0;border: 1px solid #CCC;box-sizing:border-box;}
.northbath img{float:right;width:45%;height:10em;object-fit: cover;}
.northbath dl{margin: 1em 0 0 0;padding: 0 1em 0 2em; color:#333;background:url(../images/arrowa.png) 0.7em center no-repeat;background-size: auto 1.1em;}
.northbath dt{color:#3AB483;font-size:large;font-weight: bold;line-height: 1.2;margin:0 0 0.5em 0;}
.northbath dd{font-size:small;}

.wheelchair{width:70%;margin:2em auto 0 auto;padding:0.5em 0.5em 0 0.5em;border-bottom: 1px solid #3AB483;}
.wheelchair img{float:left;width:30%;}
.wheelchair dl{margin: 1em 0 0 0;padding: 0; color:#333;}
.wheelchair dt{font-size:large;font-weight: bold;line-height: 1.2;margin:0 0 0.5em 0;color:#3AB483;}
.wheelchair dd{font-size:small;}

.listetc{width:100%;table-layout:auto;display:table;border-collapse: separate;border-spacing:10px 0;}
.listetc li{display:table-cell;width:auto;vertical-align:top;padding:0.5em 0.5em 0.5em 0;border: 1px solid #CCC;}
.listetc li img{float:right;width:45%;height:11em;object-fit: cover;}
.listetc li.bath{width:70%;}
.listetc dl{margin: 1em 2em 1em 0em;padding: 0 0 0 2em; color:#333;background:url(../images/arrowa.png) 0.7em center no-repeat;background-size: auto 1.1em;}
.listetc dt{font-size:medium;margin:0 0 0.2em 0;}
.listetc dd{font-size:small;margin:0 0 0.5em 0;}



@media only screen and (max-width: 1024px) {
/*お部屋トップ*/
.mainimgL,
.mainimgR{width:50%;height:14em;}
.listarea dl{padding:1em 1.5em 1.5em 1.5em;}
.listarea dl dt{width:60%;margin:0 auto 0.5em auto;}
.listarea dl dd{font-size:small;}
.listrooms3 dl{margin: 1em 1em 1em 0em;padding: 0 0 0 2em;}
.listrooms3 dt{font-size:medium;margin:0 0 0.5em 0;}
.listrooms3 dd{font-size:small;}
.linegreen,
.linepink{font-size:x-small;}
.northbath{width:90%;}
.northbath img{width:38%;height:auto;}
.northbath dt{font-size:medium;}
.wheelchair{width:90%;margin:1em auto 0 auto;}
.wheelchair dt{font-size:medium;}
.wheelchair dd{font-size:small;}



	
}

@media only screen and (max-width: 960px) {
}

@media only screen and (max-width: 736px) {
/*お部屋トップ*/
.northbath{margin:1em auto 0 auto;}
.linegreen,
.linepink{margin:0 0.3em 0.3em 0;}
}

@media only screen and (max-width: 667px) {
/*お部屋トップ*/
.listtop{margin:0 auto 3em auto;}
.listarea{margin:0 auto;}
.mainimgL,
.mainimgR{width:38%;height:auto;}
.listrooms3{width:100%;table-layout:auto;display:block;border-spacing:0 0;}
.listrooms3 li{display:block;width:100%;overflow:hidden;margin:0 auto 0.5em auto;padding:0 0 0.5em 0;border-bottom:1px solid #CCC;}
.listrooms3 li img{width:35%;float:left;}
.listrooms3 dl{margin: 0.5em 2em 0 0;}
.listrooms3 li.no{display: none;}
.linegreen,
.linepink{margin:0 0.3em 0 0;}
.northbath{width:100%;padding:1%;}
.northbath img{width:35%;height:auto;}
.northbath dl{margin:0.5em 0 0.5em 0;padding: 0 1em 0 2em;}
.northbath dt{font-size:medium;}
.northbath dd{font-size:small;}
.wheelchair dl{margin:0.5em 0 0 0;color:#333;}
.wheelchair dt{font-size:medium;}
.wheelchair dd{font-size:small;}

}

@media only screen and (max-width: 568px) {
}

@media only screen and (max-width: 480px) {
/*お部屋トップ*/
.listtop,
.listarea{margin:0 auto 1em auto;}
.mainimgL,
.mainimgR{width:100%;height:10em;object-fit: cover;float: none;}
.listarea dl{padding:1em 1.5em 0 1.5em;}
.listarea dl dt{width:60%;margin:0 auto 1em auto;}
.listarea dl dd{font-size:small;}
.listarea dl.north{border-top:5px solid rgba(166,189,122,1.00);}
.listarea dl.south{border-top:5px solid rgba(145,151,183,1.00);}
.listrooms3{width:100%;table-layout:auto;display:block;border-spacing:0 0;}
.listrooms3 li{display:block;width:100%;overflow:hidden;margin:0 auto 1.4em auto;padding:0 0 0.7em 0;border-bottom:1px solid #CCC;}
.listrooms3 li img{width:40%;}
.listrooms3 dl{margin:0 0.5em 0 0;padding:0 0 0 1.3em;background:url(../images/arrowa.png) 0.4em center no-repeat;background-size: auto 0.8em;}
.listrooms3 dt{font-size:medium;margin:0 0 0.2em 0;}
.linegreen,
.linepink{padding:0.2em 0.6em 0 0.6em;}
.northbath{width:92%;padding:1% 1% 0 1%;margin: 0.5em 4%;}
.northbath img{float:none;width:100%;height:5em;object-fit: cover;}
.northbath dl{margin:0.5em auto;padding: 0 0 0 2em;}
.wheelchair{width:90%;margin:1em auto;padding:0 0 0.5em 0;}
.wheelchair img{float:left;width:30%;}
.wheelchair dl{margin:0;padding: 0;}
.wheelchair dt{}

}