/*--------------------------------------------------------------------------------------------------
  schedule.css
--------------------------------------------------------------------------------------------------*/
body{
  background-color: #eef6f8;            /* 背景色 */
  font-size: 15px;                      /* table0のfont-sizeを継承 */
}

/* 画面コンテナ（table0の代替） */
.page {
  max-width: 946px;   /* 既存幅相当 */
  margin: 0 auto;     /* 中央寄せ */
  width: 100%;
}

/* データ侮ｦ用テーブル */
.table-schedule {
  width: 100%;            /* コンテナ幅いっぱい */
  border-collapse: collapse;
  table-layout: fixed;    /* 推奨：カラム幅を安定させたい場合 */
  border: 1px #c0C0C0 solid;
}
.table-schedule col.col-key { width: 22%; }   /* 左列（見出し） */
.table-schedule col.col-val { width: 78%; }   /* 右列（内容） */
.table-schedule th,
.table-schedule td {
  border: 1px #c0c0c0 solid;
  padding: 8px;
  vertical-align: top;
  overflow-wrap: anywhere;          /* 長文のはみ出し対策 */
}

.table0 {
  border: 0px;
  width:     100%;
  max-width: 946px;
}

.table1 {
  border-collapse: collapse;
  border: 1px #c0C0C0 solid;
  padding: 0px;
}
  
.table2 {
  border-collapse: collapse;
  padding:     0px;
  border:      1px;
  width:     100%;
  max-width:     946px;
}

.td_schedule {
  padding: 0px 0px 0px 4px;
}

.f1, .f2, .topic {
  background-color: #1089bd; /* タイトル部分背景色 */
  color:            #ffffff;
}
.bg_input { 
  background-color: #cfe2f4;  /* スケジュール登録記入欄背景色 */
  width: 25%;
}
.bg_value { background-color: #d8f1f8; } /* スケジュール登録記入欄背景色 */
.bg_text  { background-color: #ffffff; } /* スケジュール登録記入欄背景色 */

*.f1 { font-size: 20px; }
*.f2 { font-size: 17px; }

input.title       { width: 99%; }
textarea.contents { width: 99%; }

th.w1, th.w2, th.w3, th.w4, th.w5, th.w6, th.title {
  background-color: #91c6e9; /* テーブルヘッダー背景色 */
}
th.w1 { width:  16px }
th.w2 { width:  60px }
th.w3 { width: 110px }
th.w5 { width:  75px }
th.w6 { width:  70px }
th.timestamp { width:  180px }

/* 選択行の強調 */
  tr.is-active td {
  background: #fff4c2;   /* ハイライト色 */
}

.boxLeft, .boxRight {
  float: left;
  border-color: blue;
  border-style: none;
  border-width: 0px;
  width: 50%; // 2分割
}

.boxLeft  { text-align:left; }
.boxRight { text-align:right; }
.center   { text-align:center; }
.right    { text-align:right; }

input.title       { width: 99%; }
textarea.contents { width: 99%; }

@media screen and (max-width: 767px) {
  body       { font-size: 10px; }
  *.obj    { font-size: 80%; }
  *.f1     { font-size: 14px; }
  *.f2     { font-size: 12px; }
  img.res  { width:   8px; }
  th.title { width: 240px; }
  th.name    { min-width: 40px; }
  th.w1 { width:  12px }
  th.w2 { width:  25px }
  th.w3 { width:  40px }
  th.w4 { width:  12px }
  th.w5 { width:  50px }
  th.w6 { width:  24px }
  th.timestamp { width:  88px }
}

.w-holiday{color:#c00; font-weight:bold}
.w-sat    {color:#06c; font-weight:bold}

a.shu-0:link,a.shu-0:visited{color:#000000 !important; }
a.shu-1:link,a.shu-1:visited{color:#606060 !important; }
a.shu-2:link,a.shu-2:visited{color:#FF0000 !important; }
a.shu-3:link,a.shu-3:visited{color:#FF8040 !important; }
a.shu-4:link,a.shu-4:visited{color:#0000FF !important; }
a.shu-5:link,a.shu-5:visited{color:#2947ce !important; }
a.shu-6:link,a.shu-6:visited{color:#006800 !important; }
a.shu-7:link,a.shu-7:visited{color:#606060 !important; }

.table1 td.part          { 
                           background:#ffffff !important;
                           color:     #000000 !important;
                         }
.table1 tr.row-shu2 > td { background:#ffffff; color:#FF0000 }
.table1 tr.row-shu5 > td { background:#fffed2; color:#2947ce }
.table1 tr.row-shu6 > td { background:#ffffff; color:#006800 }
.table1 tr.row-shu7 > td { background:#e0e0e0; color:#606060 }