@charset "utf-8";
h2.relaxation{background-image:url(../images/mtitlebg.png),url(../../images/h2title004.jpg);}
h2.relaxgamecorner{background-image:url(../images/mtitlebg.png),url(../../images/h2title019.jpg);}
h2.comicspace{background-image:url(../images/mtitlebg.png),url(../../images/h2title020.jpg);}
/*癒やすトップ*/
ul.list{width:100%;table-layout:auto;display:table;border-collapse: separate;border-spacing:1px 0;margin:0 auto 3em auto;}
ul.list li{display:table-cell;width:33.3333%;vertical-align:top;}
ul.list li img{object-fit:cover;height:12em;font-family: 'object-fit: cover;';object-position: 100% 83%;}
ul.list dl{margin: 1em 2em 0 1em;padding: 0 0 0 2em; color:#333;background:url(../images/arrowa.png) 0.7em center no-repeat;background-size: auto 1.1em;}
ul.list dt{font-size:large;margin:0 0 0.2em 0;line-height: 1.2;font-weight: bold;}
ul.list dd{font-size:small;line-height:1.5;}
ul.list dd.copy{color:#3AB483;font-size:medium;}

.man{color:#3AB483;}
.woman{}

/*
table.salesinfo{width:90%;margin:0 auto 2em auto;
border-collapse:separate;border-spacing: 5px 5px;text-align:left;line-height: 1.4;font-size:small;}
table.salesinfo th.title{color:#3AB483;font-size: medium;border-bottom:2px solid #3AB483;background:none;padding:0 0 0.2em 0;}
table.salesinfo th{color:#FFF;font-weight:bold;background:#3AB483;padding:0.7em 0.7em 0.5em 0.7em;}
table.salesinfo td{table-layout: fixed;background:#eeeeee;padding:0.7em 0.7em 0.5em 0.7em;}
table.salesinfo td{}
*/

table.salesinfo{width:90%;margin:0 auto 2em auto;border-top:3px solid #3AB483;border-left:1px solid #3AB483;
border-collapse:collapse;text-align:left;line-height: 1.4;font-size:small;table-layout: fixed;word-wrap: break-word;}
table.salesinfo th,
table.salesinfo td{border-bottom:1px solid #3AB483;border-right:1px solid #3AB483;padding:0.7em 0.7em 0.5em 0.7em;}
table.salesinfo th{font-weight:bold;background:#f2f2f2;}
table.salesinfo td{}
table.salesinfo th.title{color:#3AB483;font-size: medium;}


#informationsale{width: 90%; margin:2em auto 4em auto;}
#informationsale li{width:42%;float: left;color:#FFF;height:7.5em; margin:1em 1% 0 1%;padding:0 3% 0 3%;
line-height:1.5;
position: relative;
display: flex;align-items: center;
border-radius: 1.8em;-webkit-border-radius:1.85em;-moz-border-radius:1.8em;
}

#informationsale li p{font-weight:bold;}
#informationsale li p strong{color: yellow;display: block;}
#informationsale li p span{font-weight: normal;font-size:small;}

#informationsale li.sidea{background:#3AB483;}
#informationsale li.sideb{background:#fd7979;text-align: center;}
#informationsale li.sidea img{width:50%;height:auto;position: absolute;right:0.5em;bottom: 0;}



/*#informationsale{width:65%;margin:5em auto 3em auto;padding:1em; line-height:1.5;vertical-align:middle;background:#3AB483;color:#FFF;
border-radius: 2.5em;
-webkit-border-radius:2.5em;
-moz-border-radius:2.5em;
display: flex;align-items: center;
position: relative;z-index:-1;overflow:visible;
}
#informationsale img{width:auto;height:8em; float:right;position:absolute;right:1em;bottom:0.5em;}
#informationsale p{font-weight:bold;margin:0 0 0 1em;}
#informationsale p strong{color: yellow;}
#informationsale p span{font-weight: normal;font-size:small;}*/


/*エステメニュー*/
table.menulist{width: 100%; border-collapse:collapse;line-height: 1.5;font-size:small;border-top:1px solid #999;border-left:1px solid #999;text-align: center;}
table.menulist th,
table.menulist td{border-bottom:1px solid #999;border-right:1px solid #999;padding:0.5em;vertical-align: middle;}
table.menulist th{font-weight:bold;background: rgba(236,236,236,1.00);}
table.menulist td{}
table.menulist .course{width:30%;}
table.menulist .time{width:12%;}
table.menulist .cont{width:56%;}


/*外の湯、内の湯*/
.mwprice {}

table.mwprice{width:100%;border-collapse:collapse;line-height: 1.5;font-size:small;border-top:1px solid #999;border-left:1px solid #999;table-layout:fixed;text-align:center;}
table.mwprice th,
table.mwprice td{border-bottom:1px solid #999;border-right:1px solid #999;padding:0.7em; word-wrap: break-word;}
table.mwprice th{font-weight:bold;background: rgba(236,236,236,1.00);}

table.mwprice .pricer{background:rgba( 0, 114, 230, 0.30);}
table.mwprice .priceb{background:rgba( 255, 0, 0, 0.30);}

.wmcalendar li{overflow: hidden; float:left;width:48%;margin:0 1% 1em 1%;padding:0.5%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border:1px solid #CCC;
}

/*お食事処*/
.menutitle h2 {
    font-size: x-large;
    color: #3AB483;
    font-weight: bold;
    line-height: 1.3;
    margin: 0 0 0.2em 0;
	}
.cards {
	display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
	-webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	list-style: none;
	margin: 0;
	padding: 0;	
	}
.cards_item {
	box-sizing: border-box;
	-webkit-flex-basis:33.3333%;
    -ms-flex-preferred-size:33.3333%;
    flex-basis:33.3333%;
	max-width: 33.3333%;
	padding: 0 0.2rem 2rem 0.2rem;
	}
.card { margin: 0 auto; width: 100%;}
.card_img { max-width: 100%; height: auto; position: relative;}
.card_content { padding: 20px;}
.card_title {
	font-size: 15px;
	line-height: 1.6em;
	text-align: center;
	color: #333;
	}
.card_title span{font-size: 12px!important;}
.card_price { color: #777; font-size: 14px; line-height: 1.5; text-align: right;}
.card_text { color: #777; font-size: 14px; line-height: 1.5;}

.recom_icon::before{
	position:absolute;
	top:0px;
	left:0px;
	content:"おすすめ";
	font-size:0.8em;
	padding:5px 15px 3px 15px;
	line-height: 1.5;
	color:#fff;
	background:#F9484E;
}
.ltd_icon::before{
	position:absolute;
	top:0px;
	left:0px;
	content:"期間限定";
	font-size:0.8em;
	padding:5px 15px 3px 15px;
	line-height: 1.5;
	color:#fff;
	background:#F98948;
}
@media only screen and (max-width: 1024px) {
	
}

@media only screen and (max-width: 960px) {
/*癒やすトップ*/
ul.list{margin:0 auto 1.5em auto;}
ul.list dd.copy{font-size:small;margin:0 0 0.3em 0;}
table.salesinfo{width:100%;margin:0 auto 1em auto;line-height: 1.4;}

#informationsale{margin:1em auto 2em auto;}
#informationsale li{font-size:small;}

}

@media only screen and (max-width: 736px) {
/*癒やすトップ*/
ul.list dl{margin:0.5em 1em 0 0.5em;}
ul.list dd.copy{line-height: 1.3;}
table.salesinfo{width:100%;line-height: 1.3;}
table.salesinfo th,
table.salesinfo td{padding:0.5em 0.5em 0.3em 0.5em;}
}

@media only screen and (max-width: 667px) {
/*癒やすトップ*/
ul.list li img{height:9em;}

}

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

@media only screen and (max-width: 480px) {
/*癒やすトップ*/
ul.list{display:block;border-spacing:0 0;margin:0.5em auto 0 auto;}
ul.list li{display:block;width:100%;margin:0 auto 1em auto;padding:0 0 0.5em 0;}
ul.list li img{height:7em;}
ul.list dl{margin:0.5em 1em 0 0.5em;padding:0 0 0 1.7em;background:url(../images/arrowa.png) 0.2em center no-repeat;background-size: auto 1.1em;}
ul.list dt{font-size:medium;margin:0 0 0.2em 0;}
ul.list dd{font-size:x-small;}
table.salesinfo{width:90%;}
table.salesinfo th.title{font-size:small;}

#informationsale{margin:1em auto;}
#informationsale li{width:84%;float:none;margin:1em auto;padding:0 3% 0 3%;}

.wmcalendar li{float:none;width:99%;margin:0 1% 1em 1%;padding:0.5%;}

.cards_item {flex: 0 1 calc(100% / 2);}
}