@charset "utf-8";
/* 変数 */
:root{
  --bg-page: #f6f6ef;
  --cal-bg: #fff;
  --sunday-color: red; /* 日曜 / 祝日 */
  --saturday-color: #3192ff;
  --day-link-bg: #29c133;
  --day-link-bg-hover: #3fe74c;

  /* --holiday-badge-bg: #e60033; */
  /* --holiday-badge-color: #fff; */
}

body {
  background-image: none;
  background-color: var(--bg-page);
}
.this_month {
  text-align: center;
  line-height: 1.6;
  margin-top: 12px;
  font-size: 15px;
  background: #48c750;
  border-radius: 6px 6px 0 0;
}

/* カレンダー */
.eventCalendar {
  padding: 0 5px;
  background: var(--cal-bg);
}

/* 週始め日曜 */
.eventCalendar th:first-child,
.eventCalendar td:first-child {
  color: var(--sunday-color);
}
/* 週始め土曜 */
.eventCalendar th:nth-child(7),
.eventCalendar td:nth-child(7) {
  color: var(--saturday-color);
}

.eventCalendar th,
.eventCalendar td {
  width: 23px;
  font-weight: bold;
  text-align: center;
}
.eventCalendar th { font-size: 13px; }

/* イベントのある日 */
.eventCalendar td a {
  display: block;
  width: 23px;
  height: 18px;
  line-height: 1;
  padding-top: 4px;
  overflow: hidden;
  border-radius: 5px;
  background-color: var(--day-link-bg);
  color: #fff;
  text-decoration: none;
}
.eventCalendar td a:hover {
  background-color: var(--day-link-bg-hover);
  color: #fff;
}

/* 祝日 */
.eventCalendar td.holiday {
  color: var(--sunday-color);
}
/* 祝日にイベントある場合 */
/* .eventCalendar td.holiday a {
  color: var(--holiday-badge-color);
  background-color: var(--holiday-badge-bg);
} */