@charset "UTF-8";
/* =========================================================
   fs-footer-native.css
   フッター（template-parts/footer-common.html＝bake-block.js で本番の
   GLOBAL BLOCK [470][240] を資産化したもの）が使う診療時間表(.time-table)の
   見た目は、本番では外部ファイル cure_tcd082/css/new-style.css（Brizyの
   インラインCSSではない）が担っている。brz-footer.css（ページのインライン
   <style> だけを連結したもの）には入っていないため、該当ルールだけを
   手動でここに複製した（出典: assets/vendor/ext/themes/cure_tcd082/css/new-style.css）。
   new-style.css ごと全ページで読み込むと reset.css 等の影響で fs-* デザインが
   崩れるため、必要な部分だけに絞ってある。
   ========================================================= */
.time-table {
  width: 80%;
  border-collapse: separate;
  margin: 20px auto 15px;
  border: 1px solid #ddd;
  overflow: hidden;
  border-spacing: 0;
  text-align: center;
  background: #fff;
  font-family: serif;
  color: #4c5d6b;
}
.time-table th, .time-table td { padding: 15px 5px; vertical-align: middle; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 1; font-weight: normal; }
.time-table th:last-child, .time-table td:last-child { border-right: none; }
.time-table tr:last-child th, .time-table tr:last-child td { border-bottom: none; }
.time-table th { background: #b2c7db; color: #324b63; }
.time-table th.bg01 { background: #fff; color: #2b2b2b; }
.time-table th:first-child { width: 33%; }
.time-table th:last-child { width: 12%; }
.time-table td { width: calc(55% / 6); color: #476a88; }

@media screen and (max-width: 768px) {
  .time-table { width: 100%; }
}