@charset "UTF-8";

/* ----------------------------------------------------------------------- 

staff

----------------------------------------------------------------------- */
.blog-list .staffList ,
.staff .staffList p {
	margin:0px;
	padding:0px;
}
.blog-list .staffList,
.staff .staffList {
	padding:0px;
	margin:0px;
	list-style:none;
}
.blog-list .staffList li,
.staff .staffList li {
	border: 1px solid #d2d2d2;
	padding: 20px;
	margin:0px;
	margin-bottom: 40px;
	list-style:none;
}
.blog-list .staffList li:after ,
.blog-list .staffList li rating:after ,
.staff .staffList li:after ,
.staff .staffList li .rating:after {
	content: "";
	display: block;
	clear: both;
}
.blog-list .staffList li .image,
.staff .staffList li .image {
	float: left;
	margin-bottom: 10px;
	text-align: center;
	min-width: 240px;
}
.blog-list .staffList li .image  img,
.staff .staffList li .image  img {
	height: auto;
	vertical-align: bottom;
	max-width: fit-content;
}

.blog-list .staffList li .text,
.staff .staffList li .text {
	width: 400px;
	float: right;
}
.blog-list .staffList li .name,
.staff .staffList li .name {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background: #313131;
	padding: 6px 15px;
	margin: 0 0 20px;
}
.staff .staffList li .ttl_specs02 {
	font-size: 15px;
	margin: 20px 0 10px;
}
.blog-list .staffList li .rating,
.staff .staffList li .rating {
	margin-top: 10px;
}

.staff .staffList li .rating .review a {
	text-decoration: underline;
	font-size:24px;
}
.staff .staffList li .rating .reviewCount {
	font-size:24px;
}

.staff .staffList li .reserveBtn {
	clear:left;
	width: 250px;
}
.staff .staffList li .reserveBtn a {
	display: block;
    color: #fff;
    font-size: 14px;
    text-align: center;
    background: #313131;
    padding: 5px 0;
    background-color: #757575;
    font-size: 16px;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    padding: 10px 24px;
    border-radius: 20px;
    border-bottom: 4px solid #545454;
}
.staff .staffList li .cost {
	clear:left;
	width: 196px;
	margin-top:0.8em;
	font-size: 17px;
	color: #dd5555;
	font-weight: bold;
	text-align:center;
}

.staff .staffList .text img:not(.jogai) {
    width: 100%;
}

@media screen and (max-width: 767px) {
	.staff .staffList li {
		padding: 25px 15px;
		margin-bottom: 20px;
	}
	.staff .staffList li .image {
		width: 100%;
		margin: 0 0 25px;
		float: none;
	}
	.staff .staffList li .text {
		width: 100%;
		float: none;
	}
	.staff .staffList li .name {
		font-size: 15px;
		padding: 6px 15px;
		margin: 0 0 15px;
	}
	.staff .staffList li .ttl_specs02 {
		font-size: 14px;
		margin: 15px 0 5px;
	}
	.staff .staffList li .rating {
		margin: 20px auto 10px;
		float: none;
	}
	.staff .staffList li .rating .review a {
		text-decoration: underline;
	}
	.staff .staffList li .reserveBtn {
		width: 222px;
		margin: 0.8em auto  0 auto;
	}
	.staff .staffList li .cost {
		width: auto;
		margin: 0.8em auto  0 auto;
	}
}