@charset "UTF-8";

/* =========================================================
   GINZA C2 / THE EVENTS CALENDAR
========================================================= */

/* 全体幅 */
.tribe-events .tribe-common-l-container {
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* イベント検索ボタン */
.tribe-events .tribe-events-c-search__button {
  background: #6f8f5f !important;
  border-color: #6f8f5f !important;
  color: #fff !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--active
.tribe-events-c-view-selector__list-item-link::after {
  background-color: #6f8f5f !important;
}

/* 月表示 */
.tribe-events .tribe-events-calendar-list__month-separator-text {
  color: #2f4635 !important;
}

/* 各イベント */
.tribe-events .tribe-events-calendar-list__event-row {
  margin-bottom: 28px !important;
  padding: 22px !important;

  background: #fff !important;
  border: 1px solid #e1e7dd !important;
  border-radius: 14px !important;
}

/* イベントタイトル */
.tribe-events .tribe-events-calendar-list__event-title,
.tribe-events .tribe-events-calendar-list__event-title-link {
  color: #2f4635 !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-featured-image {
  border-radius: 12px !important;
}

/* 前・次イベント */
.tribe-events .tribe-events-c-nav__prev,
.tribe-events .tribe-events-c-nav__next {
  color: #557544 !important;
}

/* カレンダー連携ボタン */
.tribe-events .tribe-events-c-subscribe-dropdown__button {
  border-color: #6f8f5f !important;
  color: #557544 !important;
}

/* スマホ */
@media screen and (max-width: 767px) {

  .tribe-events .tribe-common-l-container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .tribe-events .tribe-events-calendar-list__event-row {
    padding: 14px !important;
  }
}