@charset "utf-8";

/* 施設基準等に基づく掲示事項ページ専用のスタイル
   common.css → page.css → このファイル の順に読み込まれます（functions.php）
   下層ページで共通して使うものは page.css に書いています */

/* FV のアイコンは差し替えません。
   診療以外のページは common.css の共通アイコン（ico_fv.png の歯ブラシ）で統一する方針です */

/* 最後のセクションが ly_section__4（下に波が付く）なので、
   フッターとの間に波が出ないように消す
   ※ page.css に書くとコーダーさんのページにも効いてしまうため、ここに書く */
.ly_main > .ly_section:last-child::after {
  content: none;
}

@media (max-width: 767px) {
  /* 施設基準の表は 2 列だけなので、スマホでは横スクロールをやめて
     「名称」の下に「受理番号」が来る縦積みにする。
     common.css の .bl_tableWrap > .bl_table { width: max-content } を打ち消している */
  .bl_tableWrap {
    overflow: visible;
  }

  .bl_tableWrap > .bl_table {
    display: block;
    width: 100%;
  }

  /* 見出し行は、縦積みだと各行に付けられないので隠す
     （名称 → 受理番号 の順なので、見出しが無くても読める） */
  .bl_table thead {
    display: none;
  }

  .bl_table tbody,
  .bl_table tbody tr {
    display: block;
  }

  .bl_table tbody tr + tr {
    border-top: 1px solid var(--border-color);
  }

  .bl_table tbody th,
  .bl_table tbody td {
    display: block;
    width: auto;
    border-right: none;
    border-bottom: none;
  }

  .bl_table tbody th {
    padding: 12px 20px 4px;
  }

  .bl_table tbody td {
    padding: 0 20px 12px;
    background: var(--color-blue-200);
  }
}