/*-- DateTimePicker(tempusdominus)カレンダー用CSS --*/
.date-container-days div.dow {
  color: #000 !important;
  font-weight: bold;
}

.date-container-days div.dow:first-child {
  color: #f00 !important;
}

.date-container-days div.dow:nth-child(7) {
  color: #00f !important;
}

.date-container-days div.day.weekend {
  color: #f00;
}

.date-container-days div.day:nth-child(7n) {
  color: #00f;
}

.date-container-days div.day.old.weekend,
.date-container-days div.day.new.weekend {
  color: #00000060;
}

/*結果表示用カレンダー*/
.calendar {
  width: 100%;
  border-collapse: collapse;
}

.calendar th, .calendar td {
  border: 1px solid black;
  width: calc(100% / 7);
  text-align: left;
  vertical-align: top;
  padding: 6px; /* 左上から始めるためのパディング */
}

.calendar th {
  background-color: #ffe4e1; /* 曜日部分の背景を薄いピンクに */
  height: 40px; /* 曜日の段の高さを狭く */
  text-align: center; /* 曜日は中央寄せ */
  vertical-align: middle; /* 曜日は中央寄せ */
}

.calendar td {
  background-color: #ffffff; /* 日付部分の背景を白に */
  height: 70px; /* 日付の段の高さを高く */
}

.calendar th:nth-of-type(1), .calendar td:nth-of-type(1) {
  color: red; /* 日曜日の文字色を赤に */
}

.calendar th:nth-of-type(7), .calendar td:nth-of-type(7) {
  color: blue; /* 土曜日の文字色を青に */
}

.calendar .kikenbi1 {
  background-color: #ffebcd;
}

.calendar .kikenbi2 {
  background-color: #ffe4e1;
}