@charset "utf-8";
/* トップ
---------------------------------------------------------------------------- */

.m-boxA{
	border:1px #aaa solid;
	margin:0 0 20px 0;
}
.m-boxA h2{
	color:#008641;
	border-bottom:2px #008641 solid;
	margin:5px 10px !important;
	padding:5px 0 !important;
	font-size:120%;
}
.m-boxA-inner{
	margin:10px;
}
ul.news{
	list-style-type:square;
	list-style-position:inside;
}
@media(max-width: 767px){
	ul.news a {
		display: block;
	}
}
.p-box-top{
	margin:0 0 15px 0;
} 
.p-box-top h3 img{
	margin:0 0 5px 0;
}
.p-box-top01{
	border:1px #bfd2e7 solid;
}
.p-box-top01 h3{
	background:#bfd2e7 !important;
	margin:0 !important;
}
.p-box-top01 p{
	width:210px;
	margin:15px 0 15px 15px !important;
	display:inline-block;
}
.p-box-top02{
	border:1px #fbe4bf solid;
}
.p-box-top02 h3{
	background:#fbe4bf !important;
	margin:0 !important;
}
.p-box-top02 p{
	width:210px;
	margin:15px 0 15px 15px !important;
	display:inline-block;
}
.p-box-top03{
	border:1px #fadabf solid;
	clear:both; 
}
.p-box-top03 h3{
	background:#fadabf !important;
	margin:0 !important;
}
.p-box-top03 p{
	width:210px;
	margin:15px 0 15px 15px !important;
	display:inline-block;
}
.p-box-top04{
	width:333px;
	border:1px #bfe0cf solid;
	float:left;
	clear:both;
}
.p-box-top04 h3{
	background:#bfe0cf !important;
	margin:0 !important;
}
.p-box-top04 p{
	margin:15px !important;
}
.p-box-top05{
	width:333px;
	border:1px #bfe0cf solid;
	float:right;
}
.p-box-top05 h3{
	background:#bfe0cf !important;
	margin:0 !important;
}
.p-box-top05 p{
	margin:15px !important;
}


.p-box-top10{
	width:159px;
	height:285px;
	margin-right:15px;
	border:1px #dfecaa solid;
	float:left;
}
.p-box-top10 h3{
	background:#dfecaa !important;
	margin:0 !important;
}
.p-box-top10 p{
	width:149px;
	margin:5px !important;
}

.p-box-top11{
	width:159px;
	height:285px;
	margin-right:15px;
	border:1px #bfd2e7 solid;
	float:left;
}
.p-box-top11 h3{
	background:#bfd2e7 !important;
	margin:0 !important;
}
.p-box-top11 p{
	width:149px;
	margin:5px !important;
}


.p-box-top12{
	width:159px;
	height:285px;
	border:1px #f7d6de solid;
	float:left;
}
.p-box-top12 h3{
	background:#f7d6de !important;
	margin:0 !important;
}
.p-box-top12 p{
	width:149px;
	margin:5px !important;
}


.p-box-top13{
	width:159px;
	height:285px;
	margin-right:15px;
	border:1px #fbe4bf solid;
	float:left;
	position: relative;
}
.p-box-top13 h3{
	background:#fbe4bf !important;
	margin:0 !important;
}
.p-box-top13 p{
	width:149px;
	margin:5px !important;
	display:inline-block;
}


.p-box-top14{
	width:159px;
	height:270px;
	margin-right:15px;
	border:1px #bfe0cf solid;
	float:left;
	clear:both;
}
.p-box-top14 h3{
	background:#bfe0cf !important;
	margin:0 !important;
}
.p-box-top14 p{
	width:149px;
	margin:5px !important;
}

.p-box-top15{
	width:159px;
	height:270px;
	margin-right:16px;
	border:1px #bfe0cf solid;
	float:left;
}
.p-box-top15 h3{
	background:#bfe0cf !important;
	margin:0 !important;
}
.p-box-top15 p{
	width:149px;
	margin:5px !important;
}

.p-box-top16{
	width:159px;
	height:270px;
	margin-right:15px;
	border:1px #bfe0cf solid;
	float:left;
	position: relative;
}
.p-box-top16 h3{
	background:#bfe0cf !important;
	margin:0 !important;
}
.p-box-top16 p{
	width:149px;
	margin:5px !important;
}

.p-box-top17{
	width:159px;
	height:270px;
	border:1px #bfe0cf solid;
	float:left;
	position: relative;
}
.p-box-top17 h3{
	background:#bfe0cf !important;
	margin:0 !important;
}
.p-box-top17 p{
	width:149px;
	margin:5px !important;
}

#box-top01.hover,
#box-top02.hover,
#box-top03.hover,
#box-top04.hover,
#box-top05.hover,
#box-top06.hover,
#box-top07.hover, 
#box-top11.hover,
#box-top12.hover,
#box-top13.hover,
#box-top14.hover,
#box-top15.hover,
#box-top16.hover,
#box-top17.hover{
  background-color: #f1f1f1;
}
.room-open {
	position: absolute;
	bottom:0;
	right:0;
}
.num-room {
	display: block;
	font-family: serif;
	font-size:40px;
	font-weight: bold;
	line-height:1;
	position: absolute;
	top:50%;
	letter-spacing: .1em;
}

.room-open01 {
	width:61px;
	height:61px;
	letter-spacing: 0.6em;
	position: absolute;
	right:0px;
	bottom:0px;
	color:#ffffff;
}

.num-room01{
	display: block;
	font-family: serif;
	font-size:28px;
	font-weight: bold;
	line-height:1;
	letter-spacing: .1em;
	position: absolute;
	right:17px;
	bottom:6px;

}

.room-open02 {
	width:51px;
	height:51px;
	letter-spacing: 0.6em;
	position: absolute; 
	right:0px;
	bottom:0px;
	color:#ffffff;
}

.num-room02{
	display: block;
	font-family: serif;
	font-size:24px;
	font-weight: bold;
	line-height:1;
	letter-spacing: .1em;
	position: absolute;
	right:15px;
	bottom:3px;

}

.info_more{
	margin-top:15px !important;
	text-align:right;
}


.recruit_title{
	clear: both;
	width:auto;
	color:#ffffff;
	background:#535353;
	padding:5px 10px;
	font-size:18px;
	text-align:center;
}

.recruit_box{
	width:auto;
	background:#e7e7e7;
	padding-top:15px;
}

.recruit_box ul{
	margin-bottom:0;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
}

.recruit_box li{
	width:125px;
	margin-right:19px;
	margin-left:19px;
}

.icon{
	text-align:center;
	margin-bottom:3px;
}

.empty_floor-group{
	color: #008641;
    text-align: center;
    padding: 1%;
    font-size: 1.3rem;
    background-color: #bfe0cf;
}

.empty_floor-home{
	color: #f29600;
    text-align: center;
    padding: 1%;
    font-size: 1.3rem;
    background-color: #fbe4bf;
}

a:hover{
	opacity: 0.6;
}




