@charset "utf-8";
/*以下、ご来院される皆様へのCSS*/

body{
	-webkit-text-size-adjust: 100%;
	font-size: 15px;
}

/* --------------------------------------------------------
office_visit_wp
-------------------------------------------------------- */
.DX{
  text-align: left;  
	margin-top: 0;
}
.officeVisitBox{
	background-color:#FFFEF2;
    border: solid 3px #6CBA59;
	margin:25px 0 40px;
}

.officeVisitBox2 {/*救急の方の診察*/
	width:150px;
	clear:both;
    padding: 10px 5px;
	margin:  0;
	color:#FFF;
	font-weight:bold;
	text-align:center;
}   .visitBox1{background-color:#6CBA59;}

.primaryCare{
	margin:40px auto;
	padding:5% 5% 3%;
	background:#F2FBFF;
	border:#63A7CB 2px solid;
}
.primaryCare ol{padding: 0 0 0 1.5rem;}
.primaryCare ol li{ margin:0 0 10px;}
.primaryCare ol li span{ border-bottom:#3972B7 1px dotted; line-height: 1.8rem;}
.primaryCare ol li::marker{	font-weight:bold; color:#3972B7;}


.online{
	margin-bottom: 40px;
	padding: 20px;
	background-color: #E7F5F2;
	border: #00B2B2 solid 2px;
	text-align: center;
}
.online p{
	text-align: left;
}
.online .title{
	display: inline-block;
	margin: 0 0 0.8em;
	color: #006666;
	font-family: UtsukushiMincho;
	font-size: 20px;
	background: linear-gradient(transparent 50%, #FFE599 50%);
}
.online .brown{
	color: #8C4600;
}
/*　外来診察日一覧　*/
table.outpatient{
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px; /* セル間のスペースを設定 */
	background-color: #CECEBF;
	margin:20px 0 30px;
	text-align: center;
}

table.outpatient td{
	padding: 2px; /* セル内のパディングを設定 */
}

table.outpatient tr td.out01{/* 左上 */
	width: 60px;
	background-color: #63A7CB;
}

table.outpatient tr td.out02{/* 曜日 */
	width: 15%;
	background-color: #F2FBFF;
}

table.outpatient tr td.out03{/* 科名 */
	width: 5%;
	background-color: #63A7CB;
}

table.outpatient tr td.out04{/* 初診・再診 */
	width: 10%;
	background-color: #FFF8DF;
}

table.outpatient tr td.out05{/* 医師名 */
	background-color: #FFFFFF;
}

/* --------------------------------------------------------
inpatient
-------------------------------------------------------- */

.mainContent{
	clear:both;
	padding:3% 0;
}

.q1{ width:15%; float:left; clear:both; font-size:18px; font-weight:bold; color:#3972B7;padding-top:20px;}
.q2{ width:85%; float:right; clear:none; padding-top:20px; font-weight:bold;}
.a1{ width:15%; float:left; clear:both; font-size:18px; font-weight:bold; color:#D90000; padding-top:10px;}
.a2{ width:85%; float:right; clear:none; padding-top:10px;}

.inpatientTd{padding:0 15px;}

/* --------------------------------------------------------
riji
-------------------------------------------------------- */

.rijiTitle{
	float:none;
	margin:0 auto;
	clear:both;
	width:250px;
	text-align:center;
	padding:20px 0;
}

.rijiImg{
	float:none;
	margin:0 auto;
	clear:none;
	width:300px;
}

.rijiTxt{
	clear:both;
	padding:20px 0;
}

/* --------------------------------------------------------
statistics
-------------------------------------------------------- */

table.statistics {
	margin:30px 0 0;
	display: block;
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

table.statistics td:first-child {
  /* 横スクロール時に固定する */
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index:2;
}

/* --------------------------------------------------------
statistics2
-------------------------------------------------------- */

.statisticsTable{
	clear:both;
	width:100%;
	margin:0 auto;
	padding-top:30px;
}

.linkBox{/*詳しくはこちら*/
	clear:none;
	width:200px;
	float:left;
    padding: 5px;
	margin-top:30px;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	background-color:#7DBE15;
}
.linkBox:hover{
	background-color:#093;
}

.statisticsBox{
	background-color:#A9CEE2;
	padding:30px;
}

table.statistics2 {
	margin:10px 0;
	display: block;
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

table.statistics2 td:first-child,
table.statistics2 th:first-child{
  /* 横スクロール時に固定する */
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index:2;
}


.paddingh3{ width:100%; float:left; clear:both; padding:30px 0 10px; margin:0;}

/* --------------------------------------------------------
general
-------------------------------------------------------- */

.generalBox{
	width:90px;
	background-color:#8DC21F;
	color:#FFF;
	text-align:center;
	padding:10px;
	margin-top:30px;
}

.generalBox2{	margin:30px 0; padding:5px 10px;	border:#0c667c 1px solid;}
	.generalBox2 p{	margin:0.5em 0;}
.generalP{	display:inline-block; padding:5px 10px;	border:#0c667c 1px solid;}

.generalUl{	list-style:disc; text-align:left; margin:0 0 0 0.5em;}
	.generalUl li{ margin:0 0 0 1em;}

.p10{ clear:both; padding-top:10px;}

h3.generalH3{
	display: flex;
	align-items: flex-start;
}
h3.generalH3 img.yoko2{
	display: inline-block;
}

dl.general dd{
	margin: 0 0 .5em 1em;
}


/* --------------------------------------------------------
outline
-------------------------------------------------------- */

table.outline,
table.facility{
	margin:0 0 30px;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
}
table.outline th,
table.outline td,
table.facility td{
	display: block;
	padding: 10px;
	border: #CECEBF 1px solid;
	border-bottom: none;
	background-color: #BFDFFF;
}

table.outline th{
	font-weight: normal;
	background-color: #BFDFFF;
}
table.outline td{
	background-color: #FFFFFF;
}

table.outline tr:last-child td{
	border-bottom: #CECEBF 1px solid;
}

table.facility td:last-child{
	background-color: #F2FBFF;
	border-bottom: #CECEBF 1px solid;
}