/* CSS Document */

header {
	width: 100%;
	height: 32rem;
	background-image: url("../images/header-index.jpg");
	background-position: center center;
	background-size: cover;
}

article section.timetable table {
	width: 100%;
	height: auto;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 5px;
	overflow: hidden;
}
article section.timetable table caption {
	caption-side: top;
	font-size: 1.5rem;
	color: #333;
}
article section.timetable table tr th {
	font-weight: normal;
	text-align: left;
	padding: .5rem 0 .5rem 1rem;
	background-color: #ffffff;
}
article section.timetable table tr td {
	font-weight: normal;
	text-align: center;
	padding: .5rem;
	background-color: #ffffff;
}

/*	GREENTABLE	*/
article section.timetable table.green-t {
	/*float: left;*/
	border: 1px solid #6b8e23;
}
article section.timetable table.green-t thead tr th, 
article section.timetable table.green-t thead tr td {
	background-color: #aec48d;
	font-size: 1.2rem;
	border-bottom: 1px solid #6b8e23;
	border-right:  1px solid #6b8e23;
}
article section.timetable table.green-t tbody tr th, 
article section.timetable table.green-t tbody tr td {
	border-bottom: 1px solid #6b8e23;
	border-right:  1px solid #6b8e23;
}

/*	YELLOWTABLE	*/
article section.timetable table.yellow-t {
	float: right;
	border: 1px solid #ffd100;
}
article section.timetable table.yellow-t thead tr th, section.timetable table.yellow-t thead tr td {
	background-color: #ffe78b;
	font-size: 1.2rem;
	border-bottom: 1px solid #ffd100;
	border-right:  1px solid #ffd100;
}
article section.timetable table.yellow-t tbody tr th, section.timetable table.yellow-t tbody tr td {
	border-bottom: 1px solid #ffd100;
	border-right:  1px solid #ffd100;
}

article section.timetable table tbody tr:last-child th,
article section.timetable table tbody tr:last-child td {
  border-bottom: none;
}
article section.timetable table thead tr:first-child th:first-child {
  border-radius: 5px 0 0 0;
}
article section.timetable table thead tr:first-child td:last-child {
  border-radius: 0 5px 0 0;
}
article section.timetable table tbody tr:last-child th:first-child {
  border-radius: 0 0 0 5px;
}
article section.timetable table tbody tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}
article section.timetable table tbody tr td:last-child {
	border-right: none;
}
article section.timetable table thead tr td:last-child {
	border-right: none;
}

article section.timetable div.green-d {
	border: 1px solid #aec48d;
	padding: 1rem 1rem 0 1rem;
	border-radius: .5rem;
}
article section.timetable div.cont_2 h2 {
	font-weight: normal;
	caption-side: top;
	font-size: 1.5rem;
	color: #333;
	margin: 0 0 .5rem 0;
}
article section.timetable div.cont_2 div.cont_2-inner {
	width: 50%;
	float: left;
}
article section.timetable div.cont_2 div.cont_2-inner ul {
	margin-left: 1.5rem;
}
article section.timetable div.cont_2 div.cont_2-inner ul p {
	line-height: 2rem;
}
article section.timetable div.cont_2 div.cont_2-inner ul li {
	font-size: 1rem;
	line-height: 1.5rem;
	margin-bottom: 0;
}
article section.timetable div.cont_2 div.cont_2-inner ul ul {
	margin-left: .5rem;
}


/*	NEWS */
article section.news {
	
}
article section.news dl {
	border-bottom: 1px dotted #6b8e23;
}
article section.news dl:after {
  content: "";
  display: block;
  clear: both;
}
article section.news dl dt {
	width: 10rem;
	height: auto;
	text-align: right;
	font-size: 1.2rem;
	font-weight: normal;
	padding: 0;
	float: left;
}
article section.news dl dd {
	width: 47rem;
	height: auto;
	text-align: left;
	font-size: 1.2rem;
	font-weight: normal;
	padding: 0;
	float: right;
}
article section.news dl dd a, 
article section.news dl dd a:link, 
article section.news dl dd a:visited {
	display: inline;
	font-size: 1.2rem;
	color:   #6b8e23;
}
article section.news dl dd a:active, 
article section.news dl dd a:hover {
	color: #ffd100;
	text-decoration: none;
}

/*	RESERVATION */
article section.reservation {

}
article section.reservation:after {
  content: "";
  display: block;
  clear: both;
}
article section.reservation ol li {
	font-size: 1.2rem;
	line-height: 1.8rem;
	margin-bottom: .5rem;
}
article section.reservation div.caution {
	background-color: #ffe78b;
	font-size: 1.2rem;
	border: 1px solid #ffd100;
	border-radius: .4rem;
	padding: 1rem 1.5rem;
}
article section.reservation div.caution p {
	font-size: 1.2rem;
}
article section.reservation div.caution ul {
	margin-left: 1.5rem;
}
article section.reservation div.caution ul li {
	font-size: 1rem;
}


