@charset "utf-8";
/* ******************************************************************
 *	File name		: department.css
 *	Summary			: page layout
 * ******************************************************************
 */

/* ------------------------------------------------------------------
   h3
------------------------------------------------------------------ */

#contents h3{
	position:relative;
	width:100%;
	min-height:50px;
	margin:0px;
	padding:20px 20px;
	font-size:1.6rem;
	border:none !important;
	background:rgba(64,170,154,1.0);
	color:#FFF;
	}
	#contents h3::before,
	#contents h3::after{
		display:none;
}

#d_link{
	position:relative;
	margin:0 0 10px;
	padding:5px 20px;
	background:rgba(64,170,154,0.3);
	list-style:none;
	}
	#d_link li{
		display:inline-block;
		position:relative;
		margin:0 20px 0 0;
	}
	#d_link li a{
		position:relative;
		padding:0 0 0 12px;
		font-size:500;
		color:rgba(64,170,154,1.0);
		}
		#d_link li a::before{
			content:" ";
			position:absolute;
			top:calc(50% - 5px);
			left:0px;
			border:6px solid transparent;
			border-left:6px solid rgba(64,170,154,1);
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#contents h3{
		width:calc(100% + 40px);
		margin:0 -20px;
	}
	#d_link{
		width:calc(100% + 40px);
		margin:0 -20px 10px;
	}
}

/* ------------------------------------------------------------------
   seat
------------------------------------------------------------------ */

/* contents_tab */
#contents_tab{
	position:relative;
	top:10px;
	width:100%;
	height:55px;
	margin-top:10px;
	margin-bottom:30px;
}
#contents_tab ul{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	list-style:none;
	}
	#contents_tab li{
		position:relative;
		display:inline-block;
		width:200px;
		height:55px;
		margin-right:3px;
		border-top:none;
		z-index:0;
		line-height:1;
		border-radius:6px;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		background-image:url(../../image/department/h4_tab_non.png);
		background-color:#BBB;
		background-position:10px 7px;
		background-repeat:no-repeat;
		}
		#contents_tab li:hover{
			background:url(../../image/department/h4_tab_non.png) no-repeat 10px 7px #AAA;
		}
		#contents_tab li.active{
			background-image:url(../../image/department/h4_tab.png);
			background-color:#E3F2F0;
			background-position:10px 7px;
			background-repeat:no-repeat;
			color:#40AA9A;
			box-shadow: -5px 0px 5px -5px rgba(0,0,0,0.2);
			-moz-box-shadow: -5px 0px 5px -5px rgba(0,0,0,0.2);
			-webkit-box-shadow: -5px 0px 5px -5px rgba(0,0,0,0.2);
			z-index:1;
	}
	#contents_tab li a{
		display:-webkit-flex;
		display:flex;
		justify-content:flex-start;
		align-items:center;
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:calc(100% - 10px);
		padding:2px 0 0 30px;
		font-weight:bold;
		font-size:1.0rem;
		color:#666;
		}
		#contents_tab li.active a{
			color:#10715D;
		}
		#contents_tab li a:hover{
			color:#444;
			text-decoration:none;
		}
		#contents_tab li.active a:hover{
			color:#40AA9A;
			text-decoration:none;
}

#seat_box{
	position:relative;
	top:-28px;
	width:100%;
	padding:20px;
	background:#E3F2F0;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	z-index:0;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	#contents_tab{
		top:0px;
		width:calc(100% + 20px);
		height:auto;
		margin:10px -10px 35px;
	}
	#contents_tab ul{
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		flex-wrap:wrap;
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		list-style:none;
		}
		#contents_tab li{
			width:49%;
			height:auto;
			margin:0 0 7px;
		}
		#contents_tab li a{
			position:relative;
			top:0px;
			left:0px;
			width:100%;
			height:45px;
			padding:0px 10px 0px 25px;
			font-size:0.87rem;
	}
}

/* ------------------------------------------------------------------
   seat_box *
------------------------------------------------------------------ */

#seat_box h4{
	width:calc(100% + 10px);
	top:auto;
	left:-10px;
	margin-top:30px;
	margin-bottom:10px;
	padding:7px 15px 5px;
	font-weight:bold;
	font-family: 'Kosugi Maru', sans-serif;
	font-size:1.2rem;
	border-left:10px solid rgba(64,170,154,.5);
	color:#10715D;
	background:linear-gradient(90deg, rgba(64,170,154,0.2), rgba(64,170,154,0.1));
	z-index:0;
	}
	#seat_box h4:first-child{
		margin-top:0px;
}

#seat_box h5{
	position:relative;
	margin-top:20px;
	margin-bottom:7px;
	padding-left:20px !important;
	font-family: 'Kosugi Maru', sans-serif !important;
	font-weight:bold;
	font-size:1.3rem !important;
	border-top:none;
	color:#10715D !important;
	}
	#seat_box h5::before{
		content:" ";
		position:absolute;
		left:0px;
		top:calc(50% - 7px);
		width:12px;
		height:12px;
		background:#10715D !important;
}

#seat_box p{
	margin-bottom:7px;
	color:#333;
}
#seat_box ul{
	margin-bottom:7px;
	color:#555;
}
#seat_box .box{
	margin-top:20px;
}
#seat_box .box:first-of-type{
	margin-top:0px;
}


/* ------------------------------------------------------------------
   green_seat
------------------------------------------------------------------ */

