@CHARSET "UTF-8";

/* eventcalendar */
/* 月遷移色を変更 */
#calendar-container .fc-button-primary {
	background-color: #0085c0;
	border: none;
}
#calendar-container .fc-button-primary:hover {
	background-color: #99cfee;
}

/* 土曜日 (Saturday) の色を変更 */
.fc-day-sat {
    background-color: #e7f3fd !important; /* 薄い青 */
    color: #0085c0 !important;
}

/* 日曜日・祝日 (Sunday) の色を変更 */
.fc-day-sun {
    background-color: #f8daea !important; /* 薄い赤 */
    color: #f1709d !important;
}
/* 祝日名などのテキストの色も調整 */
.fc-day-sun .fc-daygrid-day-number,
.fc-day-sat .fc-daygrid-day-number {
    color: inherit !important;
}

/* ポップアップのスタイル */
.modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.5); /* 背景を暗く */
}
.modal-content {
    background-color: #fff;
    margin: 15% auto;
    padding: 20px;
    border-radius: 8px;
    width: 80%;
    max-width: 500px;
    position: relative;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.close-btn {
    position: absolute;
    right: 15px; top: 10px;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    color: #aaa;
}
.close-btn:hover { color: #000; }

/* モーダル内 */
#modal-body h4 {
	padding: 30px 0;
	font-size: 20px;
}