/*.page-Bp_00_3269 {*/
.payment-table {
  width: 100%; }

.color-bg-tokyo {
  background-color: #ff679a; }

.color-bg-kanto {
  background-color: #f98795; }

.color-bg-chubu {
  background-color: #ff8214; }

.color-bg-kansai {
  background-color: #ffae00; }

.color-bg-tyugoku_shikoku {
  background-color: #8fc31f; }

.color-bg-kyushu_okinawa {
  background-color: #1da90e; }

.color-bg-hokkaido_touhoku {
  background-color: #33c1df; }

.color-bg-other {
  background-color: #9a8ad6; }

@media (max-width: 979px) {
  .payment-table {
    width: calc(1010px - 30px); } }

/*}*/
.table-box > table > thead > tr > th,
.table-box > table > tbody > tr > th {
  background-color: #f6f6f6;
  color: #000;
  text-align: left; }

.-striped.table-box > table > tbody > tr:nth-child(even) > td {
  background-color: #fff7f8; }

.waku-gray {
  border-collapse: collapse;
  width: 980px; }

.waku-gray td,
.waku-gray th {
  border: 1px solid #ccc; }

.waku-gray th {
  background-color: #f6f6f6;
  font-weight: normal;
  line-height: 120%;
  padding: 8px; }

.waku-gray th.area {
  background-color: #f0f0f0; }

.waku-gray th a {
  color: #ff6699; }

.waku-gray th a:hover {
  color: #aaa; }

.waku-gray th.day {
  width: 80px;
  height: 60px;
  text-align: center;
  padding: 5px 10px; }

#calendar-group td {
  width: 50px; }

.table-box > table > tbody > tr > td.open10-19,
td.open10-19 {
  background-image: url(/assets/clinic/calender/2021-2022/images/open10-19.png);
  background-repeat: no-repeat;
  background-position: center center;
  position: relative; }

.table-box > table > tbody > tr > td.yoyaku-yasumi,
.yoyaku-yasumi {
  background-color: #ddd !important;
  font-size: 12px;
  text-align: center; }

span.supText {
  font-size: 75.5%;
  vertical-align: top;
  position: absolute;
  top: 0;
  right: 5px; }

#calendar-sbc tr:nth-child(odd),
#calendar-group tr:nth-child(odd) {
  background-color: #fff7f8; }

#callcenter {
  background-color: #ffecf1;
  padding: 20px; }

#callcenter-inner {
  background-color: #fff;
  padding: 20px; }

#calendar-call {
  border-collapse: collapse; }

#calendar-call th,
#calendar-call td {
  border: 1px solid #ccc; }

.clinic_call_index .clinic_call_index_text {
  width: 160px; }

.clinic_call_arealink a {
  font-size: 15px; }

@media screen and (max-width: 640px) {
  .table-box > .waku-gray {
    width: calc(920px); }
    .table-box > .waku-gray thead th:empty {
      position: sticky;
      top: 0;
      left: 0;
      z-index: 2; }
      .table-box > .waku-gray thead th:empty:before, .table-box > .waku-gray thead th:empty:after {
        content: "";
        position: absolute;
        top: 0px;
        left: -1px;
        width: 100%;
        height: 100%;
        z-index: 2;
        border-left: 1px solid #ccc; }
      .table-box > .waku-gray thead th:empty:after {
        left: 1px;
        border-left: none;
        border-right: 1px solid #ccc; }
    .table-box > .waku-gray th.tate {
      position: sticky;
      top: 0;
      left: 0;
      z-index: 2; }
      .table-box > .waku-gray th.tate:before, .table-box > .waku-gray th.tate:after {
        content: "";
        position: absolute;
        top: 0px;
        left: -1px;
        width: 100%;
        height: 100%;
        z-index: 2;
        border-left: 1px solid #ccc; }
      .table-box > .waku-gray th.tate:after {
        left: 1px;
        border-left: none;
        border-right: 1px solid #ccc; }
  #callcenter {
    padding: 0;
    background: none; }
  #callcenter-inner {
    padding: 3%; }
  #calendar-call {
    width: 100%; } }