@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : room.css
 author     : Ability Consultant
 style info : コピー
=================================================================== */
#room {
    width: 950px;
    margin-inline: auto;
}
/* -----------------------------------------------------------
	con_pnav
----------------------------------------------------------- */
.con_pnav {
	display: flex;
    flex-wrap: wrap;
	margin-bottom: 20px;
	min-height: 68px;
}
.con_pnav li {
	width: 230px;
	margin-left: 10px;
	margin-bottom: 15px;
	position: relative;
}
.con_pnav li:after {
	content: url(../room/images/ic_pnav.png);
	position: absolute;
	right: 15px;
	top: 49%;
}
.con_pnav li:first-child,.con_pnav li:nth-child(4n+1)  {
	margin-left: 0;
}
.con_pnav li a {
	display: block;
	padding: 20px  0px;
	text-align: center;
	border: 1px solid #d3d3d3;
	box-sizing: border-box;
	font-size: 15px;
	font-weight: 900;
	position: relative;
}
.con_pnav li a:hover {
	border: 1px solid #c6ae6f;
}
.con_pnav li a:hover:before, .con_pnav li a:hover:after {
	content: "";
	position: absolute;
}
.con_pnav li a:hover:before {
	bottom: -16px;
	left: 50%;
	margin-left: -12px;
	border: 8px solid transparent;
	border-top: 8px solid #FFF;
	z-index: 2;
}
.con_pnav li a:hover:after {
	bottom: -20px;
	left: 50%;
	margin-left: -14px;
	border: 10px solid transparent;
	border-top: 10px solid #c6ae6f;
	z-index: 1;
}

/* -----------------------------------------------------------
	con_roo
----------------------------------------------------------- */
.con_roo .box_roo {
	margin-bottom: 80px;
	position: relative;
	margin-top: -10px;
	padding-top: 10px;
}
.con_roo .box_roo .btn {
	position: absolute;
	right: 96px;
	bottom: 15px;
}
.con_roo .premium .btn {
	right: 102px;
    bottom: 25px;
}
.con_roo .box_roo h4 {
	margin-bottom: 60px;
}
.con_roo .bar {
	border-top: 1px solid #dfdfdf;
	padding-top: 50px;
}