.cal_box {
    width: 80%; /* 20240410変更 */
    max-width: 800px;
    margin: 0 auto 80px auto;
}
.cal_box h2 {
    font-size: 1.2em; /* 以前の1.4emから小さく */
    color: #c78230;
}
.cal_box .fc .fc-toolbar-title {     /*営業日カレンダー下の年・月の表示 */  
    font-size: 0.9em; /* 以前の1emから小さく */
    color: #212121;
}
.cal_box .fc .fc-button-primary {
    background-color: #212121;
    border-color: #212121;
}
.cal_box .fc-view-harness a {
    pointer-events: none;
    text-decoration: none !important;
    padding: 0.5px;
}
.cal_box .fc-daygrid-day-events {
    text-align: center;
}
.fc-h-event .fc-event-main {
    color: #79501d !important;
    font-size: 0.8em; /* イベントタイトルのフォントサイズを変更 */
}
.fc-h-event {
    border: none;
    background: none;
    
}
.fc-daygrid-event-dot {
    display: none;
 
}
.fc-daygrid-dot-event .fc-event-title {
    color: #c78230;
    font-size: 0.8em; /* イベントタイトルのフォントサイズを変更 */
}
.fc-event.営業 {
    background-color: rgba(0, 0, 255, 0.1);
    font-weight: bold; /* 文字を太く */
    border: none;
    font-size: 1.0em; /* イベントタイトルのフォントサイズを変更 */}
.fc-event.午前 {
    background-color: rgba(0, 128, 0, 0.1);
    font-weight: bold; /* 文字を太く */
    border: none;
    font-size: 1.0em; /* イベントタイトルのフォントサイズを変更 */
}
.fc-event.定休 {
    background-color: rgba(255, 0, 0, 0);
   
    border: none;
    font-size: 0.8em; /* イベントタイトルのフォントサイズを変更 */
  
    color: red; /* 文字色を赤に */
}
.fc-event.休業 {
    background-color: rgba(255, 0, 0, 0);

    border: none;
    font-size: 0.8em; /* イベントタイトルのフォントサイズを変更 */
   
    color: red; /* 文字色を赤に */
}
/* カレンダーの日付のフォントサイズを変更 */
.cal_box .fc .fc-daygrid-day-number {
    font-size: 0.7em; /* フォントサイズを変更 */
}