#seat_box .green_seat{
	position:relative;
	margin-top:30px;
	padding:15px 25px 10px;
	background:#ADDAD3;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.15) inset;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.15) inset;
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.15) inset;
	}
	#seat_box .green_seat h5{
		margin-top:0px;
		padding-left:17px !important;
		font-size:1.15rem !important;
	}
	#seat_box .green_seat h5::before{
		top:calc(50% - 5px);
		width:10px;
		height:10px;
	}
	#seat_box .green_seat p{
		font-size:1.0rem;
}

/* ------------------------------------------------------------------
   zisseki_list
------------------------------------------------------------------ */

#seat_box .zisseki_list{
	position:relative;
	width:100%;
	border-collapse:separate;
	border-spacing:5px;
	border-top:none;
	border-left:none;
	line-height:2;
	border:1px solid rgba(0,0,0,0.3);
	background:rgba(255,255,255,0.5);
	}
	#seat_box .zisseki_list th,
	#seat_box .zisseki_list td{
		vertical-align:middle;
		padding:5px 10px 5px 10px !important;
		font-weight:normal;
		font-size:1.0rem;
		border-right:none;
		border-bottom:none;
		border:1px solid rgba(0,0,0,0.2);
	}
	#seat_box .zisseki_list th{
		text-align:left;
		background:rgba(255,255,255,0.3);
	}
	#seat_box .zisseki_list td{
		text-align:right;
		background:rgba(255,255,255,1.0);
}

/* ------------------------------------------------------------------
   doctor
------------------------------------------------------------------ */

#seat_box .doctor{
	display:block;
	position:relative;
	padding:20px 0;
	border-bottom:1px dotted #10715D;
	}
	#seat_box .doctor:first-child{
		padding:0px 0 20px;
}
#seat_box .doctor h4{
	width:100%;
	top:auto;
	left:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding:7px 15px 5px;
	font-family: 'Kosugi Maru', sans-serif;
	font-weight:bold;
	font-size:1.2rem;
	border-left:10px solid rgba(64,170,154,.5);
	color:#10715D;
	background:linear-gradient(90deg, rgba(64,170,154,0.2), rgba(64,170,154,0.1));
	z-index:0;
	}
	#seat_box .doctor h4 *{
		font-family:inherit;
		font-weight:inherit;
		font-size:0.8em;
		color:inherit;
	}
	#seat_box .doctor h4 a{
		text-decoration:underline;
	}
	#seat_box .doctor h4 span{
		display:block;
		position:relative;
		top:0px;
		left:0px;
		padding:0 0 0;
		font-size:0.8em;
		background:none;
		border:none;
		text-align:left;
		z-index:10;
}
#seat_box .doctor.photo_re{
	min-height:260px;
	padding-left:175px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	#seat_box .doctor.photo_re img{
		position:absolute;
		top:25px;
		left:0px;
		width:171px;
		height:auto;
		left:-20px;
		border-top:1px solid #FFF;
		border-right:1px solid #FFF;
		border-bottom:1px solid #FFF;
		-moz-border-radius:0 6px 6px 0;
		-webkit-border-radius:0 6px 6px 0;
		border-radius:0 6px 6px 0;
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
		box-shadow:2px 0px 5px rgba(0,0,0,0.4);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#seat_box .doctor:first-child.photo_re img{
		top:0px;
}

#seat_box .doctor ul{
	margin:15px 0 0px;
	}
	#seat_box .doctor ul li{
		position:relative;
		padding-left:17px;
	}
	#seat_box .doctor ul li::before{
		content:" ";
		position:absolute;
		top:6px;
		left:0px;
		border:6px solid transparent;
		border-left:10px solid rgba(64,170,154,.8);
}

/* doctor_theme */
#seat_box .doctor .doctor_theme{
	position:relative;
	width:100%;
}
#seat_box .doctor.photo_re .doctor_theme{
	width:calc(100% + 175px);
	margin:20px 0 0 -175px;
}
#seat_box .doctor .doctor_theme ul{
	list-style:disc;
	margin:0px !important;
	padding-left:20px;
	}
	#seat_box .doctor .doctor_theme ul li{
		padding-left:0px;
	}
	#seat_box .doctor .doctor_theme ul li::before{
		display:none;
}
#seat_box .doctor.photo_re{
	min-height:260px;
	padding-left:175px;
}

#seat_box .doctor p.senmon{
	position:relative;
	min-height:27px;
	margin:20px 0 5px;
	padding:3px 0 0 130px;
}
#seat_box .doctor p.senmon span{
	position:absolute;
	top:0px;
	left:0px;
	display:inline-block;
	width:115px;
	margin:0 10px 0 0;
	padding:2px 20px;
	border:1px solid #10715D;
	background:#FFF;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	text-align:center;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	#seat_box .doctor.photo_re{
		padding-left:0px;
		}
		#seat_box .doctor.photo_re img{
			position:relative;
			top:0px;
			left:0px;
			width:171px;
			height:auto;
			left:calc(50% - 85px);
			margin:0 0 20px;
			border:1px solid #FFF;
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			border-radius:6px;
			-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
			-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
			box-shadow:2px 0px 5px rgba(0,0,0,0.4);
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
	}
	#seat_box .doctor.photo_re .doctor_theme{
		width:100%;
		margin:20px 0 0 0px;
	}
}