/* ===============================================
  外来担当医カレンダー
=============================================== */

.doctor_calendar_wrap {
  margin-top: 40px;
}

.doctor_calendar_img {
  max-width: 540px;
  margin: 0 auto;

  img {
    display: block;
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .doctor_calendar_img {
    max-width: 100%;
  }
}

/* 予防接種テーブル：福岡市検診助成対象の表デザインに合わせる */
#page_outpatient .vaccine_tax_note {
  margin: 0 0 4px;
  text-align: right;
  font-size: 13px;
  color: #1a1a1a;
}

#page_outpatient .vaccine_table_scroll {
  width: 100%;
  overflow-x: auto;
}

#page_outpatient .vaccine_table {
  width: 100%;
  min-width: 760px;
  border-collapse: separate;
  border-spacing: 2px;
  background-color: #fff;
}

#page_outpatient .vaccine_table th,
#page_outpatient .vaccine_table td {
  border: none;
  padding: 7px 10px;
  color: #1a1a1a;
  font-size: clamp(11.5px, 1.1vw, 13px);
  vertical-align: middle;
  background-color: #f2f6ef !important;
}

#page_outpatient .vaccine_table thead th {
  background-color: #97c462 !important;
  text-align: center;
  font-weight: 600;
}

#page_outpatient
  .vaccine_table
  tbody
  tr:nth-of-type(odd):not(.vaccine_table__category)
  th,
#page_outpatient
  .vaccine_table
  tbody
  tr:nth-of-type(odd):not(.vaccine_table__category)
  td {
  background-color: #e5edd8 !important;
}

#page_outpatient .vaccine_table__category th {
  background-color: #c4d8ad !important;
  text-align: center;
  font-size: clamp(14px, 1.3vw, 16px);
  font-weight: 600;
}

#page_outpatient .vaccine_table__tab {
  width: 56px;
  text-align: center;
  font-weight: 600;
  white-space: nowrap;
}

#page_outpatient .vaccine_table__name {
  width: 190px;
  text-align: center;
  font-weight: 600;
}

#page_outpatient .vaccine_table__price {
  width: 140px;
  text-align: center;
  white-space: nowrap;
}

#page_outpatient .vaccine_table__target {
  text-align: left;
}

#page_outpatient .vaccine_table__target ul,
#page_outpatient .vaccine_table__target ol {
  margin: 0;
  padding: 5px 10px 0 2em;
}

#page_outpatient .vaccine_table__target li {
  padding: 0;
}

#page_outpatient .vaccine_table__small {
  display: block;
  margin-top: 6px;
  font-size: 11px;
}

#page_outpatient .vaccine_notes {
  margin-top: 12px;
  font-size: 13px;
}

#page_outpatient .vaccine_notes p {
  margin: 0 0 5px;
}

/* スマホのみカード型 */
@media screen and (max-width: 767px) {
  /* PC：上のセクションと左右幅を揃える */
  #page_outpatient .vaccine_table_scroll {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  #page_outpatient .vaccine_table {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
  }

  /* スマホ：上の検診表と同じように縦積み */
  @media screen and (max-width: 767px) {
    #page_outpatient .vaccine_tax_note {
      margin-bottom: 8px;
    }

    #page_outpatient .vaccine_table_scroll {
      overflow-x: visible;
      row-gap: 10px;
    }

    #page_outpatient .vaccine_table {
      display: block;
      width: 100%;
      min-width: 0;
      border-spacing: 0;
      background: transparent;
    }

    #page_outpatient .vaccine_table thead {
      display: none;
    }

    #page_outpatient .vaccine_table tbody,
    #page_outpatient .vaccine_table tr,
    #page_outpatient .vaccine_table th,
    #page_outpatient .vaccine_table td {
      display: block;
      width: 100%;
    }

    #page_outpatient .vaccine_table tr {
      margin: 0 0 20px;
      background-color: #f2f6ef;
    }

    #page_outpatient .vaccine_table th,
    #page_outpatient .vaccine_table td {
      padding: 0 15px 10px !important;
      background-color: #f2f6ef !important;
      font-size: 13px;
      text-align: left;
    }

    #page_outpatient .vaccine_table th::before,
    #page_outpatient .vaccine_table td::before {
      display: block;
      margin: 0 -15px 6px;
      padding: 3px 15px;
      background-color: #c4d8ad;
      font-size: 11px;
      font-weight: 600;
      text-align: left;
    }

    #page_outpatient .vaccine_table__tab::before {
      content: "区分";
    }

    #page_outpatient .vaccine_table__name::before {
      content: "ワクチン種類";
    }

    #page_outpatient .vaccine_table__price::before {
      content: "料金";
    }

    #page_outpatient .vaccine_table__target::before {
      content: "対象者";
    }

    #page_outpatient .vaccine_table__category {
      margin: 25px 0 10px;
    }

    #page_outpatient .vaccine_table__category th {
      padding: 8px 10px !important;
      background-color: #c4d8ad !important;
      text-align: center;
      font-size: 15px;
    }

    #page_outpatient .vaccine_table__category th::before {
      display: none;
    }

    #page_outpatient .vaccine_table__target ul,
    #page_outpatient .vaccine_table__target ol {
      padding: 0 0 0 1.4em;
    }

    #page_outpatient .vaccine_table__small {
      font-size: 10px;
    }
  }
}