@charset "utf-8";
/* ******************************************************************
 *	File name		: outpatient_doctor.css
 *	Summary			: css style
 * ******************************************************************
 */

/* ----------------------------------------------------------------------
   base
---------------------------------------------------------------------- */

.bdcs_outpatient #contents_body{
	min-height:0px;
}

#bdid_outpatient_doctor.second main{
	padding:0px 0 0px;
	background:#FFF !important;
}
#bdid_outpatient_doctor #pnkz{
	margin:0 0 0px 0 !important;
}
#bdid_outpatient_doctor #main_contents{
	position:relative;
	width:100%;
	max-width:100%;
	min-height:350px;
	background:#FFF !important;
	margin:0px auto 0;
	padding:12px 0px 20px;
	text-align:left;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	transition-duration:0.5s;
}
#bdid_outpatient_doctor.second main.table_wide{
	width:100%;
	transition-duration:0.5s;
	}
	#bdid_outpatient_doctor.second main.table_wide #main_contents table{
		width:100%;
		font-size:1.1em !important;
		}
		#bdid_outpatient_doctor.second main.table_wide #main_contents table *{
			font-size:1.0em !important;
}
/* --- responsive --- */
@media only screen and (max-width:1200px){
	#bdid_outpatient_doctor #main_contents{
		padding:12px 0px 20px !important;
	}
}
@media only screen and (max-width:767px){
	#bdid_outpatient_doctor #main_contents{
		width:calc(100% - 30px);
		min-height:0px;
		padding:0px 15px 0px !important;
		}
		#bdid_outpatient_doctor.second main.table_wide #main_contents table *{
			font-size:0.87em !important;
	}
}

/* ----------------------------------------------------------------------
   gairai_bigsmall btn
---------------------------------------------------------------------- */

#bdid_outpatient_doctor #gairai_bigsmall{
	display:block;
	position:relative;
	top:0px;
	right:0px;
	width:100%;
	height:36px;
	margin:0 0 12px;
	text-align:right;
	display:none;
}
#bdid_outpatient_doctor #gairai_bigsmall li{
	display:inline-block;
	height:36px;
	margin:0px 3px;
	padding:10px 20px 10px 18px;
	color:#000000;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border:1px solid rgba(111,185,44,0.8);
	background:url(../../img/base/pagelink_hover_g.png) no-repeat bottom right rgba(111,185,44,0.05);
	text-align:center;
	line-height:1;
	cursor:pointer;
	}
	.color-black#bdid_outpatient_doctor #gairai_bigsmall li{
		color:#FFF;
		background:url(../../img/base/pagelink_hover_g.png) no-repeat bottom right rgba(111,185,44,0.3);
	}
	#bdid_outpatient_doctor #gairai_bigsmall li:hover{
		background:url(../../img/base/pagelink_hover_g.png) no-repeat bottom right rgba(111,185,44,0.2);
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_outpatient_doctor #gairai_bigsmall{
		display:none !important;
	}
	#bdid_outpatient_doctor h1{
		margin-bottom:20px;
	}
}

/* ----------------------------------------------------------------------
   sp_outpatient_select
---------------------------------------------------------------------- */

#sp_outpatient_select{
	display:none;
	position:relative;
	width:calc(100% + 30px);
	margin:-5px -15px 20px;
	padding:0 15px;
	border-top:18px solid #E3E9A3;
	text-align:center;
	z-index:150;
}
#sp_outpatient_select #sp_os_box{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
}
#sp_outpatient_select p{
	display:-webkit-flex;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	width:120px;
	margin:0px !important;
	padding:0 12px 0px 0;
	font-weight:bold;
	font-size:1.1rem;
	background:#E3E9A3;
	}
	#sp_outpatient_select p::after{
		content:" ";
		position:absolute;
		top:calc(50% - 6px);
		right:0px;
		border:8px solid transparent;
		border-left:12px solid rgba(0,0,0,1);
}
#sp_outpatient_select select{
	display:inline-block;
	width:calc(100% - 130px);
	margin:8px 0 0px;
	padding:2px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background:-webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background:linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 20px, 100%;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	cursor: pointer;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	#sp_outpatient_select{
		display:block;
	}
}

/* ----------------------------------------------------------------------
   sp_outpatiane_department
---------------------------------------------------------------------- */

