@charset "UTF-8";
/* CSS Document */


#sidebar .calendar .head {
	margin-top: 30px;
	display: flex;
 padding: 15px 20px;
 background-color: #ececec;
}


#sidebar .calendar .head .tit {
 display: inline-block;
 line-height: 1;
 font-weight: 900;
 font-size: 2.0rem;
}

#sidebar .calendar .head .read {
 display: inline-block;
 line-height: 1.6;
 padding-left: 10px;
 font-size: 1.3rem;
}

.xo-event-calendar {
  width: 100%;
  max-width: 300px;
  margin: 10px auto 0;
  table-layout: fixed;
}

.xo-event-calendar th,
.xo-event-calendar td {
  width: 14.28%; /* 100% ÷ 7列 */
}

/* 日曜（赤） */
.xo-event-calendar th:nth-child(1),
.xo-event-calendar td:nth-child(1) {
 color: red !important;
}

.xo-event-calendar td:nth-child(1) {
	background-color: #fddde6 !important;
}

/* 土曜（青） */
.xo-event-calendar th:nth-child(7),
.xo-event-calendar td:nth-child(7) {
 color: blue !important;
}

.xo-event-calendar td:nth-child(7) {
	background-color: #fddde6 !important;
}

.xo-event-calendar table.xo-month .month-dayname td div {
  height: auto !important;
	 text-align: center !important;
}

/* セルの高さを抑える */
.xo-event-calendar td {
  line-height: 1.6 !important;
  height: auto !important;
}

.xo-event-calendar td div {
  padding: 3px 0 !important;
  line-height: 1.6 !important;
  height: auto !important;
}

/* イベント日（祝日想定）だけ赤くする */
.xo-event-calendar .event {
  color: red;
  font-weight: bold;
}

/* イベント内容の行を非表示にする */
.xo-event-calendar .event-row {
  display: none !important;
}

.xo-event-calendar table.xo-month .month-event-title {
  display: none !important;
}


.xo-event-calendar p.holiday-title {
  text-align: right;
}