@charset "UTF-8";

/* -------------------------------------------
診療時間・アクセス
-------------------------------------------*/

.accessttl {
  position: relative;
  display: block;
  padding: 0;
  margin: 0;
  height: 350px;
  background-color: #222529;
  color: #FFFFFF;
  text-align: center;
}
.accessttl h1 {
  position: relative;
  display:block;
  text-align: center;
  font-size:2em;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  letter-spacing: 0.3rem;
  padding: 220px 0 0 0;
}

.accessdescription{
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 300px;
  padding: 50px 15% 20px 15%;
  margin: 0 auto;
  background: url("../img/access/m-access.png") no-repeat center top / cover;
}

.accesscol{
  padding: 50px 0 50px 0;
}
.accesscol:nth-child(2n) {
	background-image: linear-gradient(180deg,rgba(247,247,245,1.00),rgba(236,234,228,1.00));		  
}
.accesscol h2{
  font-family: 'Noto Serif JP', serif;
  font-weight: 300;
  font-size: 2.5em;
  letter-spacing: 0.3rem;
  padding: 30px 0 80px 0;
  color: #9A9071;	
}
.accesscol h3{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 1.3em;
  letter-spacing: 0.3rem;
  line-height: 2rem;
  padding: 0;
}
.accesscol p{
  padding: 0 0 2rem 0;
}

.clinicdata dl {	
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	border-bottom: 1px solid #ccc;
}
.clinicdata dt {
	flex-basis: 30%;
	vertical-align: middle;
	padding: 10px;
	font-weight: 500;
	border-top: 1px solid #ccc;
	background-color: #ECECEC;
    color: #7E4142;
}
.clinicdata dd {
	flex-basis: 70%;
	vertical-align: middle;
	padding: 10px 10px 0 10px;
	font-weight: 300;
	border-top: 1px solid #ccc;
}
.clinicdata dt:before {
	content: "■";
    margin-right:2px;
    top:0;
    left:0;
    color: #7E4142;
}

table.schedule_tbl {
	margin-bottom: 0.6em;
    letter-spacing: 0;
	font-family: 'Noto Sans JP', sans-serif;
}
table.schedule_tbl th,
table.schedule_tbl td {
    text-align: left;
}
table.schedule_tbl td {
    text-align: left;
	font-weight: 300;
}
table.schedule_tbl span {
	font-size: 0.8em;
	font-weight: 300;
}
table.schedule_tbl {
	width: 100%;
}
table.schedule_tbl thead th {
    background: #9A9071;
    border-top: 1px solid #9A9071;
    border-bottom: 1px solid #9A9071;
    width: 10%;
    color: #fff;
	font-size: 1.1em;
	font-weight: 500;
}
table.schedule_tbl th {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
	font-size: 1.3em;
	font-weight: 500;
    background: #E4E2DB;
}
table.schedule_tbl td {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    background: #fff;
    color: #9A9071;
	font-size: 1.6em;
}

table.schedule_hours th,
table.schedule_hours td {
	text-align: center;
    padding: 0.5em 0 !important;
}
table.schedule_hours tbody th {
	width: 20%;
}

th {
    padding: 0px !important;
}





.cliniccalender {
  position: relative;
  padding-bottom: 75%;
  height: 0;
}
.cliniccalender iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.clinicmap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.clinicmap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 90%;
}

.accesscol .access p{
  padding: 0;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1em;
  font-weight: 400;
}
.accesscol .access p i{
  padding: 0 10px 0 0;
  font-size: 1.5em;
  color: #9A9071;
}


@media screen and (max-width: 640px) {
.accesscol h2{
  font-size: 1.8em;
  padding: 10px 0 50px 0;
}
.accesscol h3 {
	text-align: center;
}
	
.clinicdata dl {
	flex-flow: column;
	padding: 30px 0 0 0;
}
.clinicdata dt {
	padding: 5px 10px 5px 5px;
}
.clinicdata dd {
	border-top: 1px solid #EBEBEB;
}
	
table.schedule_tbl td {
    border-left: 1px solid #EEEEEE;
}
	
table.schedule_hours th,
table.schedule_hours td {
	font-size: 1.2em;
}
	
.cliniccalender iframe {
  padding: 0;
	}
.clinicmap {
  padding-bottom: 75%;
}
.accesscol .access{
  padding: 0 20px 0 20px;
  text-align: center;
}
}