#sp_outpatiane_department{
	display:none;
	position:relative;
	width:calc(100% + 30px);
	margin:0 -15px;
	padding:0px;
	text-align:left;
	z-index:150;
	}
	#sp_outpatiane_department h3{
		display:inline-block;
		margin:0 0 10px;
		padding:5px 15px !important;
		background:#87B846 !important;
		color:#FFF !important;
	}
	#sp_outpatiane_department h3 *{
		font-weight:inherit;
		font-size:inherit;
		color:inherit;
}


/* --- responsive --- */
@media only screen and (max-width:767px){
	#sp_outpatiane_department{
		display:block;
	}
}

/* ----------------------------------------------------------------------
   table
---------------------------------------------------------------------- */

#bdid_outpatient_doctor #gairai_table_container table{
	width:100%;
	margin:0 0 40px;
	font-size:0.87em;
	color:#222222;
	}
	.color-black#bdid_outpatient_doctor #gairai_table_container table{
		color:#FFF;
	}
	#bdid_outpatient_doctor #gairai_table_container table tr:nth-child(odd) td{
		background:#FaFaFa;
	}
	.color-black#bdid_outpatient_doctor #gairai_table_container table tr:nth-child(odd) td{
		background:#222;
	}
	#bdid_outpatient_doctor #gairai_table_container table thead th{
		width:18%;
		padding:5px 0px 3px;
		color:#222222;
		background:rgba(111,185,44,0.3);
		border-bottom:2px solid #AAA !important;
		}
		.color-black#bdid_outpatient_doctor #gairai_table_container table thead th{
			color:#FFF;
		}
		#bdid_outpatient_doctor #gairai_table_container table thead th:nth-child(1){
			width:10%;
	}
#bdid_outpatient_doctor #gairai_table_container table td{
	position:relative;
	font-size:0.95em;
	padding:7px 0px 5px !important;
	text-align:center;
	}
	#bdid_outpatient_doctor #gairai_table_container table tr td.category{
		line-height:1.5;
		font-size:0.84em;
		background:rgba(200,200,0,0.05);
	}
	#bdid_outpatient_doctor #gairai_table_container table tr:nth-child(odd) td.category{
		background:rgba(200,200,0,0.08);
}
#bdid_outpatient_doctor #gairai_table_container table td p{
	margin:0 0 7px;
	padding:0px !important;
	font-size:inherit;
	line-height:1.25;
	}
	#bdid_outpatient_doctor #gairai_table_container table td p:last-of-type{
		margin:0 0 0px;
}
#bdid_outpatient_doctor #gairai_table_container table td p span.blue{
	font-size:0.9rem;
	color:#0080CC !important;
}

/* --- responsive --- */
@media only screen and (min-width:1400px){
	#bdid_outpatient_doctor #gairai_table_container table td br.sksr{
		display:none;
	}
}

/* ----------------------------------------------------------------------
   table sp
---------------------------------------------------------------------- */

@media only screen and (max-width:767px){
	#bdid_outpatient_doctor #gairai_table_container table{
		margin:0 0 10px;
		border:none;
	}
	#bdid_outpatient_doctor #gairai_table_container table thead{
		display:none;
	}
	#bdid_outpatient_doctor #gairai_table_container table .print_hidden,
	#bdid_outpatient_doctor #gairai_table_container table th{
		display:none !important;
	}
	#bdid_outpatient_doctor #gairai_table_container table tr{
		display:block;
		margin:0 0 20px;
	}
	#bdid_outpatient_doctor #gairai_table_container table tr.attach_table{
		display:none;
	}
	#bdid_outpatient_doctor #gairai_table_container table th{
		display:block;
	}
	#bdid_outpatient_doctor #gairai_table_container table td{
		display:block;
		min-height:28px;
		padding:0 5px 0 45px !important;
		padding:0 0 0 32px !important;
		font-size:0.95em;
		text-align:left;
		border-left:2px solid #BBBBBB;
		border-right:2px solid #BBBBBB;
