/* ========================================
   フルカレンダー：基本設定
======================================== */

/* カレンダー全体の基本文字設定
   フォントはbodyで指定しているCinzelを継承 */
.fc {
  font-weight: 400;
  color: #333;
}

/* 年月タイトル（2026年10月など） */
.fc h2 {
  padding-left: 12px;

  font-weight: 400;
  letter-spacing: 7px;
}

/* カレンダー内リンクの文字色 */
.fc a {
  color: #000;
}


/* ========================================
   曜日
======================================== */

/* 月・火・水・木・金・土・日の表示 */
.fc .fc-col-header-cell {
  background-color: #FEF7F7;

  font-size: 10px;
  font-weight: 400;
}

/* FullCalendar標準の余白をリセット */
.fc .fc-scrollgrid-section > * {
  margin: 0;
  padding: 0;
}


/* ========================================
   カレンダー上部
   年月・TODAY・前後ボタン
======================================== */

/* 上部ツールバー */
.fc .fc-toolbar.fc-header-toolbar {
  justify-content: center;

  text-align: center;
  font-size: 10px;
}


/* ----------------------------------------
   ボタン共通
---------------------------------------- */

.fc .fc-button {
  border-color: #fff;
}

/* FullCalendar標準ボタン */
.fc .fc-button-primary {
  background-color: #D39F9F;
  border-color: #fff;
}

/* 使用できないボタン */
.fc .fc-button:disabled {
  opacity: 0.65;

  background-color: #D39F9F;
  border-color: #fff;
}


/* ----------------------------------------
   TODAYボタン
---------------------------------------- */

.fc .fc-today-button,
.fc .fc-today-button:hover {
  padding: 3px 10px 2.5px;

  color: #fff;
  background-color: #D39F9F;
  border-color: #fff;
}


/* ----------------------------------------
   前へ・次へボタン
---------------------------------------- */

.fc .fc-prev-button,
.fc .fc-prev-button:hover,
.fc .fc-next-button,
.fc .fc-next-button:hover {
  padding: 0 10px 5px;

  color: #fff;
  background-color: #D39F9F;
  border-color: #fff;
}


/* ----------------------------------------
   クリック・フォーカス時
---------------------------------------- */

/* クリック時に表示される黒い枠・影を削除 */
.fc .fc-button:focus,
.fc .fc-button:active,
.fc .fc-button-primary:focus,
.fc .fc-button-primary:active {
  outline: none;
  box-shadow: none;
}

/* クリック中・選択中もサイトカラーを維持 */
.fc .fc-button-primary:not(:disabled):active,
.fc .fc-button-primary:not(:disabled).fc-button-active {
  background-color: #D39F9F;
  border-color: #fff;
  box-shadow: none;
}


/* ========================================
   カレンダー本体
======================================== */

/* カレンダー全体の文字サイズ
   予定が増えた際の縦長化を抑えるため10px */
.fc .fc-scrollgrid {
  font-size: 10px;
  font-weight: 400;
}

/* SPではカレンダーのセル内余白をなくす */
.post_content .fc td {
  padding: 0;
}


/* ----------------------------------------
   カレンダーの枠線
---------------------------------------- */

/* セル */
.fc-theme-standard td,
.fc-theme-standard th {
  border-color: #F0E2E2;
}

/* 外周 */
.fc-theme-standard .fc-scrollgrid {
  border-color: #F0E2E2;
}

/* ========================================
   日付
======================================== */

/* 今日の日付セルの背景 */
.fc .fc-daygrid-day.fc-day-today {
  background-color: #F9DBE0;
}

/* 日付をセル中央に配置 */
.fc .fc-daygrid-day-top {
  display: flex;
  justify-content: center;

  min-height: 100%;

  text-align: center;
}


/* ----------------------------------------
   無効になっている日付
---------------------------------------- */

/* 前月・翌月などカレンダー外の日付部分 */
.fc .fc-cell-shaded,
.fc .fc-day-disabled {
  background-color: #F9EEEE;
}


/* ========================================
   カレンダーイベント
======================================== */

/* 背景イベントを指定色のまま表示 */
.fc .fc-bg-event {
  opacity: 1;
}