/*	MEDICAL */
article section.medical div.cont_3-2 {
	width: 41rem;
	height: auto;
	font-size: 1.2rem;
	padding: .5rem 1rem;
	border-radius: .5rem;
	float: left;
}
article section.medical div.cont_3-2:after {
  content: "";
  display: block;
  clear: both;
}
article section.medical div.cont_3-2 div.cont_3-2-inner {
	width: 19rem;
	height: auto;
	float: left;
}
article section.medical div.cont_3 {
	width: 20rem;
	height: auto;
	font-size: 1.2rem;
	padding: .5rem 1rem;
	border-radius: .5rem;
	float: right;
}
article section.medical div.green-d {
	border: 1px solid #aec48d;
}
article section.medical div.yellow-d {
	border: 1px solid #ffe78b;
}
article section.medical div.cont_3 ul, 
article section.medical div.cont_3-2 div.cont_3-2-inner ul {
	margin: 0 0 0 1.2rem;
}
article section.medical div.cont_3 ul.reha {
	margin: 0 0 1rem 1.2rem;
}
article section.medical div.cont_3 ul p {
	padding: 0;
	margin:  0;
}



@media (max-width: 767px) {
	/*	HEADER */
	header {
		width: 100%;
		height: 4rem;
		background-color: rgb(255, 209, 0);
		background-image: initial;
	}
	header img {
		width: 100%;
		height: 100vw;
		margin: 0;
	}
	
	body {
		padding-top: 2.5rem;
	}

	/*	MIAN	*/
	div#main {
		padding-top: 0;
	}
	img.sp {
		width: 100%;
		height: 100vw;
		margin: 0;
		padding: 0;
	}
	/*
	div.sign {
		width: 100%;
		height: auto;
		padding: 0;
		margin:  1rem 0 3rem 0;
	}
	div.sign p {
		text-align: center;
	}
	div.sign p.name {
		font-size: 2rem;
	}
	div.sign p.tel {
		font-size: 1.5rem;
	}
	*/

	article section.timetable table {
		width: 100%;
		height: auto;
		border-collapse: separate;
		border-spacing: 0;
		border-radius: 5px;
		overflow: hidden;
		float: initial;
	}
	article section.timetable table caption {
		/*color: #FFF;*/
	}
	article section.timetable table tr th {
		color: #333;
	}
	article section.timetable table tr td {
		color: #333;
	}
	article section.timetable table.green-t {
		margin-bottom: 1rem;
	}
	article section.timetable table tr th {
		padding: .3rem;
	}
	article section.timetable div.cont_2 h2 {
		font-weight: normal;
		caption-side: top;
		font-size: 1.5rem;
		color: #FFF;
	}
	article section.timetable div.cont_2 div.cont_2-inner {
		width: 100%;
		float: initial;
	}
	article section.timetable div.cont_2 div.cont_2-inner ul {
		margin-bottom: 0;
	}

	article section.reservation div.caution p {
		color: #333;
	}
	article section.reservation div.caution ul {
		margin-bottom: .5rem;
	}
	article section.reservation div.caution ul li {
		color: #333;
	}
	
	article section.timetable div.cont_2 h2 {
		color: #fff;
	}

	/*	NEWS */
	article section.news {

	}
	article section.news dl {
		border-bottom: initial;
	}
	article section.news dl:after {
	  content: initial;
	  display: initial;
	  clear: initial;
	}
	article section.news dl dt {
		width: 100%;
		height: auto;
		text-align: left;
		font-size: 1.2rem;
		font-weight: normal;
		padding: 0;
		margin-bottom: .5rem;
		float: initial;
	}
	article section.news dl dd {
		width: 100%;
		height: auto;
		text-align: left;
		font-size: 1.2rem;
		font-weight: normal;
		padding: 0;
		float: initial;
	}
	article section.news dl dd:before {
		font-family: "Font Awesome 5 Free";
		content: "\00A0\f0da\00A0";
		color: rgb(255, 209, 0);
	}
	article section.news dl dd a, 
	article section.news dl dd a:link, 
	article section.news dl dd a:visited {
		display: inline;
		font-size: 1.2rem;
		color:   rgb(255, 209, 0);
	}
	article section.news dl dd a:active, 
	article section.news dl dd a:hover {
		color: #ffd100;
		text-decoration: none;
	}
	
	/*	MEDICAL */
	article section.medical div.cont_3-2 {
		width: 100%;
		height: auto;
		font-size: 1.2rem;
		padding: .5rem 1rem;
		margin: 0 0 1rem 0;
		border-radius: .5rem;
		float: initial;
	}
	article section.medical div.cont_3-2:after {
	  content: initial;
	  display: initial;
	  clear: initial;
	}
	article section.medical div.cont_3-2 div.cont_3-2-inner {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
		float: initial;
	}
	article section.medical div.cont_3 {
		width: 100%;
		height: auto;
		font-size: 1.2rem;
		padding: .5rem 1rem;
		border-radius: .5rem;
		float: initial;
	}
	article section.medical div.green-d {
		border: 1px solid #aec48d;
	}
	article section.medical div.yellow-d {
		border: 1px solid #ffe78b;
	}
	article section.medical div.cont_3 ul, 
	article section.medical div.cont_3-2 div.cont_3-2-inner ul {
		margin: 0 0 0 1.2rem;
	}
	article section.medical div.cont_3 ul.reha {
		margin: 0 0 1rem 1.2rem;
	}
	article section.medical div.cont_3 ul p, 
	article section.medical div.cont_3-2 ul p, 
	article section.medical div.cont3-2 div.cont_3-2-inner ul p {
		padding: 0;
		margin:  0;
	}

	/*	ACCESS */
	article section.access {
		padding-bottom: 0;
		margin-bottom:  0;
	}
	article section.access div.cont_2 iframe {
		margin-bottom: 2rem;
	}
	
	/*	MODAL */
	div.modal, div.modal b {
		color: #333;
	}
}