@charset "utf-8";

.l-ctVisual {
  background-image:url(../image/ctVisual.png);
}


.menu {
 display: flex;
 flex-wrap:wrap;
 justify-content:flex-start;
 width: calc( 100% + 20px );
 margin-bottom: 30px;
 margin-left: -5px;
 }
 
.guide-box {
	width: calc( 25% - 12px );
	height: 40px;
	background:#ffffff; /*背景色の指定*/
	border: #7ab4ed 2px solid; /*境界線の指定*/
	border-radius: 6px; /*角丸の指定*/
	text-align:left;
	padding: 5px;
	margin: 6px 5px;
	color: #7ab4ed;
}

.guide-box a {
  display:block;
  width:100%; 
  background: url(../../image/icon/blue.png) no-repeat right -1rem center;
  background-size: auto 1.4rem;
}

.p-box {
    font-size: 1.1em;
	margin-top: -45px
}

@media screen and (max-width:640px) {
	.guide-box {
		width: calc( 50% - 12px );
		height: auto;
	}
	.menu {
		width: calc( 100% + 15px );
		font-size:0.8em;
	}
}

/*--------------------------------------------------------------------------------
  診療科と診療日・受付時間
--------------------------------------------------------------------------------*/

.gairai-timetable {
  width:100%;
  border:0;
  border-collapse:separate;
  margin-top:20px;
  margin-bottom: 10px;
  overflow-x: scroll;
  }

.gairai-timetable .w20 {
  width:20%;
  }

h3.gairai-title {
  background-color: #7ab4ed;
  color: #fff;
  border-radius: 3px;
  padding: 1.3rem 1.5rem;
  line-height: 1.2;
  font-size: 1.1em;
  position: relative;
}

.gairai {
  margin-bottom:20px;
}

.gairai .btn {
  display:inline-block;
  position:absolute;
  right:1rem;
  top:50%;
  transform:translateY(-50%);
  font-weight:normal;
  padding:0.6rem 1rem 0.6rem 1.75rem;
  border-radius:1.5em;
}

.gairai .btn,
.gairai .btn:visited
.gairai .btn:hover {
  color:#52c5eb;
  background:#fff;
}

.gairai .btn .p-arrow:after {
  background-image:url(../../image/icon/arC_lblue.svg);
  background-size:auto 1.1rem;
}

.ua-pc .gairai .btn { transition:border 0.1s ease, background 0.1s ease, color 0.1s ease; }

.ua-pc .gairai .btn:hover {
  color:#fff;
  background-color:#52c5eb;
}

.ua-pc .gairai .btn:hover .p-arrow:after {
  background-image:url(../../image/icon/arC_white.svg);
}

.gairai-timetable {
  font-size:0.95em;
  width:100%;
  border:0;
  border-collapse:separate;
}

.gairai-timetable th,
.gairai-timetable td {
  line-height:1.4;
  vertical-align:middle;
  text-align:center;
  padding:1rem;
}

.gairai-timetable thead th {
  border:2px solid #b3e273;
  background-color:#b3e273;
  font-weight:bold;
  color:#fff;
  font-size:1.2em;
  border-radius:4px 4px 0 0;
}

.gairai-timetable thead th,
.gairai-timetable tbody th {
  white-space:nowrap;
  text-align:center;
}

.gairai-timetable tbody th {
  width:20%;
  background-color: #e7f1fb;
  font-weight:normal;
}

.gairai-timetable tbody td {
  background-color:#fff;
}

.gairai-timetable tbody th,
.gairai-timetable tbody td {
  border-left: 1px solid #a8cef3;
  border-bottom: 1px solid #a8cef3;
  font-size:0.95em;
}

.gairai-timetable tbody tr th:first-child,
.gairai-timetable tbody tr td:first-child {
  border-left-width:2px;
}

.gairai-timetable tbody tr th:last-child,
.gairai-timetable tbody tr td:last-child {
  border-right: 2px solid #a8cef3;
}

.gairai-timetable tbody tr:last-child td {
  border-bottom-width:2px;
}

.gairai-timetable tbody tr:last-child td:first-child {
  border-radius:0 0 0 4px;
}

.gairai-timetable tbody tr:last-child td:last-child {
  border-radius:0 0 4px 0;
}

.gairai-timetable tbody th {
  border-left: 1px solid #a8cef3;
  border-bottom: 1px solid #a8cef3;
  font-size:0.95em;
  border-top: 2px solid #a8cef3;
}

.gairai-timetable tbody tr th:first-child {
  border-left-width:2px;
  border-radius: 4px 0 0 0;
}

.gairai-timetable tbody tr th:last-child {
  border-right: 2px solid #a8cef3;
  border-radius: 0 4px 0 0;
}

.gairai-timetable tbody td {
  border-left: 1px solid #a8cef3;
  border-bottom: 1px solid #a8cef3;
  font-size:0.95em;
}

.gairai-timetable tbody tr td:first-child {
  border-left-width:2px;
}

.gairai-timetable tbody tr td:last-child {
  border-right: 2px solid #a8cef3;
}

.gairai-timetable tbody tr:last-child td {
  border-bottom-width:2px;
}

.gairai-timetable tbody tr:last-child td:first-child {
  border-radius:0 0 0 4px;
}

.gairai-timetable tbody tr:last-child td:last-child {
  border-radius:0 0 4px 0;
}

.circle tbody tr:first-child th:first-child {
  border-radius:4px 4px 0 0;
}

.circle tbody tr:last-child td:last-child {
  border-radius:0 0 4px 4px;
}

.gairai-timetable a {
  font-weight:bold;
}

.gairai-timetable a,
.gairai-timetable a:visited,
.gairai-timetable a:hover { color:#7ab4ed; text-decoration:underline; }
.ua-pc .gairai-timetable a:hover { color:#a8cef3; text-decoration:none; }

.ua-pc .gairai-timetable .js__linkBox { transition:background 0.1s ease; }
.ua-pc .gairai-timetable .js__linkBox:hover { background-color:#f6fbef; }
.ua-pc .gairai-timetable .js__linkBox:hover a { color:#93c84c; text-decoration:none; }

@media screen and (max-width:640px) {
  h3.gairai-title {
   font-size: 1em;
  }

  .gairai-timetable {
    font-size:0.9em;
  }

  .gairai-timetable tbody th {
    width:10%;
  }
}

@media screen and (max-width:400px) {
  .gairai-timetable {
    max-width:400px;
  }
}