/* 背景イベントのタイトルは非表示 */
.fc .fc-bg-event .fc-event-title {
  display: none !important;
}


/* ========================================
   Googleカレンダー：施設別カラー
======================================== */

/* ----------------------------------------
   共通設定
---------------------------------------- */

/* 施設ごとの予約枠に共通する設定 */
.ck,
.cn,
.co,
.cf,
.cns,
.ct,
.ch,
.cna,
.cs,
.cy,
.xx {
  color: #fff;

  /* 連続する予約枠が重なって見えないよう白い境界線を残す */
  border-color: #fff;

  font-size: 10px;
  text-align: center;
}


/* ----------------------------------------
   施設別カラー
---------------------------------------- */

.ck  { background-color: #FECCE3; }
.cn  { background-color: #FBEEBA; }
.co  { background-color: #CBEBF8; }
.cf  { background-color: #DCCDFD; }
.cns { background-color: #FFC58C; }
.ct  { background-color: #E88B89; }
.ch  { background-color: #A4FFA7; }
.cna { background-color: #D5C9BA; }
.cs  { background-color: #C0C0C0; }
.cy  { background-color: #6CCEF3; }
.xx  { background-color: #FFF; }


/* ----------------------------------------
   PC
---------------------------------------- */

/* PCでは予約時間を少し大きく表示 */
@media screen and (min-width: 600px) {

  .ck,
  .cn,
  .co,
  .cf,
  .cns,
  .ct,
  .ch,
  .cna,
  .cs,
  .cy,
  .xx {
    font-size: 12px;
  }

}

/* ========================================
   カレンダー：ツールチップ
======================================== */

.tippy-box[data-theme~='lulu'] {
  background-color: #D39F9F;
  color: #fff;
}

/* 吹き出しの三角部分 */
.tippy-box[data-theme~='lulu'][data-placement^='top']
> .tippy-arrow::before {
  border-top-color: #D39F9F;
}













/* ========================================
   カレンダー：クリニック凡例
======================================== */

.clinic-legend {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 7px 10px;

  width: 90%;
  max-width: 760px;
  margin: 24px auto 20px;
}


/* ----------------------------------------
   各クリニック
---------------------------------------- */

.clinic-legend__item {
  display: flex;
  align-items: center;
  gap: 10px;

  padding: 8px 14px;

  background-color: #fff;
  border: 1px solid #F0E2E2;
  border-radius: 4px;

  font-size: 11px;
  line-height: 1.5;
  white-space: nowrap;
}


/* ----------------------------------------
   クリニックカラー
---------------------------------------- */

.clinic-legend__dot {
  display: block;

  width: 18px;
  height: 7px;

  border-radius: 2px;
  flex-shrink: 0;
}


/* ----------------------------------------
   クリニック別カラー
---------------------------------------- */

/* 京都 */
.clinic-legend__dot.-kyoto {
  background-color: #FECCE3;
}

/* 福岡 */
.clinic-legend__dot.-fukuoka {
  background-color: #DCCDFD;
}

/* 奈良 */
.clinic-legend__dot.-nara {
  background-color: #D5C9BA;
}

/* 名古屋駅 */
.clinic-legend__dot.-nagoya {
  background-color: #FBEEBA;
}

/* 東京 */
.clinic-legend__dot.-tokyo {
  background-color: #E88B89;
}

/* 広島 */
.clinic-legend__dot.-hiroshima {
  background-color: #A4FFA7;
}

/* 大阪 */
.clinic-legend__dot.-osaka {
  background-color: #CBEBF8;
}

/* 福岡 小倉 */
.clinic-legend__dot.-kokura {
  background-color: #FFC58C;
}

/* 滋賀 */
.clinic-legend__dot.-shiga {
  background-color: #C0C0C0;
}

/* 横浜 */
.clinic-legend__dot.-yokohama {
  background-color: #6CCEF3;
}


/* ----------------------------------------
   SP
---------------------------------------- */

@media (max-width: 599px) {

  .clinic-legend {
    grid-template-columns: 1fr;
    gap: 6px;

    width: 88%;
    max-width: 340px;
    margin-top: 20px;
  }

  .clinic-legend__item {
    gap: 10px;

    padding: 7px 14px;

    font-size: 10px;
  }

}