@charset "UTF-8";
/* =========================================================
   ILCHI / EVENTS
   C1
========================================================= */

/* ---------------------------------------------------------
   基本カラー
--------------------------------------------------------- */

.tribe-events {
  --ilchi-event-green: #6f8f5f;
  --ilchi-event-dark: #2f4635;
  --ilchi-event-text: #4b5f42;
  --ilchi-event-light: #f4f7f1;
  --ilchi-event-border: rgba(111, 143, 95, 0.28);
}


/* ---------------------------------------------------------
   検索ボタン
--------------------------------------------------------- */

.tribe-events .tribe-events-c-search__button,
.tribe-events button.tribe-events-c-search__button {
  background: #6f8f5f !important;
  border-color: #6f8f5f !important;
  color: #ffffff !important;
  border-radius: 6px !important;
}

.tribe-events .tribe-events-c-search__button:hover {
  background: #557544 !important;
  border-color: #557544 !important;
}


/* ---------------------------------------------------------
   表示切替
--------------------------------------------------------- */

.tribe-events .tribe-events-c-view-selector__list-item-link,
.tribe-events .tribe-events-c-view-selector__button {
  color: #2f4635 !important;
}

.tribe-events
.tribe-events-c-view-selector__list-item--active
.tribe-events-c-view-selector__list-item-link {
  color: #557544 !important;
}

.tribe-events
.tribe-events-c-view-selector__list-item--active
.tribe-events-c-view-selector__list-item-link::after {
  background-color: #6f8f5f !important;
}


/* ---------------------------------------------------------
   今月・年月ナビ
--------------------------------------------------------- */

.tribe-events .tribe-events-c-top-bar__today-button {
  border-color: rgba(111, 143, 95, 0.42) !important;
  color: #557544 !important;
  background: #ffffff !important;
}

.tribe-events .tribe-events-c-top-bar__today-button:hover {
  background: #edf3e8 !important;
}

.tribe-events .tribe-events-c-top-bar__datepicker-button {
  color: #2f4635 !important;
}


/* ---------------------------------------------------------
   イベントなし
--------------------------------------------------------- */

.tribe-events .tribe-events-c-messages__message {
  background: #f4f7f1 !important;
  color: #4b5f42 !important;
  border: 1px solid rgba(111, 143, 95, 0.20) !important;
  border-radius: 8px !important;
}


/* ---------------------------------------------------------
   過去イベント見出し
--------------------------------------------------------- */

.tribe-events .tribe-events-calendar-list__heading,
.tribe-events .tribe-events-calendar-list__month-separator-text {
  color: #2f4635 !important;
}


/* ---------------------------------------------------------
   イベントタイトル
--------------------------------------------------------- */

.tribe-events
.tribe-events-calendar-list__event-title-link {
  color: #2f4635 !important;
  text-decoration-color: rgba(111, 143, 95, 0.55) !important;
}

.tribe-events
.tribe-events-calendar-list__event-title-link:hover {
  color: #557544 !important;
}


/* ---------------------------------------------------------
   日付
--------------------------------------------------------- */

.tribe-events
.tribe-events-calendar-list__event-date-tag-daynum {
  color: #2f4635 !important;
}

.tribe-events
.tribe-events-calendar-list__event-date-tag-month {
  color: #557544 !important;
}


/* ---------------------------------------------------------
   本文
--------------------------------------------------------- */

.tribe-events
.tribe-events-calendar-list__event-description {
  color: #4b5f42 !important;
}


/* ---------------------------------------------------------
   イベント画像
--------------------------------------------------------- */

.tribe-events
.tribe-events-calendar-list__event-featured-image {
  border-radius: 14px !important;
}


/* ---------------------------------------------------------
   リンク・アクセント
--------------------------------------------------------- */

.tribe-events a {
  text-decoration-color: rgba(111, 143, 95, 0.45);
}


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

@media screen and (max-width: 767px) {

  .tribe-events .tribe-events-c-search__button {
    background: #6f8f5f !important;
  }

  .tribe-events
  .tribe-events-calendar-list__event-featured-image {
    border-radius: 12px !important;
  }

}
/* =========================================================
   C1 / EVENTS SINGLE
   イベント個別ページ
========================================================= */

/* 個別ページ全体 */
.tribe-events-single {
  color: #333333;
}

/* イベント一覧へ戻る */
.tribe-events-single .tribe-events-back a {
  color: #557544 !important;
  font-weight: 700;
  text-decoration: none !important;
}

.tribe-events-single .tribe-events-back a:hover {
  color: #2f4635 !important;
}

/* 終了しました等の案内 */
.tribe-events-single .tribe-events-notices {
  background: #f4f7f1 !important;
  border: 1px solid rgba(111, 143, 95, 0.24) !important;
  border-radius: 8px;
  color: #4b5f42 !important;
}

/* イベントタイトル */
.tribe-events-single
.tribe-events-single-event-title {
  color: #2f4635 !important;
  font-size: clamp(28px, 3vw, 40px) !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

/* 日時・料金 */
.tribe-events-single
.tribe-events-schedule {
  color: #4b5f42 !important;
}

.tribe-events-single
.tribe-events-schedule h2 {
  color: #4b5f42 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

/* メイン画像 */
.tribe-events-single
.tribe-events-event-image img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 14px !important;
}

/* 本文リンク */
.tribe-events-single
.tribe-events-content a {
  color: #557544 !important;
}

.tribe-events-single
.tribe-events-content a:hover {
  color: #2f4635 !important;
}


/* -------------------------
   SP
------------------------- */
@media screen and (max-width: 767px) {

  .tribe-events-single
  .tribe-events-single-event-title {
    font-size: 26px !important;
    line-height: 1.4 !important;
  }

  .tribe-events-single
  .tribe-events-schedule h2 {
    font-size: 14px !important;
  }

  .tribe-events-single
  .tribe-events-event-image img {
    border-radius: 12px !important;
  }

}