@charset "utf-8";

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

.l-ct-pgNavIcon li.list01 a { background-image:url(../image/ic01.png); }
.l-ct-pgNavIcon li.list02 a { background-image:url(../image/ic02.png); }
.l-ct-pgNavIcon li.list03 a { background-image:url(../image/ic03.png); }
.l-ct-pgNavIcon li.list04 a { background-image:url(../image/ic04.png); }
.l-ct-pgNavIcon li.list05 a { background-image:url(../image/ic05.png); }
.l-ct-pgNavIcon li.list06 a { background-image:url(../image/ic06.png); }
.l-ct-pgNavIcon li.list07 a { background-image:url(../image/ic07.png); }
.l-ct-pgNavIcon li.list08 a { background-image:url(../image/ic08.png); }
.l-ct-pgNavIcon li.list09 a { background-image:url(../image/ic09.png); }
.l-ct-pgNavIcon li.list10 a { background-image:url(../image/ic10.png); }
.l-ct-pgNavIcon li.list11 a { background-image:url(../image/ic11.png); }
.l-ct-pgNavIcon li.list12 a { background-image:url(../image/ic12.png); }
.l-ct-pgNavIcon li.list13 a { background-image:url(../image/ic13.png); }
.l-ct-pgNavIcon li.list14 a { background-image:url(../image/ic14.png); }


@media screen and (max-width:640px) {
  .p-block:last-of-type {
    padding-bottom:2em;
  }
}


/*----------------------------------------------------------------------------------------------------

  概要
  
----------------------------------------------------------------------------------------------------*/
.guide-box {
	width: calc( 35% - 18px );
	height: 50px;
	background:#ffffff; /*背景色の指定*/
	border: #7ab4ed 2px solid; /*境界線の指定*/
	border-radius: 6px; /*角丸の指定*/
	text-align:left;
	padding: 10px;
	margin-left: auto;
	margin-bottom: 35px;
	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;
}
@media screen and (max-width:640px) {
	.guide-box {
		width: calc( 100% - 0px );
		height: auto;
		text-align:center;
		font-size:medium;
	}
}

/*----------------------------------------------------------------------------------------------------

  診療体制
  
----------------------------------------------------------------------------------------------------*/
.bold {
	font-weight: bold;
}
/*--------------------------------------------------------------------------------
  医師配置表
--------------------------------------------------------------------------------*/

.s-haichiTbl {
  min-width:400px;
  font-size:0.95em;
  width:100%;
  border:0;
  border-collapse:separate;
}

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

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

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

.s-haichiTbl tbody th {
  width:20%;
  background-color:#f1f9e7;
  font-weight:normal;
}

.s-haichiTbl tbody td {
  background-color:#fff;
}

.s-haichiTbl tbody th,
.s-haichiTbl tbody td {
  border-left:1px solid #c4e498;
  border-bottom:1px solid #c4e498;
  font-size:0.95em;
}

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

.s-haichiTbl tbody tr th:last-child,
.s-haichiTbl tbody tr td:last-child {
  border-right:2px solid #c4e498;
}

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

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

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

.s-haichiTbl a {
  font-weight:bold;
}

.s-haichiTbl a,
.s-haichiTbl a:visited,
.s-haichiTbl a:hover { color:#93c84c; text-decoration:underline; }
.ua-pc .s-haichiTbl a:hover { color:#93c84c; text-decoration:none; }

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

@media screen and (max-width:640px) {
  .s-haichiTbl {
    font-size:0.9em;
  }

  .s-haichiTbl tbody th {
    width:10%;
  }
}


/*--------------------------------------------------------------------------------
  担当医師
--------------------------------------------------------------------------------*/

.s-tantoTbl {
  min-width:400px;
  font-size:0.95em;
  width:100%;
  border:0;
  border-collapse:separate;
}

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

.s-tantoTbl thead th {
  border-left:2px solid #b3e273;
  border-right:2px solid #b3e273;
  background-color:#b3e273;
  font-weight:bold;
  color:#fff;
}

.s-tantoTbl thead th:first-child {
  border-radius:4px 0 0 0;
}

.s-tantoTbl thead th:last-child {
  border-radius:0 4px 0 0;
}

.s-tantoTbl thead th:not(:first-child) {
  border-left:1px solid rgba(255,255,255,0.4);
}

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

.s-tantoTbl tbody th {
  width:20%;
  background-color:#f1f9e7;
  font-weight:normal;
}

.s-tantoTbl tbody td {
  background-color:#fff;
}

.s-tantoTbl tbody th,
.s-tantoTbl tbody td {
  border-left:1px solid #c4e498;
  border-bottom:1px solid #c4e498;
  font-size:0.95em;
}

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

.s-tantoTbl tbody tr th:last-child,
.s-tantoTbl tbody tr td:last-child {
  border-right:2px solid #c4e498;
}

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

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

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

.s-tantoTbl a {
  font-weight:bold;
}

.s-tantoTbl a,
.s-tantoTbl a:visited,
.s-tantoTbl a:hover { color:#93c84c; text-decoration:underline; }
.ua-pc .s-tantoTbl a:hover { color:#93c84c; text-decoration:none; }

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

@media screen and (max-width:640px) {
  .s-tantoTbl {
    font-size:0.9em;
  }

  .s-tantoTbl tbody th {
    width:10%;
  }
}


/*----------------------------------------------------------------------------------------------------

  医師紹介
  
----------------------------------------------------------------------------------------------------*/

.s-dcBlock:not(:last-of-type) {
  margin-bottom:3rem;
}

.s-dcTbl {
  min-width:400px;
  font-size:0.95em;
  width:100%;
  border:0;
  border-collapse:collapse;
  border:2px solid #c4e498;
}

.s-dcTbl thead th {
  background-color:#e4f5ce;
  text-align:left;
  font-weight:normal;
  border-bottom:2px solid #c4e498;
  padding:1rem 1.7rem;
}

.s-dcTbl tbody th {
  background-color:#f6fbef;
  text-align:center;
  white-space:nowrap;
}

.s-dcTbl tbody th,
.s-dcTbl tbody td {
  border:1px solid #c4e498;
  padding:1.25rem;
  line-height:1.4;
}

@media screen and (max-width:640px) {
  .s-dcTbl {
    font-size:0.9em;
  }
}


/*----------------------------------------------------------------------------------------------------

  カレンダー
  
----------------------------------------------------------------------------------------------------*/

.s-carrender {
    border: 1px solid;
    width: 100%;
    border-collapse: collapse;
}

.s-carrender th, .s-carrender td {
    padding: 15px;
    border: 1px solid #000;
}

.s-carrender th.red, .s-carrender td.red {
    background-color: rgb(251,212,180);
    color: #f00;
}

.s-carrender th.blue, .s-carrender td.blue {
    background-color: rgb(182,221,232);
    color: #00f;
}

.p-tit {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.p-tit span {
  display: inline-block;
}

@media screen and (max-width:640px) {
	.s-carrender {
		font-size:0.9em;
		white-space: nowrap;
	}

	.info .p-tit {
		font-size: 0.9em;
	}

	.info .p-tit span {
		position: static;
	}
}