/*		border-bottom:1px solid rgba(0,0,0,0.1);*/
		border-top:none;
		border-bottom:2px solid #BBBBBB;
		background:none !important;
		}
		#bdid_outpatient_doctor #gairai_table_container table tr:has(td.category) > td:nth-of-type(2){
			border-top:2px solid #BBBBBB;
		}

		#bdid_outpatient_doctor #gairai_table_container table tr td::before{
			content:"月";
			display:-webkit-flex;
			display:flex;
			justify-content:center;
			align-items:center;
			position:absolute;
			top:0px;
			left:0px;
			/*
			width:26px;
			height:26px;
			*/
			width:30px;
			height:100%;
			font-weight:bold;
			background:#EEE;
			border-right:2px solid #BBB;
		}
		#bdid_outpatient_doctor #gairai_table_container table tr > td:nth-of-type(1)::before{content:"月";}
		#bdid_outpatient_doctor #gairai_table_container table tr > td:nth-of-type(2)::before{content:"火";}
		#bdid_outpatient_doctor #gairai_table_container table tr > td:nth-of-type(3)::before{content:"水";}
		#bdid_outpatient_doctor #gairai_table_container table tr > td:nth-of-type(4)::before{content:"木";}
		#bdid_outpatient_doctor #gairai_table_container table tr > td:nth-of-type(5)::before{content:"金";}

		#bdid_outpatient_doctor #gairai_table_container table tr:has(td.category) > td:nth-of-type(2)::before{content:"月";}
		#bdid_outpatient_doctor #gairai_table_container table tr:has(td.category) > td:nth-of-type(3)::before{content:"火";}
		#bdid_outpatient_doctor #gairai_table_container table tr:has(td.category) > td:nth-of-type(4)::before{content:"水";}
		#bdid_outpatient_doctor #gairai_table_container table tr:has(td.category) > td:nth-of-type(5)::before{content:"木";}
		#bdid_outpatient_doctor #gairai_table_container table tr:has(td.category) > td:nth-of-type(6)::before{content:"金";}


		#bdid_outpatient_doctor #gairai_table_container table tr td div{
			padding:0 5px 0 13px;
			border-bottom:1px solid rgba(0,0,0,0.1);
			}
			/*
			#bdid_outpatient_doctor #gairai_table_container table tr td:nth-of-type(odd) div{
				background:rgba(4,151,219,0.05) !important;
			}
			*/
			#bdid_outpatient_doctor #gairai_table_container table .table_bg_on{
				background:rgba(4,151,219,0.05) !important;
			}
			#bdid_outpatient_doctor #gairai_table_container table tr div:last-child{
				border-bottom:none;
		}
		#bdid_outpatient_doctor #gairai_table_container table tr td p{
			margin:0px !important;
			padding:5px 0 !important;
		}
		#bdid_outpatient_doctor #gairai_table_container table tr td p *{
			line-height:1;
		}


	#bdid_outpatient_doctor #gairai_table_container table tr td.category,
	#bdid_outpatient_doctor #gairai_table_container table tr:nth-child(odd) td.category{
		display:inline-block;
		min-width:100%;
		min-height:0px;
		margin:0 0 5px;
		padding:3px 20px 3px 20px !important;
		font-weight:bold;
		font-size:1.1rem;
		text-align:center;
		background:rgba(135,184,70,0.2) !important;
		border:1px solid #87B846;
		}
		#bdid_outpatient_doctor #gairai_table_container table tr td.category.no_category,
		#bdid_outpatient_doctor #gairai_table_container table tr:nth-child(odd) td.category.no_category{
			display:none;
		}
		#bdid_outpatient_doctor #gairai_table_container table tr td.category::before,
		#bdid_outpatient_doctor #gairai_table_container table tr:nth-child(odd) td.category::before{
			display:none;
	}

	/* blue */
	#bdid_outpatient_doctor #gairai_table_container table td span.blue{
		display:none;
	}

	/* br */
	#bdid_outpatient_doctor #gairai_table_container table td br{
		display:none;
	}

	/*再考*/
	#bdid_outpatient_doctor #gairai_table_container table tr td.category br,
	#bdid_outpatient_doctor #gairai_table_container table tr:nth-child(odd) td.category br{
		display:none;
	}
	#bdid_outpatient_doctor #gairai_table_container table tr td.category br::before,
	#bdid_outpatient_doctor #gairai_table_container table tr:nth-child(odd) td.category br::before{
	}

	#bdid_outpatient_doctor #gairai_table_container table td p span.blue{
		font-weight:bold;
		font-size:0.9rem;
		color:#0080CC !important;
	}
}

/* ----------------------------------------------------------------------
   update_txt
---------------------------------------------------------------------- */

#update_txt{
	text-align:right;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	#update_txt{
		font-size:0.87rem;
		padding:0 20px;
	}
}