@charset "UTF-8";
/* 赤　＝　#e50012　rgb(229,0,18) */
/* 背景　＝　#fbfaf8 */
/* ベージュ　＝　#fbe6d4　rgb(251,230,212) */
/* 黒　＝　#4d4545 */
/*===================================================================
　↓　#schedule
===================================================================*/
#schedule p { text-align: center; margin-bottom: 25px; }

/*===================================================================
　↓　#tab-btn（クリニック切り替えボタン）
===================================================================*/
#tab-btn { max-width: 620px; width: 100%; margin: auto auto 60px; }

#tab-btn li { width: 50%; float: left; box-sizing: border-box; }

#tab-btn li:fist-child { padding-right: 10px; }

#tab-btn li:last-child { padding-left: 10px; }

#tab-btn li a { color: #e50012; display: block; text-align: center; line-height: 50px; border: 1px solid #e50012; border-radius: 5px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; box-sizing: border-box; }

#tab-btn li.hon-in a::before { content: "本院の担当医表はこちら"; }

#tab-btn li.bun-in a::before { content: "セカンドの担当医表はこちら"; }

#tab-btn li a:hover { background-color: rgba(229, 0, 18, 0.1); }

#tab-btn li a.active { background-color: #e50012; color: #fff; }

#tab-btn li.hon-in a.active::before { content: "本院の担当医表を表示しています"; }

#tab-btn li.bun-in a.active::before { content: "セカンドの担当医表を表示しています"; }

@media screen and (max-width: 640px) { #schedule p { margin-bottom: 15px; font-size: 1.3rem; }
  #tab-btn { margin: auto auto 20px; }
  #tab-btn li { width: 100%; padding: 0 !important; margin-bottom: 10px; }
  #tab-btn li a { line-height: 40px; font-size: 1.3rem; } }
/*===================================================================
　↓　当月・翌月切り替えボタン
===================================================================*/
ul.tsuki-tab { display: inline-block; position: absolute; top: 60px; right: 0; }

ul.tsuki-tab li { width: auto; float: left; box-sizing: border-box; }

ul.tsuki-tab li:fist-child { padding-right: 10px; }

ul.tsuki-tab li:last-child { padding-left: 10px; }

ul.tsuki-tab li a { color: #e50012; display: block; text-align: center; border: 1px solid #e50012; border-radius: 5px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; box-sizing: border-box; padding: 8px 15px; line-height: 1.2em; }

ul.tsuki-tab li a:hover { background-color: rgba(229, 0, 18, 0.1); }

ul.tsuki-tab li a.active { background-color: #e50012; color: #fff; }

@media screen and (max-width: 640px) { ul.tsuki-tab { position: relative; top: auto; display: block; margin-bottom: 20px; }
  ul.tsuki-tab::before { content: "ご覧になりたい月を選択してください。"; display: block; text-align: center; font-size: 1.3rem; margin-bottom: 15px; }
  ul.tsuki-tab li { width: 50%; }
  ul.tsuki-tab li a { line-height: 24px; font-size: 1.3rem; padding: 8px 0; } }
/*===================================================================
　↓　.schedule-table（表示されるカレンダー）
===================================================================*/
.schedule-table h2 { font-size: 2.2rem; text-align: center; box-sizing: border-box; font-weight: 400; color: #e50012; }

.schedule-table h2 span { font-weight: 700; font-size: 2.6rem; padding-right: 8px; }

.schedule-table ul.hosoku { margin-top: 30px; margin-bottom: 20px; width: calc(100% - 230px); }

.schedule-table ul.hosoku li { color: #e50012; margin-bottom: 6px; line-height: 1.4em; text-indent: -14px; margin-left: 14px; }

.schedule-table { /*大枠*/ position: relative; }

.schedule-table table { width: 100%; font-size: 1.4rem; text-align: center; font-weight: 400; line-height: 2em; border: 1px solid #4d4545; table-layout: fixed; }

.schedule-table table tr { border-bottom: 1px dotted #ccc; }

.schedule-table table tr.youbi, .schedule-table table tr.pm-03 { border-bottom: 1px solid #4d4545; }

.schedule-table table tr.hizuke { border-top: 1px solid #4d4545; }

.schedule-table table tr.hizuke td { font-size: 1.6rem; }

.schedule-table table th { width: 133px; text-align: center; }

.schedule-table table td { border-left: 1px solid #4d4545; }

.schedule-table table tr.am-01 { background-color: #fbeeee; }

.schedule-table table tr.am-02 { background-color: #fae1e2; }

.schedule-table table tr.am-03 { background-color: #f9d6d7; }

.schedule-table table tr.pm-01 { background-color: #fbede6; }

.schedule-table table tr.pm-02 { background-color: #f9e3d9; }

.schedule-table table tr.pm-03 { background-color: #f9d9cc; }

.schedule-table table tr.youbi, .schedule-table table tr.hizuke, .schedule-table table td.kyushin { background-color: #fff; }

.schedule-table table td span.women { color: #e50012; }

/*----------------------------------------------
　　#no-schedule（まだ公開されてないとき）
----------------------------------------------*/
p#no-schedule { border: none; padding-top: 80px; text-align: center; font-size: 1.8rem; line-height: 2em; }

p#no-schedule span { font-weight: 600; padding: 0 6px; font-size: 2.0rem; }

@media screen and (max-width: 640px) { .schedule-table h2 { font-size: 2.0rem; }
  .schedule-table h2 span { font-size: 2.2rem; padding-right: 5px; }
  .schedule-table ul.hosoku { margin-top: 20px; margin-bottom: 20px; width: 100%; }
  .schedule-table ul.hosoku li { font-size: 1.3rem; }
  .schedule-table table { font-size: 1.1rem; }
  .schedule-table table th { width: 74px; }
  .schedule-table table tr.hizuke td { font-size: 1.4rem; }
  p#no-schedule { padding-top: 50px; font-size: 1.6rem; }
  p#no-schedule span { font-size: 1.6rem; }
  .hon-calendar-table::before, .bun-calendar-table::before { content: "▼"; color: #e50012; display: block; text-align: center; font-size: 1.6rem; margin-bottom: 15px; } }
@media (max-width: 767.98px) { .calendar-iframe { height: 1400px !important; } }