@charset "UTF-8";
html{
  font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'ほにゃ字Re','Rounded Mgen+ 1p Bold', 'Rouded Mgenplus 1p bold','MS PGothic', arial, helvetica, sans-serif;
}

header {
  background: #80273F;
  padding-top: .5rem;
  padding-bottom: .5rem;
  text-align: right;
}

body{
	width: auto;
	margin: 0px;
	/* background-color:crimson ; */
}

hr{
  display: block;
  width: 100%;
  height: 2px;
  border: 0;
  border: 1px solid #cacaca;
  background: linear-gradient(to right, #caf 0%,#a7f 20%, #94f 40%,#71f 70%, #50f 100%);
}


.for_corona{
	font-size: 24px;
}

#for_corona{
	text-align: center;
  padding: 0;
  margin: auto;
}
#for_corona li{
	list-style: none;
	font-size: 18px;
	display:inline-block;
	padding:auto;
	margin:3px 10px 0 0;
  width: 36em;
  height: 2.4em;
	border-radius: 12px;
	box-shadow: 0px 0px 20px #000 inset;
	background-color:rgb(238, 34, 34);
	background-image: radial-gradient(circle farthest-side, rgb(220, 0, 0), rgb(255, 0, 0) 50%, 
			transparent 50%, transparent);
	background-size: 15px 15px;
}
#for_corona li a{
	text-align:center;
	line-height: 44px;
	font-size:22px;
	font-weight:bold;
	color:#fff;
	display:block;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255,255,255,0.4) 50%, 
			rgba(255,255,255,0.1) 54%, rgba(255,255,255,0));
	text-decoration:none;
}
#for_corona li a:hover{
  color: #fc6;
  background: linear-gradient(to bottom, rgba(255,255,255,0.3), rgba(255,255,255,0));
  font-style: italic;
  font-size: 28px;
}
.info{
	width: 80vw;
	margin: auto;
	padding: 0 4em;
	/* border: 1px dotted black; */
	/* background-color: deeppink; */
	font-size: large;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
}
.dotted-line{
  display: block;
  width: 100%;
  height: 2px;
  border: 0;
  border: 1px dotted #cacaca;
  background: linear-gradient(to right, #caf 0%,#a7f 20%, #94f 40%,#71f 70%, #50f 100%);
}

.hr_dot{
  width: 100%;
	background-size: 8px 2px;
	background-image: linear-gradient(to right, #caf, #71f 3px, transparent 3px, transparent 8px);
	background-repeat: repeat-x;
}

.info-diary{
	border: 1px solid #000;
	/* width: 45%;
	float: left; */
	margin: 0;
	padding-left: 2em;
	text-align: left;
	/* font-weight: lighter; */
	/* display: left; */
	/* padding-left: 5em; */
	/* background-color: chartreuse; */
	width: 100%;
	height: 600px;
	overflow: scroll;
}
/* .info-date li{
	list-style: none;
	font-size: 18px;
	text-align: right;
} */
.info-detail{
	/* width: 40%; */
	/* float: left; */
	margin: 0;
	padding: 0,1em;
	font-weight: lighter;
	text-align: left;
	/* inset-block-start: 20px; */
	/* position: absolute; */
	/* right: 0; */
	/* display: right; */
	/* padding-right: 5em; */
	background-color: rgba(100,149,237,0.4);
}
/* .info-detail li{
	list-style: none;
	font-size: 18px;
	text-align: left;
} */

.sub{
	font-weight: lighter;
	font-size: smaller;
	color: #50f;
}

.minds p{
	font-size: 24px;
	font-weight: bold;
}
.mind-top{
	/* background-color: #94f; */
	width: 100%;
	text-align: center;
	font-size: larger;
	font-style: italic;
}

.mind-middle{
	margin: auto;
	width: 60%;
	text-align: left;
	font-style: italic;
}

.mind_end{
	text-align: center;
}
.cb{
	/* floatを解除 */
	clear: both;
}
/* .tooth_around{
	width: 9em;
	border: 2em solid;
	border-width: 1em;
	border-image-source: url(../img/tooth.png);
	border-image-slice: 33%;
	border-image-repeat: repeat;
	border-image-width: 28px;
	border-image-outset: 1em;
} */

.about{
	text-align: center;
	font-size: large;
	font-weight: bold;
	font-size: 24px;
}
.lobby{
	max-width: 30%;
	/* height: 40vh; */
	padding-right: 2.5%;
	padding-left: 2.5%;
}

.intro{
	width: 90%;
	margin: auto;
	text-align: center;
	/* font-size: large; */
	font-weight: bold;
	font-size: 24px;
}
.detail-history{
	width: 28em;
	/* margin-left: 4em; */
	margin: auto;
	text-align: left;
	font-weight: lighter;
	font-size: smaller;
	/* float:left; */
	text-align: center;
}
.detail-history-table{
	width: 28em;
	background-color:rgba(55,200,205,0.3) ;
}
.detail-history-table th{
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	/* width: 8em; */
}
.detail-history-table tr td{
	/* width: 20em; */
	text-align: left;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
}
.detail-illust{
	margin: auto;
	float:left;
	/* height: 14em; */
	width: 100%;
	/* margin-left: 1em; */
	/* background-color: #22e; */
	text-align: center;
}
.detail-illust img{
	/* width: 10em; */
	max-width: 30%;
	/* height: 40vh; */
}
.greet{
	width: 90%;
	margin: auto;
	text-align: left;
	font-weight: lighter;
}
.subject{
	margin: 0;
	padding: 0;
	background-color: rgba(55,200,205,0.15);
	text-align: center;
	width: 20em;
}
.subject ol{
	text-align: left;
}
.subject ol li{
	list-style: none;
	padding-left: 1.3em;
	text-indent: 1.3em;
}

.examination h2{
	text-align: center;
	font-size: large;
	font-weight: bold;
	font-size: 32px;
}
.time_schedule{
	/* margin-left: 20%;
	margin-right: 30%; */
	text-align: center;
}

.examination table{
	background: blanchedalmond;
	/* width: 100%; */
	width: 30em;
	/* margin: auto; */
	font-size: 24px;
	/* text-align: center; */
}
.examination table tr th{
  background: burlywood;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
}
.examination table tr td{
  border-bottom: 1px solid black;
	border-right: 1px solid black;
	text-align: center;
}

.exp{
	font-size: 16px;
	color: red;
	text-align: center;
}
.proviso{
	text-align: center;
	font-size: 24px;
}
footer{
  background: linear-gradient(to bottom,#999,#000);
  color: antiquewhite;
  vertical-align: middle;
  text-align: center;
  height: 3em;
  }
	/* ページトップへ向かうボタンを作る */
	#page_top{
		width: 120px;
		height: 90px;
		position: fixed;
		right: 0;
		bottom: 0;
		opacity: 0.6;
		border: 3px solid #3f48ff;
		border-radius: 15px;
	}
	#page_top a{
		position: relative;
		display: block;
		width: 120px;
		height: 90px;
		text-decoration: none;
	}
	#page_top a::before{
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		/* content: '\f062'; */
		font-size: 25px;
		color: #3f48ff;
		position: absolute;
		width: 25px;
		height: 25px;
		top: -55px;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
		text-align: center;
	}
	#page_top a::after{
		content: 'PAGE TOP';
		font-size: 24px;
		color: #3f48ff;
		position: absolute;
		top: 32px;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
		text-align: center;
	}
	#page_top :hover{
		width: 120px;
		height: 90px;
		position: fixed;
		right: 0;
		bottom: 0;
		opacity: 0.6;
		border: 3px solid #3f48ff;
		border-radius: 15px;
		background-color:rgba(55,200,205,0.8);
		color: white;
	}
	#page_top a::before:hover{
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		/* content: '\f062'; */
		font-size: 25px;
		color:white;
		position: absolute;
		width: 25px;
		height: 25px;
		top: -55px;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
		text-align: center;
	}
	#page_top a::after:hover{
		content: '上へまいります';
		font-size: 24px;
		color: white;
		position: absolute;
		top: 32px;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
		text-align: center;
	}
	.for_corona{
		text-align: center;
		color: #22e;
	}




	/* for_corona.html */
	.countermeasure{
		width: 90%;
		margin: auto;
		font-size: 24px;
	}
	
	.countermeasure_1{
		text-align: center;
		width: 90%;
		margin: auto;
	}
	/* .countermeasure_1 img{ */
		/* float: left; */
		/* height: 240px; */
	/* } */

	.countermeasure_2{
		text-align: left;
	}
	.countermeasure_2 img{		
		float: left;
		width: 30%;
		margin: 4px;
	}
	.countermeasure_3{
		text-align: left;
	}
	.check_list{
		font-style: italic;
		font-weight: bolder;
	}
	/* ireba.html */
	.essay{
		width: 90%;
		margin: auto;
	}
	.denture_treatment{
		font-size: 24px;
	}
	.denture img{
		width: 240px;
	}

	.outpatient_main{
		width: 90%;
		margin: auto;
		font-size: 24px;
	}
	.outpatient_about{
		font-size: 24px;
	}

	#thermometer img{
		height: 320px;
	}