@charset "UTF=8";

.main__title-img {
    position: absolute;
    width: 150%;
    height: auto;
    top: 0;
    left: 0;
}

@media screen and (min-width: 768px) {
    .main__title-img {
        width: 130vw;
        height: 500px;
        top: -30px;
        object-position: center top;
    }
}

@media screen and (min-width: 960px) {
    .main__title-img {
        top: -100px;
    }
}

.calendar {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}

/* 右上の「＜」「＞」「today」ボタン全体の背景色と文字色 */
.fc .fc-button-primary {
  background-color: #B897BA; /* ボタンの背景色（淡い紫） */
  border-color: #B897BA;     /* ボタンの枠線の色 */
  color: #FFF;            /* 矢印や文字の色（濃い紫） */
}

.fc .fc-button-primary .fc-icon {
    color: #FFF;
}

.fc-daygrid-more-link,
.fc-daygrid-day-bottom,
a[class*="more-link"] {
  display: none;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.fc-v-event,
.fc-daygrid-event,
.fc-daygrid-block-event {
  white-space: normal; /* 文字を途中で切らずに折り返す */
  height: auto;        /* 高さを自動で広げる */
  line-height: 1.8rem;
  min-height: 24px;              /* 最低限の高さ（お好みで調整） */
  align-items: center;           /* 文字が中央にくるように整列 */
  padding: 4px 6px;    /* 帯の内側に少しゆとりを持たせる */
  margin-bottom: 2px;  /* 予定同士のすき間 */
}

/* 帯の中の文字タイトル部分も合わせて広げる */
.fc-event-main,
.fc-event-title {
  white-space: normal;
  overflow: visible;
}

/* ==========================================================
   カレンダーの日付（数字）の色変更
   ========================================================== */

/* 日曜日の日付を赤字にする */
.fc-day-sun .fc-daygrid-day-number {
  color: #d9383a !important; /* 濃い赤 */
}

/* 土曜日の日付を青字にする */
.fc-day-sat .fc-daygrid-day-number {
  color: #2b579a !important; /* 濃い青 */
}


/* ==========================================================
   【お好みで】一番上の曜日ラベル（日・月・火…）の色も変える場合
   ========================================================== */

/* 日曜日の曜日ラベル（「日」の文字）を赤字にする */
.fc-col-header-cell.fc-day-sun .fc-col-header-cell-cushion {
  color: #d9383a !important;
}

/* 土曜日の曜日ラベル（「土」の文字）を青字にする */
.fc-col-header-cell.fc-day-sat .fc-col-header-cell-cushion {
  color: #2b579a !important;
}