/*
 * Event archive foundation and calendar/list presentation.
 */

/*  リスト表示   ========================== */

/* =========================
   The Events Calendar
   カード表示：安定版
========================= */

/* カード本体 */
.tribe-common-g-row {
  background: #fff !important;
  border-radius: 24px !important;
  padding: 24px !important;
  margin-bottom: 32px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.08) !important;
  transition: transform .25s ease, box-shadow .25s ease !important;
}

/* hoverで浮かせる */
.tribe-common-g-row:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.14) !important;
}

/* 内側の .tribe-common-g-row はカード化しない */
.tribe-common-g-row .tribe-common-g-row {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* =========================
   日付バッジ
========================= */

.tribe-events-view--list
.tribe-common-g-row:not(.tribe-common-g-row .tribe-common-g-row) > div:first-child,

.tribe-events-view--month
.tribe-common-g-row:not(.tribe-common-g-row .tribe-common-g-row) > div:first-child {
  background: linear-gradient(135deg, var(--kyoiq-color-event-primary), var(--kyoiq-color-event-heading)) !important;
  color: #fff !important;

border-radius: 12px !important;
  padding: 12px 10px !important;

min-width: 78px !important;
  max-width: 78px !important;

height: 96px !important;
  min-height: 96px !important;

text-align: center !important;

box-shadow: 0 8px 20px rgba(31,111,165,.22) !important;

display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
}

/* 日付内の文字を白に */
.tribe-events-view--list
.tribe-common-g-row:not(.tribe-common-g-row .tribe-common-g-row) > div:first-child *,

.tribe-events-view--month
.tribe-common-g-row:not(.tribe-common-g-row .tribe-common-g-row) > div:first-child * {
  color: #fff !important;
}

/* 月・日 */
.tribe-events-view--list
.tribe-common-g-row:not(.tribe-common-g-row .tribe-common-g-row) > div:first-child span:first-child,
.tribe-events-view--list
.tribe-common-g-row:not(.tribe-common-g-row .tribe-common-g-row) > div:first-child span:nth-child(2),
.tribe-events-view--list
.tribe-common-g-row:not(.tribe-common-g-row .tribe-common-g-row) > div:first-child time,

.tribe-events-view--month
.tribe-common-g-row:not(.tribe-common-g-row .tribe-common-g-row) > div:first-child span:first-child,
.tribe-events-view--month
.tribe-common-g-row:not(.tribe-common-g-row .tribe-common-g-row) > div:first-child span:nth-child(2),
.tribe-events-view--month
.tribe-common-g-row:not(.tribe-common-g-row .tribe-common-g-row) > div:first-child time {
  font-size: 24px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
}

/* 日付バッジ：日 */
.tribe-events-view--list
.tribe-common-g-row:not(.tribe-common-g-row .tribe-common-g-row) > div:first-child span:nth-child(2),
.tribe-events-view--list
.tribe-common-g-row:not(.tribe-common-g-row .tribe-common-g-row) > div:first-child .tribe-events-calendar-list__event-date-tag-daynum,
.tribe-events-view--list
.tribe-common-g-row:not(.tribe-common-g-row .tribe-common-g-row) > div:first-child .tribe-events-calendar-latest-past__event-date-tag-daynum,
.tribe-events-view--day
.tribe-common-g-row:not(.tribe-common-g-row .tribe-common-g-row) > div:first-child .tribe-events-calendar-day__event-date-tag-daynum,
.tribe-events-view--day
.tribe-common-g-row:not(.tribe-common-g-row .tribe-common-g-row) > div:first-child .tribe-events-calendar-list__event-date-tag-daynum,
.tribe-events-view--month
.tribe-common-g-row:not(.tribe-common-g-row .tribe-common-g-row) > div:first-child span:nth-child(2),
.tribe-events-view--month
.tribe-common-g-row:not(.tribe-common-g-row .tribe-common-g-row) > div:first-child .tribe-events-calendar-list__event-date-tag-daynum,
.tribe-events-view--month
.tribe-common-g-row:not(.tribe-common-g-row .tribe-common-g-row) > div:first-child .tribe-events-calendar-latest-past__event-date-tag-daynum {
  font-size: 24px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

/* 年 */
.tribe-events-view--list
.tribe-common-g-row:not(.tribe-common-g-row .tribe-common-g-row) > div:first-child span:last-child,

.tribe-events-view--month
.tribe-common-g-row:not(.tribe-common-g-row .tribe-common-g-row) > div:first-child span:last-child {
  display: block !important;

margin-top: 6px !important;

font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}

/* 日付カード中央 */
.tribe-events-calendar-list__event-date-tag,
.tribe-events-calendar-latest-past__event-date-tag {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.tribe-events-calendar-list__event-date-tag-datetime,
.tribe-events-calendar-latest-past__event-date-tag-datetime {
  border-left: none !important;
  border-right: none !important;
margin: 0 !important;

transform: translateY(-4px) !important;
}

/* 年 */
.tribe-events-calendar-list__event-date-tag-year {
  order: 1 !important;

margin-bottom: 6px !important;

font-size: 12px !important;
}

/* 月 */
.tribe-events-calendar-list__event-date-tag-month {
  order: 2 !important;
}

/* 日 */
.tribe-events-calendar-list__event-date-tag-daynum {
  order: 3 !important;
}

/* =========================
   サムネイル画像
========================= */

.tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-featured-image,
.tribe-events-calendar-latest-past__event-row .tribe-events-calendar-latest-past__event-featured-image {
  width: 230px !important;
  max-width: 230px !important;

height: 129px !important;

object-fit: cover !important;

border-radius: 12px !important;

display: block !important;

margin-left: 0 !important;

box-shadow: 0 8px 20px rgba(0,0,0,.10) !important;
}

/* 画像リンク */
.tribe-events-calendar-latest-past__event-featured-image-link,
.tribe-events-calendar-list__event-featured-image-link {
  display: block !important;
  position: relative !important;
  z-index: 5 !important;
pointer-events: auto !important;
}

.tribe-events-calendar-latest-past__event-featured-image-link img,
.tribe-events-calendar-list__event-featured-image-link img {
  pointer-events: auto !important;
}

/* hover変化なし */
.tribe-events-calendar-list__event-featured-image-link:hover,
.tribe-events-calendar-latest-past__event-featured-image-link:hover,
.tribe-events-calendar-list__event-featured-image-link:hover img,
.tribe-events-calendar-latest-past__event-featured-image-link:hover img,
.tribe-events-calendar-list__event-featured-image:hover,
.tribe-events-calendar-latest-past__event-featured-image:hover {
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

/* =========================
   ヘッダー表示順
========================= */

.tribe-events-calendar-list__event-header,
.tribe-events-calendar-latest-past__event-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* 日時 */
.tribe-events-calendar-list__event-datetime-wrapper,
.tribe-events-calendar-latest-past__event-datetime-wrapper {
  order: 1 !important;
}

/* タイトル */
.tribe-events-calendar-list__event-title,
.tribe-events-calendar-latest-past__event-title {
  order: 2 !important;
  margin-bottom: 16px !important;
margin-top: 16px !important;
}

/* ラベル */
/* =========================
   日時ラベル
========================= */

.tribe-events-calendar-latest-past__event-datetime,
.tribe-events-calendar-list__event-datetime {
  display: inline-flex !important;
  align-items: center !important;

min-height: 28px !important;
  height: 28px !important;

padding: 5px 10px !important;

background: #f4f7fa !important;
  color: var(--kyoiq-color-event-primary) !important;

border: 1px solid rgba(31,111,165,.35) !important;
  border-radius: 4px !important;

box-shadow: 0 3px 8px rgba(31,111,165,.12) !important;

box-sizing: border-box !important;

font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

/* =========================
   ラベル行
========================= */

.event-labels {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  order: 3 !important;

gap: 8px !important;

margin-top: 0 !important;
margin-bottom: 14px !important;
}

/* 会場親 */
.event-labels .tribe-events-calendar-latest-past__event-venue,
.event-labels .tribe-events-calendar-list__event-venue {
  display: inline-flex !important;

margin: 0 !important;
  padding: 0 !important;
}

/* 共通ラベル */
.event-labels .tribe-events-calendar-latest-past__event-venue-title,
.event-labels .tribe-events-calendar-latest-past__event-organizer-title,
.event-labels .tribe-events-calendar-latest-past__event-tag-label,
.event-labels .tribe-events-calendar-list__event-venue-title,
.event-labels .tribe-events-calendar-list__event-organizer-title,
.event-labels .tribe-events-calendar-list__event-tag-label,
.event-labels .event-status-label {
  display: inline-flex !important;
  align-items: center !important;

min-height: 28px !important;
  height: 28px !important;

padding: 5px 10px !important;

background: #fff !important;
  color: var(--kyoiq-color-event-primary) !important;

border: 1px solid rgba(31,111,165,.35) !important;
  border-radius: 4px !important;

box-shadow: 0 3px 8px rgba(31,111,165,.12) !important;

box-sizing: border-box !important;

white-space: nowrap !important;

margin: 0 !important;

font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

/* =========================
   注目 → イチオシ
========================= */

/* 元アイコン消す */
.tribe-events-calendar-list__event-datetime-featured-icon,
.tribe-events-calendar-latest-past__event-datetime-featured-icon {
  display: none !important;
}

/* ラベル本体 */
.tribe-events-calendar-list__event-datetime-featured-text,
.tribe-events-calendar-latest-past__event-datetime-featured-text {
  position: relative !important;

display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

min-height: 28px !important;
  height: 28px !important;

padding: 4px 16px !important;

background: #fff5fa !important;
  color: transparent !important;

border: 1px solid rgba(255,95,147,.35) !important;
  border-radius: 4px !important;

box-shadow: 0 3px 8px rgba(255,95,147,.14) !important;

box-sizing: border-box !important;

margin-right: 8px !important;
}

/* イチオシ文字 */
.tribe-events-calendar-list__event-datetime-featured-text::before,
.tribe-events-calendar-latest-past__event-datetime-featured-text::before {
  content: "イチオシ";

position: absolute !important;

left: 50% !important;
  top: 50% !important;

transform: translate(-50%, -50%) !important;

color: #ff5f93 !important;

font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 700 !important;

white-space: nowrap !important;
}

/* =========================
   タイトルリンク
========================= */

.tribe-events-calendar-latest-past__event-title a,
.tribe-events-calendar-latest-past__event-title a:hover,
.tribe-events-calendar-latest-past__event-title a:focus,
.tribe-events-calendar-list__event-title a,
.tribe-events-calendar-list__event-title a:hover,
.tribe-events-calendar-list__event-title a:focus {
  text-decoration: none !important;

border-bottom: none !important;

box-shadow: none !important;
}

/* 通常状態 */
.tribe-events-calendar-latest-past__event-title a,
.tribe-events-calendar-list__event-title a {
  position: static !important;

z-index: auto !important;
}

/* クリック時の囲み線削除 */
.tribe-events-calendar-list__event-title a:focus,
.tribe-events-calendar-list__event-title a:active,
.tribe-events-calendar-latest-past__event-title a:focus,
.tribe-events-calendar-latest-past__event-title a:active,
.tribe-events-calendar-list__event-featured-image-link:focus,
.tribe-events-calendar-list__event-featured-image-link:active,
.tribe-events-calendar-latest-past__event-featured-image-link:focus,
.tribe-events-calendar-latest-past__event-featured-image-link:active {
  outline: none !important;

box-shadow: none !important;
}

/* =========================
   注目イベントの青縦線削除
========================= */

.tribe-events-calendar-list__event-date-tag-datetime::after,
.tribe-events-calendar-latest-past__event-date-tag-datetime::after {
  display: none !important;

content: none !important;
}

/* =========================
   リスト表示では住所非表示
========================= */

.tribe-events-calendar-list__event-venue-address,
.tribe-events-calendar-latest-past__event-venue-address,
.tribe-events-calendar-list__event-venue .tribe-address,
.tribe-events-calendar-latest-past__event-venue .tribe-address {
  display: none !important;
}

/* =========================
   リスト表示：イベントタイトル
========================= */

.tribe-events-calendar-list__event-title,
.tribe-events-calendar-list__event-title a {
  font-size: 18px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
}

/* =========================
   「今後のイベント」
========================= */

.tribe-events-c-top-bar__datepicker-button span {
  font-size: 16px !important;
}

/* =========================
   リスト表示：本文非表示
========================= */

.tribe-events-calendar-list__event-description,
.tribe-events-calendar-latest-past__event-description {
  display: none !important;
}

/* =========================
   リスト表示：会場をタイトル下の通常表示にする
========================= */

/* ラベル行内の会場だけ通常テキスト化 */
.event-labels .tribe-events-calendar-list__event-venue,
.event-labels .tribe-events-calendar-latest-past__event-venue {
  order: 1 !important;

width: 100% !important;

display: flex !important;
  align-items: center !important;

margin: 2px 0 6px !important;
}

/* 会場ラベル本体 */
.event-labels .tribe-events-calendar-list__event-venue-title,
.event-labels .tribe-events-calendar-latest-past__event-venue-title {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;

padding: 0 !important;
  margin: 0 !important;

color: #374151 !important;

font-size: 15px !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;

height: auto !important;
  min-height: 0 !important;
}

/* 会場以外のラベルは下段へ */
.event-labels .tribe-events-calendar-list__event-organizer-title,
.event-labels .tribe-events-calendar-list__event-tag-label,
.event-labels .tribe-events-calendar-latest-past__event-organizer-title,
.event-labels .tribe-events-calendar-latest-past__event-tag-label,
.event-labels .event-status-label {
  order: 2 !important;
}

/* =========================
   タイトル下の余白調整
========================= */

/* =========================
   リスト表示：本文非表示
========================= */

.tribe-events-calendar-list__event-description,
.tribe-events-calendar-latest-past__event-description,
.tribe-events-calendar-list__event-description.tribe-common-b2.tribe-common-a11y-hidden,
.tribe-events-calendar-latest-past__event-description.tribe-common-b2.tribe-common-a11y-hidden {
  display: none !important;
}

/* =========================
   会場アイコン
========================= */

.event-labels .tribe-events-calendar-list__event-venue-title::before,
.event-labels .tribe-events-calendar-latest-past__event-venue-title::before {
  content: "\f3c5";

font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;

display: inline-flex !important;

margin-right: 8px !important;

color: var(--kyoiq-color-text) !important;

font-size: 14px !important;
  line-height: 1 !important;
}

/* =========================
   The Events Calendar
   検索・表示メニュー
========================= */

/* 検索バー全体 */
.tribe-events-header {
  margin-bottom: 40px !important;
}

/* 検索・表示切替の外枠 */
.tribe-events-header__events-bar,
.tribe-events-c-events-bar {
  background: #fff !important;
  border: 1px solid rgba(31,111,165,.14) !important;
  border-radius: 18px !important;

padding: 10px !important;

box-shadow: 0 10px 30px rgba(0,0,0,.06) !important;
}

/* 検索入力エリア */
.tribe-events-c-search__input-control,
.tribe-events-c-search__input {
  border-radius: 12px !important;
}

/* 検索入力 */

/* 検索ボタン */

.tribe-events-c-search__button:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* =========================
   表示切替メニュー
========================= */

/* 表示切替エリア */
.tribe-events-c-view-selector,
.tribe-events-c-view-selector__content {
  background: transparent !important;
}

/* 表示切替リスト */

/* 各表示ボタン */
/* hover */
.tribe-events-c-view-selector__list-item-link:hover {
  background: #eef7fc !important;
  color: var(--kyoiq-color-event-primary) !important;
}

/* 選択中 */
.tribe-events-c-view-selector__list-item--active 
.tribe-events-c-view-selector__list-item-link {
  background: var(--kyoiq-color-event-primary) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(31,111,165,.22) !important;
}

/* 選択中の下線を消す */
.tribe-events-c-view-selector__list-item--active::after,
.tribe-events-c-view-selector__list-item-link::after {
  display: none !important;
}

/* =========================
   The Events Calendar
   検索・表示メニュー：安定版
========================= */

/* メニュー全体 */
.tribe-events-c-events-bar,
.tribe-events-header__events-bar {
  background: #fff !important;
  border: 1px solid rgba(31,111,165,.16) !important;
  border-radius: 14px !important;
  padding: 10px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.06) !important;

display: grid !important;
  grid-template-columns: 350px 1fr !important;
  align-items: center !important;
  column-gap: 24px !important;

max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* =========================
   検索エリア
========================= */

/* 検索エリア */
.tribe-events-c-events-bar__search-container,
.tribe-events-c-search {
  grid-column: 1 !important;
  width: 350px !important;
  max-width: 350px !important;
}

/* 検索フォーム */
.tribe-events-c-search {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;

outline: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* 検索窓と検索ボタンの間隔調整 */
.tribe-events-c-search__input-group {
  width: 190px !important;
  min-width: 190px !important;
  flex: 0 0 190px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 検索窓 */
.tribe-events-c-search__input-control {
  width: 190px !important;
  min-width: 190px !important;
  flex: 0 0 190px !important;
}

.tribe-events-c-search__input {
  width: 190px !important;
  min-width: 190px !important;
  height: 44px !important;
  color: #1f2937 !important;

background: #f7fafc !important;
  border: 1px solid rgba(31,111,165,.18) !important;
  border-radius: 8px !important;

padding: 0 12px !important;
  font-size: 14px !important;

outline: none !important;
  box-shadow: none !important;
}

/* 検索窓フォーカス時 */
.tribe-events-c-search__input:focus {
  border-color: rgba(31,111,165,.35) !important;
  outline: none !important;
  box-shadow: none !important;
}

/* 検索窓の「イベントを検索」を非表示 */
.tribe-events-c-search__input::placeholder {
  color: transparent !important;
}

.tribe-events-c-search__input::-webkit-input-placeholder {
  color: transparent !important;
}

.tribe-events-c-search__input::-moz-placeholder {
  color: transparent !important;
}

.tribe-events-c-search__input:-ms-input-placeholder {
  color: transparent !important;
}

/* 入力中・フォーカス時は虫眼鏡を消す */
.tribe-events-c-search__input-control:focus-within svg,
.tribe-events-c-search__input:not(:placeholder-shown) + svg,
.tribe-events-c-search__input:not(:placeholder-shown) ~ svg {
  display: none !important;
}

/* 検索ボタン */
.tribe-events-c-search__button {
  width: 124px !important;
  min-width: 124px !important;
  height: 44px !important;

background: linear-gradient(135deg, var(--kyoiq-color-event-primary), var(--kyoiq-color-event-heading)) !important;
  color: #fff !important;

border: none !important;
  border-radius: 8px !important;

padding: 0 !important;
  font-size: 13px !important;
  font-weight: 700 !important;

box-shadow: 0 6px 16px rgba(31,111,165,.22) !important;
  white-space: nowrap !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}

/* 検索ボタン hover */
/* 検索ボタン：クリック時の枠線を消す */
.tribe-events-c-search__button,
.tribe-events-c-search__button:hover,
.tribe-events-c-search__button:focus,
.tribe-events-c-search__button:active,
.tribe-events-c-search__button:focus-visible {
  outline: none !important;
  border: none !important;
}

.tribe-events-c-search__button:focus,
.tribe-events-c-search__button:active,
.tribe-events-c-search__button:focus-visible {
  box-shadow: 0 6px 16px rgba(31,111,165,.22) !important;
}

.tribe-events-c-search__button::-moz-focus-inner {
  border: 0 !important;
}

/* =========================
   検索まわりの青線・下線対策
========================= */

.tribe-events-c-events-bar__search-container,
.tribe-events-c-events-bar__search-form,
.tribe-events-c-events-bar__search-form:focus,
.tribe-events-c-events-bar__search-form:focus-within,
.tribe-events-c-search,
.tribe-events-c-search:focus,
.tribe-events-c-search:focus-within,
.tribe-events-c-search__input-control,
.tribe-events-c-search__input-control:focus,
.tribe-events-c-search__input-control:focus-within,
.tribe-events-c-search__input,
.tribe-events-c-search__input:focus {
  outline: none !important;
  box-shadow: none !important;
  border-bottom: none !important;
}

.tribe-events-c-search::before,
.tribe-events-c-search::after,
.tribe-events-c-events-bar__search-form::before,
.tribe-events-c-events-bar__search-form::after,
.tribe-events-c-search__input-control::before,
.tribe-events-c-search__input-control::after {
  display: none !important;
  content: none !important;
}

/* 日付ビュー時の検索エリア下線を消す */
.tribe-events-c-messages__message-list-item-link,
.tribe-events-c-messages__message-list-item-link:hover,
.tribe-events-c-messages__message-list-item-link:focus,
.tribe-common-anchor-thin-alt,
.tribe-common-anchor-thin-alt:hover,
.tribe-common-anchor-thin-alt:focus {
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

.tribe-events-c-messages__message-list-item-link::before,
.tribe-events-c-messages__message-list-item-link::after,
.tribe-common-anchor-thin-alt::before,
.tribe-common-anchor-thin-alt::after {
  display: none !important;
  content: none !important;
  border: none !important;
  background: none !important;
}

/* =========================
   表示切替メニュー
========================= */

/* 表示切替エリア */
.tribe-events-c-view-selector {
  grid-column: 2 !important;
  width: 100% !important;
  margin: 0 !important;
}

/* 表示切替リスト */
.tribe-events-c-view-selector__list {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;

width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 各項目 */
.tribe-events-c-view-selector__list-item {
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
  background: transparent !important;
}

/* 表示切替ボタン */
.tribe-events-c-view-selector__list-item-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

min-width: 88px !important;
  height: 44px !important;

padding: 0 10px !important;

background: transparent !important;
  color: #374151 !important;

border-radius: 8px !important;

font-size: 13px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;

text-decoration: none !important;
  box-shadow: none !important;
  transition: background .2s ease, color .2s ease !important;
}

/* 日付ボタンだけ少し小さめ */
.tribe-events-c-view-selector__list-item:last-child .tribe-events-c-view-selector__list-item-link {
  width: 64px !important;
  min-width: 64px !important;
  padding: 0 !important;
  justify-content: center !important;
  text-align: center !important;
}

/* 表示切替ボタン hover */
/* 選択中 */
.tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link,
.tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link:hover,
.tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link:focus {
  background: var(--kyoiq-color-event-primary) !important;
  color: #fff !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(31,111,165,.22) !important;
}

/* 選択中の文字を白固定 */
.tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link *,
.tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link:hover * {
  color: #fff !important;
}

/* 余計な下線・四角背景を消す */
.tribe-events-c-view-selector__list-item::before,
.tribe-events-c-view-selector__list-item::after,
.tribe-events-c-view-selector__list-item-link::before,
.tribe-events-c-view-selector__list-item-link::after {
  display: none !important;
  content: none !important;
}

/* =========================
   The Events Calendar
   日付ナビゲーション：安定版
========================= */

/* ナビ全体の余白 */

/* 前へ・次へボタン */

/* 前へ・次へ hover */
.tribe-events-c-top-bar__nav-link:hover,
.tribe-events-c-top-bar__nav-link:focus {
  background: #eef7fc !important;
  box-shadow: 0 8px 18px rgba(31,111,165,.16) !important;
  outline: none !important;
}

/* 矢印色 */

/* =========================
   今日ボタン
========================= */

/* ボタン自体は標準の縦位置に任せる */
/* 今日ボタン hover */
.tribe-events-c-top-bar__today-button:hover,
.tribe-events-c-top-bar__today-button:focus {
  background: var(--kyoiq-color-event-primary) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(31,111,165,.18) !important;
  outline: none !important;
}

/* =========================
   見出し：今後のイベント / 日付
========================= */

/* 見出し内の文字 */
.tribe-events-c-top-bar__datepicker-button span,
.tribe-events-c-top-bar__datepicker-button time {
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

/* 見出し hover */

/* 見出し横の矢印 */
.tribe-events-c-top-bar__datepicker-button-icon-svg {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 11px !important;
  height: 11px !important;
  color: var(--kyoiq-color-event-primary) !important;
  font-size: 11px !important;
  line-height: 1 !important;
}

.tribe-events-c-top-bar__datepicker-button-icon-svg path {
  fill: var(--kyoiq-color-event-primary) !important;
}

/* =========================
   日付ナビ：前へ・次へボタン
========================= */

/* =========================
   日付ナビ：今日ボタン
========================= */

.tribe-events-c-top-bar__today-button {
  width: auto !important;
  min-width: 72px !important;
  background: #fff !important;
  color: var(--kyoiq-color-event-primary) !important;
  border: 1px solid rgba(31,111,165,.28) !important;
  border-radius: 8px !important;
  padding: 10px 16px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 12px rgba(31,111,165,.10) !important;
  outline: none !important;

/* 高さは固定しない：ズレ防止 */
  padding-left: 22px !important;
  padding-right: 22px !important;

line-height: 1 !important;
  text-align: center !important;

transform: none !important;
	margin-left: 36px !important;
}

/* =========================
   日付ナビ：> 今日 / 今日 見出し の余白
========================= */

/* 「今日」と「今後のイベント / 日付」の間 */
/* =========================
   Datepicker をカード画像より前面に出す
========================= */

.tribe-events-c-top-bar__datepicker,
.tribe-events-c-top-bar__datepicker-container,
.tribe-events-c-top-bar__datepicker-desktop {
  position: relative !important;
  z-index: 9999 !important;
}

/* 画像リンクは有効のまま、datepicker より下にする */
/* =========================
   下部ナビ：前へ・次へを非表示
========================= */

/* =========================
   下部：カレンダー連携ボタン
   開閉しても位置を動かさない
========================= */

/* 外側を右寄せ固定 */
/* dropdown本体 */
/* ボタン本体 */

/* ボタン内の文字 */

/* アイコン */

/* hover */

/* =========================
   下部ナビ：前へ・次へを非表示
========================= */

.tribe-events-c-nav {
  display: none !important;
}

/* =========================
   下部：カレンダー連携ボタン
========================= */

.tribe-events-c-subscribe-dropdown__container {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;
  position: relative !important;
  margin-top: 36px !important;
  margin-bottom: 0 !important;
}

/* dropdown全体の幅を固定 */
/* ボタン本体 */
.tribe-events-c-subscribe-dropdown__button {
  width: 240px !important;
  height: 44px !important;
  box-sizing: border-box !important;

display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

background: #fff !important;
  color: var(--kyoiq-color-event-primary) !important;
  border: 1px solid rgba(31,111,165,.35) !important;
  border-radius: 8px !important;

padding: 0 22px !important;

font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 700 !important;

box-shadow: 0 4px 12px rgba(31,111,165,.12) !important;
  outline: none !important;
}

/* ボタン内の文字 */
.tribe-events-c-subscribe-dropdown__button-text {
  color: var(--kyoiq-color-event-primary) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

/* アイコン */
.tribe-events-c-subscribe-dropdown__button svg,
.tribe-events-c-subscribe-dropdown__button svg path {
  fill: var(--kyoiq-color-event-primary) !important;
}

/* hover */
/* クリック時の囲みを消す */
.tribe-events-c-subscribe-dropdown__button,
.tribe-events-c-subscribe-dropdown__button *,
.tribe-events-c-subscribe-dropdown__button:focus,
.tribe-events-c-subscribe-dropdown__button:active,
.tribe-events-c-subscribe-dropdown__button:focus-visible,
.tribe-events-c-subscribe-dropdown__button-text,
.tribe-events-c-subscribe-dropdown__button-text:focus,
.tribe-events-c-subscribe-dropdown__button-text:active {
  outline: none !important;
  text-decoration: none !important;
}

.tribe-events-c-subscribe-dropdown__button::-moz-focus-inner {
  border: 0 !important;
}

/* =========================
   カレンダー連携メニュー
========================= */

/* 下のメニュー幅を上のボタンに揃える */
.tribe-events-c-subscribe-dropdown__content,
#tribe-events-c-subscribe-dropdown-content {
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
  box-sizing: border-box !important;
}

/* リストの余白をリセット */
.tribe-events-c-subscribe-dropdown__list,
#tribe-events-c-subscribe-dropdown-content ul {
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

/* li自体を幅いっぱいにする */
.tribe-events-c-subscribe-dropdown__list-item,
#tribe-events-c-subscribe-dropdown-content li,
#tribe-events-c-subscribe-dropdown-content .tribe-events-c-subscribe-dropdown__list-item,
.tribe-events-c-subscribe-dropdown__content .tribe-events-c-subscribe-dropdown__list-item {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;

margin: 0 !important;
  padding: 0 !important;

text-align: left !important;
  box-sizing: border-box !important;
}

/* メニューリンク：左寄せ・太字なし */
.tribe-events-c-subscribe-dropdown__list-item-link,
#tribe-events-c-subscribe-dropdown-content a,
#tribe-events-c-subscribe-dropdown-content .tribe-events-c-subscribe-dropdown__list-item-link,
.tribe-events-c-subscribe-dropdown__content .tribe-events-c-subscribe-dropdown__list-item-link {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;

justify-content: flex-start !important;
  align-items: center !important;

margin: 0 !important;
  padding: 7px 14px !important;

text-align: left !important;

color: #374151 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;

text-decoration: none !important;
  box-sizing: border-box !important;
}

/* 中にspan等がある場合も太字解除 */
#tribe-events-c-subscribe-dropdown-content .tribe-events-c-subscribe-dropdown__list-item-link *,
.tribe-events-c-subscribe-dropdown__content .tribe-events-c-subscribe-dropdown__list-item-link * {
  font-weight: 400 !important;
  text-align: left !important;
}

/* hover */

/* =========================
   カレンダー連携：開いてもフッターを動かさない
========================= */

/* メニュー位置の基準にする */
.tribe-events-c-subscribe-dropdown {
  position: relative !important;
  display: inline-block !important;
  width: 240px !important;
  margin: 0 !important;
}

/* メニューを通常レイアウトから外す */
#tribe-events-c-subscribe-dropdown-content,
.tribe-events-c-subscribe-dropdown__content {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: auto !important;

width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;

z-index: 9999 !important;
  border-radius: 8px !important;
  overflow: visible !important;
}

/* メニュー文字：左寄せ・太字なし */
#tribe-events-c-subscribe-dropdown-content .tribe-events-c-subscribe-dropdown__list-item,
.tribe-events-c-subscribe-dropdown__content .tribe-events-c-subscribe-dropdown__list-item {
  width: 100% !important;
  text-align: left !important;
}

#tribe-events-c-subscribe-dropdown-content .tribe-events-c-subscribe-dropdown__list-item-link,
.tribe-events-c-subscribe-dropdown__content .tribe-events-c-subscribe-dropdown__list-item-link,
#tribe-events-c-subscribe-dropdown-content a {
  display: flex !important;
  justify-content: flex-start !important;
  text-align: left !important;

font-weight: 400 !important;
  font-size: 12px !important;
}

/* =========================
   カレンダー連携：下メニュー枠だけ角丸
========================= */

/* メニュー本体 */
/* 内側のリストも同じ角丸にする */
#tribe-events-c-subscribe-dropdown-content ul,
#tribe-events-c-subscribe-dropdown-content .tribe-events-c-subscribe-dropdown__list,
.tribe-events-c-subscribe-dropdown__content .tribe-events-c-subscribe-dropdown__list {
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* 最初・最後の項目で角を潰さない */
#tribe-events-c-subscribe-dropdown-content li:first-child a,
.tribe-events-c-subscribe-dropdown__content .tribe-events-c-subscribe-dropdown__list-item:first-child a {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}

#tribe-events-c-subscribe-dropdown-content li:last-child a,
.tribe-events-c-subscribe-dropdown__content .tribe-events-c-subscribe-dropdown__list-item:last-child a {
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

/* =========================
   カレンダー連携メニュー：切れ対策
========================= */

/* メニュー本体は切らない */
/* 親側でも切らない */
.tribe-events-c-subscribe-dropdown,
.tribe-events-c-subscribe-dropdown__container,
.tribe-events .tribe-events-l-container {
  overflow: visible !important;
}

/* 下に少し余白を確保 */
.tribe-events .tribe-events-l-container {
  padding-bottom: 220px !important;
}

/* =========================
   Day top bar：< 今日 > + 日付見出し
========================= */

/* nav外の今日ボタンは非表示 */
.tribe-events-c-top-bar__today-button:not(.kyoiq-topbar-today-item .tribe-events-c-top-bar__today-button) {
  display: none !important;
}

/* nav内に追加した今日ボタンは表示 */
.tribe-events-c-top-bar__nav .kyoiq-topbar-today-item .tribe-events-c-top-bar__today-button {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* top bar全体を横並び */
.tribe-events-c-top-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 28px !important;

margin-top: 28px !important;
  margin-bottom: 36px !important;
}

/* < 今日 > の並び */
.tribe-events-c-top-bar__nav {
  margin: 0 !important;
}

.tribe-events-c-top-bar__nav-list {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;

margin: 0 !important;
  padding: 0 !important;
}

/* nav内のli */
.tribe-events-c-top-bar__nav-list-item,
.kyoiq-topbar-today-item {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* < と 今日 の間 */
.kyoiq-topbar-today-item {
  margin-left: 22px !important;
}

/* 今日 と > の間 */
.kyoiq-topbar-today-item + .tribe-events-c-top-bar__nav-list-item {
  margin-left: 22px !important;
}

/* < と > */
.tribe-events-c-top-bar__nav-link {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;

display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;

background: #fff !important;
  color: var(--kyoiq-color-event-primary) !important;

border: 1px solid rgba(31,111,165,.25) !important;
  border-radius: 8px !important;

box-shadow: 0 4px 12px rgba(31,111,165,.10) !important;
  text-decoration: none !important;
  outline: none !important;
}

/* nav内の今日ボタン */
.kyoiq-topbar-today-item .tribe-events-c-top-bar__today-button {
  height: 44px !important;
  min-height: 44px !important;
  min-width: 110px !important;

display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

padding: 0 24px !important;
  margin: 0 !important;
  box-sizing: border-box !important;

background: #fff !important;
  color: var(--kyoiq-color-event-primary) !important;

border: 1px solid rgba(31,111,165,.25) !important;
  border-radius: 8px !important;

line-height: 1 !important;
  font-size: 14px !important;
  font-weight: 700 !important;

box-shadow: 0 4px 12px rgba(31,111,165,.10) !important;
  text-decoration: none !important;
  outline: none !important;
}

/* アイコン色 */
.tribe-events-c-top-bar__nav-link svg path {
  fill: var(--kyoiq-color-event-primary) !important;
}

/* 日付見出しを同じ行に戻す */
.tribe-events-c-top-bar__datepicker {
  margin: 0 !important;
  padding: 0 !important;
}

/* 日付ボタン */
.tribe-events-c-top-bar__datepicker-button {
  margin: 0 !important;
  padding: 0 4px !important;
  background: transparent !important;
  color: #111827 !important;
  border: none !important;

display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

font-size: 28px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;

outline: none !important;
  box-shadow: none !important;
}

/* =========================
   ホバー色：水色に統一
========================= */

/* 検索ボタン */
.tribe-events-c-search__button:hover,
.tribe-events-c-search__button:focus {
  transform: none !important;
  background: #eef7fc !important;
  color: var(--kyoiq-color-event-primary) !important;
  border-color: rgba(31,111,165,.35) !important;
  box-shadow: 0 8px 18px rgba(31,111,165,.16) !important;
}

/* 表示切替ボタン */
.tribe-events-c-view-selector__list-item-link:hover,
.tribe-events-c-view-selector__list-item-link:focus {
  background: #eef7fc !important;
  color: var(--kyoiq-color-event-primary) !important;
  border-radius: 8px !important;
  box-shadow: 0 3px 8px rgba(31,111,165,.10) !important;
  outline: none !important;
}

/* 選択中ボタンは濃い青のまま */
.tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link:hover,
.tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link:focus {
  background: var(--kyoiq-color-event-primary) !important;
  color: #fff !important;
}

/* < 今日 > ナビ */
.tribe-events-c-top-bar__nav-link:hover,
.tribe-events-c-top-bar__nav-link:focus,
.kyoiq-topbar-today-item .tribe-events-c-top-bar__today-button:hover,
.kyoiq-topbar-today-item .tribe-events-c-top-bar__today-button:focus {
  background: #eef7fc !important;
  color: var(--kyoiq-color-event-primary) !important;
  border-color: rgba(31,111,165,.35) !important;
  box-shadow: 0 8px 18px rgba(31,111,165,.16) !important;
  outline: none !important;
}

/* 日付見出し */
.tribe-events-c-top-bar__datepicker-button:hover,
.tribe-events-c-top-bar__datepicker-button:focus {
  color: var(--kyoiq-color-event-primary) !important;
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

/* カレンダー連携ボタン */
.tribe-events-c-subscribe-dropdown__button:hover,
.tribe-events-c-subscribe-dropdown__button:focus {
  background: #eef7fc !important;
  color: var(--kyoiq-color-event-primary) !important;
  border-color: rgba(31,111,165,.45) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* カレンダー連携メニュー */
.tribe-events-c-subscribe-dropdown__list-item-link:hover,
.tribe-events-c-subscribe-dropdown__list-item-link:focus,
#tribe-events-c-subscribe-dropdown-content a:hover,
#tribe-events-c-subscribe-dropdown-content a:focus {
  background: #eef7fc !important;
  color: var(--kyoiq-color-event-primary) !important;
  outline: none !important;
  box-shadow: none !important;
}

/* =========================
   Day top bar：今日ボタンの文字サイズ調整
========================= */

/* =========================
   Month view：整理版
========================= */

/* =========================
   曜日ヘッダー
========================= */

/* 曜日行 */
.tribe-events-calendar-month__header tr {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;

width: 100% !important;
}

/* 曜日セル */
.tribe-events-calendar-month__header-column {
  width: 100% !important;
  min-width: 0 !important;

padding: 0 !important;

background: linear-gradient(
    180deg,
    #f8fbfe 0%,
    #eef5fb 100%
  ) !important;

border-bottom: 1px solid rgba(31,111,165,.10) !important;

text-align: center !important;
  box-sizing: border-box !important;
}

/* タイトル */
.tribe-events-calendar-month__header-column-title {
  width: 100% !important;

display: block !important;

margin: 0 !important;
  padding: 8px 0 !important;

text-align: center !important;

box-sizing: border-box !important;
}

/* 曜日文字 */
.tribe-events-calendar-month__header-column-title span[aria-hidden="true"] {
  display: inline-block !important;

margin: 0 auto !important;
  padding: 0 !important;

font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 600 !important;

color: #6b7280 !important;
}

/* =========================
   日付
========================= */

/* 日付セル */
.tribe-events-calendar-month__day-cell {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  position: relative !important;
  box-sizing: border-box !important;
  padding-top: 40px !important;
  padding-bottom: 0 !important;
}

/* 日付数字 */
.tribe-events-calendar-month__day-date,
.tribe-events-calendar-month__day-date-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  top: 12px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
margin: 0 auto !important;
  padding: 0 !important;

text-align: center !important;

font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 700 !important;

text-decoration: none !important;
  box-shadow: none !important;
}

/* =========================
   セル hover
========================= */

/* セル全体 */
.tribe-events-calendar-month__day {
  transition:
    background-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease !important;
}

/* hover時 */
.tribe-events-calendar-month__day:hover {
  background: transparent !important;

box-shadow: inset 0 0 0 1px rgba(31,111,165,.12) !important;

cursor: pointer !important;
}

/* 日付リンク */
.tribe-events-calendar-month__day-date-link,
.tribe-events-calendar-month__day-date-link:hover,
.tribe-events-calendar-month__day-date-link:focus {
  text-decoration: none !important;
  box-shadow: none !important;
}

/* hover中の日付 */
.tribe-events-calendar-month__day:hover
.tribe-events-calendar-month__day-date,
.tribe-events-calendar-month__day:hover
.tribe-events-calendar-month__day-date-link {
  color: var(--kyoiq-color-event-primary) !important;
}

/* =========================
   Month view：セルレイアウト
========================= */

/* 高さ系は削除 */
.tribe-events-calendar-month__week {
  height: auto !important;
  overflow: hidden !important;
}

.tribe-events-calendar-month__day,
.tribe-events-calendar-month__day-cell {
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
}

/* 日付を横並び固定 */
.tribe-events-calendar-month__day-date {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

white-space: nowrap !important;

min-width: 24px !important;
}

/* =========================
   Month view：イベントあり日の日付位置
========================= */

.tribe-events-calendar-month__day-date-link {
  top: 2px !important;
}

/* =========================
   Month view：イベント無し日だけ高さ追加
========================= */

/* イベント無しセル */
.tribe-events-calendar-month__day-cell:not(:has(.tribe-events-calendar-month__calendar-event)) {
  padding-bottom: 60px !important;
}

/* =========================
   Month view：イベントカード調整
========================= */

/* イベント本体 */
.tribe-events-calendar-month__calendar-event {
  background: #fff !important;

border: 1px solid rgba(31,111,165,.10) !important;
  border-radius: 8px !important;

padding: 8px !important;
  margin: 20px 6px 12px !important;

box-shadow: 0 4px 12px rgba(0,0,0,.05) !important;

overflow: hidden !important;
}

/* 左青線を消す */
.tribe-events-calendar-month__calendar-event::before,
.tribe-events-calendar-month__calendar-event-featured::before {
  display: none !important;
  content: none !important;
}

/* =========================
   サムネイル
========================= */

.tribe-events-calendar-month__calendar-event-featured-image-wrapper,
.tribe-events-calendar-month__calendar-event-featured-image-link {
  border-radius: 8px !important;
  overflow: hidden !important;

margin-bottom: 6px !important;
}

/* 画像 */
.tribe-events-calendar-month__calendar-event-featured-image-wrapper img {
  border-radius: 8px !important;
}

/* =========================
   Month view：イチオシラベル
========================= */

/* 元アイコン完全削除 */
/* featured アイコン削除 */
.tribe-events-calendar-month__calendar-event-datetime-featured-icon,
.tribe-events-calendar-month__calendar-event-datetime-featured-icon svg,
.tribe-events-calendar-month__calendar-event-datetime-featured-icon::before,
.tribe-events-calendar-month__calendar-event-datetime-featured-icon::after {
  display: none !important;
  content: none !important;
}
/* featured ラベル */
.tribe-events-calendar-month__calendar-event-featured
.tribe-events-calendar-month__calendar-event-details::before,
.tribe-events-calendar-month__calendar-event--featured
.tribe-events-calendar-month__calendar-event-details::before {
  content: "イチオシ";

display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

background: #fff5fa !important;
  color: #ff5f93 !important;

border: 1px solid rgba(255,95,147,.35) !important;
  border-radius: 4px !important;

padding: 3px 10px !important;
  margin-bottom: 8px !important;

font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 700 !important;

letter-spacing: .02em !important;

box-shadow: 0 2px 6px rgba(255,95,147,.08) !important;
}

/* =========================
   Month view：イチオシ中央
========================= */

/* details */
.tribe-events-calendar-month__calendar-event-details {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* イチオシ */
.tribe-events-calendar-month__calendar-event-details::before {
  display: inline-flex !important;

justify-content: center !important;
  align-items: center !important;

 margin: 0 auto 10px !important;
  margin-top: 4px !important;

text-align: center !important;
}

/* 時間 */
.tribe-events-calendar-month__calendar-event-datetime {
  width: 100% !important;
  color: #6b7280 !important;
  margin-bottom: 4px !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
text-align: left !important;
}

/* タイトル */
.tribe-events-calendar-month__calendar-event-title {
  width: 100% !important;
  color: #111827 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
text-align: left !important;
}

/* =========================
   時間
========================= */

/* =========================
   タイトル
========================= */

/* イベントタイトルの下線を消す */
.tribe-events-calendar-month__calendar-event-title a,
.tribe-events-calendar-month__calendar-event-title a:hover,
.tribe-events-calendar-month__calendar-event-title a:focus {
  text-decoration: none !important;
  box-shadow: none !important;
  border-bottom: none !important;
}

/* 月セルは通常カーソル */
td.tribe-events-calendar-month__day {
  cursor: default !important;
}

/* hoverでも通常カーソル */
td.tribe-events-calendar-month__day:hover {
  cursor: default !important;
}

/* イベントだけ pointer */
.tribe-events-calendar-month__calendar-event,
.tribe-events-calendar-month__calendar-event a,
.tribe-events-calendar-month__day-date-link {
  cursor: pointer !important;
}

/* イベントカード下の余白 */
/* =========================
   Month view：カード hover 演出
========================= */
/*
.tribe-events-calendar-month__calendar-event {
  transition:
    transform .18s ease,
    box-shadow .18s ease !important;
}
*/
/* hover */
/*
.tribe-events-calendar-month__calendar-event:hover {
  transform: translateY(-3px) !important;

box-shadow:
    0 10px 24px rgba(0,0,0,.10) !important;
}
*/

/* =========================
   Month view：tooltip redesign
========================= */

/* =========================
   tooltip 外側
========================= */

.tooltipster-base.tooltipster-sidetip {
  background: transparent !important;
  width: 300px !important;
  max-width: 300px !important;

border: none !important;
  box-shadow: none !important;
}

/* 矢印消す */
.tooltipster-arrow {
  display: none !important;
}

/* =========================
   tooltip 本体
========================= */

.tooltipster-base.tooltipster-sidetip
.tooltipster-box {
  background: #fff !important;
  width: 300px !important;
  max-width: 300px !important;

border: 1px solid rgba(0,0,0,.05) !important;
  border-radius: 20px !important;

padding: 0 !important;

overflow: hidden !important;

box-shadow:
    0 24px 60px rgba(0,0,0,.16) !important;
}

/* content */
.tooltipster-base.tooltipster-sidetip
.tooltipster-content {
  padding: 0 !important;
}

/* =========================
   popup 全体
========================= */

.tribe-events-calendar-month__calendar-event-tooltip {
  padding: 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  cursor: pointer !important;

background: #fff !important;
}

/* =========================
   画像
========================= */

.tribe-events-calendar-month__calendar-event-tooltip-featured-image-wrapper {
  width: calc(100% + 32px) !important;
  max-width: none !important;
  margin: -16px -16px 16px -16px !important;
  overflow: hidden !important;

border-radius:
    20px
    20px
    0
    0 !important;
}

/* 画像 */

/* =========================
   featured アイコン削除
========================= */

.tribe-events-calendar-month__calendar-event-tooltip-datetime-featured-icon,
.tribe-events-calendar-month__calendar-event-tooltip-datetime-featured-text {
  display: none !important;
}

/* =========================
   日時
========================= */

.tribe-events-calendar-month__calendar-event-tooltip-datetime {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 14px !important;
  color: #6b7280 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  flex-wrap: wrap !important;

}

/* =========================
   タイトル
========================= */

.tribe-events-calendar-month__calendar-event-tooltip-title,
.tribe-events-calendar-month__calendar-event-tooltip-title * {
  writing-mode: horizontal-tb !important;

font-size: 16px !important;
  line-height: 1.45 !important;
  font-weight: 800 !important;

color: #111827 !important;

text-align: left !important;

margin: 0 0 14px !important;
  padding: 0 !important;
}

/* 下線削除 */
.tribe-events-calendar-month__calendar-event-tooltip-title a,
.tribe-events-calendar-month__calendar-event-tooltip-title a:hover {
  text-decoration: none !important;

border-bottom: none !important;
  box-shadow: none !important;
}

/* =========================
   本文
========================= */

.tribe-events-calendar-month__calendar-event-tooltip-description {
  font-size: 14px !important;
  line-height: 1.8 !important;

color: var(--kyoiq-color-text) !important;
}

/* =========================
   tooltip 横幅
========================= */

/* popup本体 */
/* =========================
   tooltip：画像を横幅いっぱいに
========================= */

/* wrapper */
/* 画像 */
.tribe-events-calendar-month__calendar-event-tooltip-featured-image-wrapper img {
  width: 100% !important;
  max-width: none !important;

display: block !important;
}

/* =========================
   tooltip：イチオシ + 日付位置
========================= */

/* =========================
   tooltip：イチオシ
========================= */

/* 元アイコン */
.tribe-events-calendar-month__calendar-event-tooltip-datetime-featured-icon {
  display: none !important;
}

/* 元テキスト消す */
.tribe-events-calendar-month__calendar-event-tooltip-datetime-featured-text {
  display: none !important;
}

/* featured 時だけ */
.tribe-events-calendar-month__calendar-event-tooltip-datetime:has(
  .tribe-events-calendar-month__calendar-event-tooltip-datetime-featured-text
)::before {
  content: "イチオシ";

display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

height: 24px !important;

padding: 0 12px !important;
  margin-right: 10px !important;

background: #fff5fa !important;
  color: #ff5f93 !important;

border: 1px solid rgba(255,95,147,.35) !important;
  border-radius: 4px !important;

font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 700 !important;

white-space: nowrap !important;

vertical-align: middle !important;

box-sizing: border-box !important;
}

/* =========================
   tooltip / card：タイトル focus 枠線削除
========================= */

/* カード */
.tribe-events-calendar-month__calendar-event-title a,
.tribe-events-calendar-month__calendar-event-title a:hover,
.tribe-events-calendar-month__calendar-event-title a:focus,
.tribe-events-calendar-month__calendar-event-title a:active {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* tooltip */
.tribe-events-calendar-month__calendar-event-tooltip-title a,
.tribe-events-calendar-month__calendar-event-tooltip-title a:hover,
.tribe-events-calendar-month__calendar-event-tooltip-title a:focus,
.tribe-events-calendar-month__calendar-event-tooltip-title a:active {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* =========================
   tooltip：カーソル pointer
========================= */

/* 中身全部 */
.tribe-events-calendar-month__calendar-event-tooltip * {
  cursor: pointer !important;
}

/* =========================
   Month view：multiday はみ出し防止
========================= */

/* 行 */
/* カレンダー */
.tribe-events-calendar-month__body {
  overflow: hidden !important;
}

/* =========================
   Month view：複数日イベント帯
========================= */

/* タイトル */

/* featured icon */
.tribe-events-calendar-month__multiday-event-bar-featured-icon {
  color: #4f7aa3 !important;
}

/* =========================
   Month view：複数日イベント帯
========================= */

/* 帯 */
/* タイトル */
/* イチオシ */

/* =========================
   Month view：複数日イベント帯
========================= */

/* 帯 */
.tribe-events-calendar-month__multiday-event-bar-inner {
  background: #dfe9f5 !important;
  color: #35506b !important;
  box-sizing: border-box !important;
  height: 24px !important;
  display: flex !important;
  align-items: center !important;

border: 1px solid rgba(31,111,165,.08) !important;
  border-radius: 0 !important;

padding: 4px 10px !important;

box-shadow: none !important;
}

/* 元アイコン削除 */
.tribe-events-calendar-month__multiday-event-bar-featured-icon,
.tribe-events-calendar-month__multiday-event-bar-featured-text {
  display: none !important;
}

/* =========================
   イチオシラベル
========================= */

.tribe-events-calendar-month__multiday-event-bar-title::before {
  content: "イチオシ";

display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

background: #fff5fa !important;
  color: #ff5f93 !important;

border: 1px solid rgba(255,95,147,.35) !important;
  border-radius: 4px !important;

padding: 3px 10px !important;
  margin-right: 10px !important;

font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 700 !important;

vertical-align: middle !important;
}

/* =========================
   タイトル
========================= */

.tribe-events-calendar-month__multiday-event-bar-title {
  color: #35506b !important;
  padding-left: 10px !important;

font-size: 12px !important;
  font-weight: 600 !important;

display: inline-flex !important;
  align-items: center !important;
}

/* =========================
   Month view：帯とカードの余白
========================= */

/* イベントカード */
/* =========================
   Month view：帯同士の余白
========================= */

/* =========================
   Month view：帯の角丸を消す
========================= */

/* 外側 */
.tribe-events-calendar-month__multiday-event-bar,
.tribe-events-calendar-month__multiday-event-bar-inner {
  border-radius: 0 !important;
}

/* start */
.tribe-events-calendar-month__multiday-event-bar--start,
.tribe-events-calendar-month__multiday-event-bar--start
.tribe-events-calendar-month__multiday-event-bar-inner {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* end */
.tribe-events-calendar-month__multiday-event-bar--end,
.tribe-events-calendar-month__multiday-event-bar--end
.tribe-events-calendar-month__multiday-event-bar-inner {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* =========================
   次のイベントへ進む
========================= */

.tribe-common .tribe-common-anchor-thin-alt,
.tribe-common .tribe-common-anchor-thin-alt:hover,
.tribe-common .tribe-common-anchor-thin-alt:focus,
.tribe-common .tribe-common-anchor-thin-alt:active {
  color: #136Ba0 !important;

text-decoration: none !important;

outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* =========================
   Mini calendar redesign
========================= */

/* =========================
   popup
========================= */

div.datepicker.datepicker-dropdown.dropdown-menu {
  background: #fff !important;

border: 1px solid rgba(31,111,165,.08) !important;
  border-radius: 20px !important;

padding: 12px !important;

box-shadow:
    0 24px 60px rgba(0,0,0,.14) !important;
}

/* table */
div.datepicker.datepicker-dropdown.dropdown-menu table {
  border-collapse: separate !important;
  border-spacing: 4px !important;
}

/* =========================
   header
========================= */

/* 月タイトル */
div.datepicker.datepicker-dropdown.dropdown-menu .datepicker-switch,
.datepicker button.datepicker-switch {
  width: 100% !important;

display: flex !important;

justify-content: center !important;
  align-items: center !important;

text-align: center !important;

margin: 0 auto !important;

font-size: 15px !important;
  font-weight: 700 !important;

color: #1f2937 !important;
}

/* th */
.datepicker th[colspan="5"] {
  text-align: center !important;
}

/* =========================
   weekday
========================= */

.datepicker th.dow {
  text-align: center !important;

padding-left: 0 !important;
  padding-right: 0 !important;

padding-bottom: 2px !important;

vertical-align: middle !important;

border-bottom: none !important;

font-size: 10px !important;
  font-weight: 700 !important;

color: #6b7280 !important;
}

/* =========================
   cells
========================= */

div.datepicker.datepicker-dropdown.dropdown-menu td.day,
.datepicker td.day,
.datepicker td button {
  width: 30px !important;
  height: 30px !important;

text-align: center !important;

padding-left: 0 !important;
  padding-right: 0 !important;

vertical-align: middle !important;

border-radius: 8px !important;

font-size: 12px !important;

transition:
    background .18s ease,
    transform .18s ease !important;
}

/* button */
.datepicker td button {
  display: flex !important;

align-items: center !important;
  justify-content: center !important;

width: 100% !important;
  height: 100% !important;
}

/* =========================
   hover
========================= */

div.datepicker.datepicker-dropdown.dropdown-menu td.day:hover,
.datepicker td button:hover,
.datepicker td button:focus {
  background: #f2f6f9 !important;

border: none !important;
  outline: none !important;

box-shadow: none !important;

border-radius: 8px !important;
}

/* before */
.datepicker td button:hover::before,
.datepicker td button:focus::before {
  display: none !important;

content: none !important;

border: none !important;
  box-shadow: none !important;
}

/* =========================
   selected
========================= */

.tribe-events .datepicker .day.active,
.tribe-events .datepicker .day.active:hover,
.tribe-events .datepicker .month.active,
.tribe-events .datepicker .year.active {
  background: var(--kyoiq-color-event-primary-dark) !important;

color: #fff !important;

border-color: var(--kyoiq-color-event-primary-dark) !important;

border-radius: 8px !important;

text-shadow: none !important;

box-shadow: none !important;

outline: none !important;
}

/* selected 黒囲み削除 */
.tribe-events .datepicker .day.active::before,
.tribe-events .datepicker .day.active:hover::before,
.tribe-events .datepicker .day.active:focus::before {
  display: none !important;

border: none !important;

box-shadow: none !important;

content: none !important;
}

/* =========================
   today
========================= */

.tribe-events .datepicker .day.today,
.tribe-events .datepicker .day.current,
.tribe-events .datepicker .day.today.active,
.tribe-events .datepicker .day.current.active {
  background: transparent !important;

color: var(--kyoiq-color-event-primary-dark) !important;

position: relative !important;

border-radius: 8px !important;

box-shadow: none !important;
}

/* 今日の青枠 */
.tribe-events .datepicker .day.today::before,
.tribe-events .datepicker .day.current::before,
.tribe-events .datepicker .day.today.active::before,
.tribe-events .datepicker .day.current.active::before {
  content: "" !important;

position: absolute !important;

inset: 0 !important;

border: 1px solid var(--kyoiq-color-event-primary-dark) !important;
  border-radius: 8px !important;

pointer-events: none !important;

display: block !important;

}

/* hoverしても維持 */
.tribe-events .datepicker .day.today:hover,
.tribe-events .datepicker .day.current:hover,
.tribe-events .datepicker .day.today.active:hover,
.tribe-events .datepicker .day.current.active:hover {
  background: #f2f6f9 !important;

color: var(--kyoiq-color-event-primary-dark) !important;
}

/* =========================
   other month
========================= */

div.datepicker.datepicker-dropdown.dropdown-menu td.old,
div.datepicker.datepicker-dropdown.dropdown-menu td.new {
  opacity: .35 !important;
}

/* =========================
   misc
========================= */

.tribe-common abbr[title] {
  text-decoration: none !important;
}

/* =========================
   Global：クリック後の枠線削除
========================= */

/* 全体 */
*:focus,
*:active,
*:focus-visible {
  outline: none !important;

box-shadow: none !important;
}

/* button */
button:focus,
button:active,
button:focus-visible {
  outline: none !important;

box-shadow: none !important;
}

/* link */
a:focus,
a:active,
a:focus-visible {
  outline: none !important;

box-shadow: none !important;
}

/* input */
input:focus,
textarea:focus,
select:focus {
  outline: none !important;

box-shadow: none !important;
}

/* datepicker */
.datepicker *:focus,
.datepicker *:active,
.datepicker *:focus-visible {
  outline: none !important;

box-shadow: none !important;
}

/* =========================
   Month picker：今月
========================= */

/* 今月 */
.datepicker-months .month.focused,
.datepicker-months .month.current,
.datepicker-months .month.active {
  background: transparent !important;

color: var(--kyoiq-color-event-primary-dark) !important;

position: relative !important;

border-radius: 8px !important;

box-shadow: none !important;

text-shadow: none !important;

outline: none !important;

border: none !important;
}

/* 今月の青枠 */
.datepicker-months .month.focused::before,
.datepicker-months .month.current::before,
.datepicker-months .month.active::before {
  content: "" !important;

position: absolute !important;

inset: 0 !important;

border: 1px solid var(--kyoiq-color-event-primary-dark) !important;
  border-radius: 8px !important;

pointer-events: none !important;
}

/* hover */
.datepicker-months .month.focused:hover,
.datepicker-months .month.current:hover,
.datepicker-months .month.active:hover {
  background: #f2f6f9 !important;

color: var(--kyoiq-color-event-primary-dark) !important;
}

/* =========================
   Month picker：黒枠削除
========================= */

.datepicker-months .month.focused::after,
.datepicker-months .month.current::after,
.datepicker-months .month.active::after,
.datepicker-months button.month.focused::after,
.datepicker-months button.month.current::after,
.datepicker-months button.month.active::after {
  display: none !important;

content: none !important;

border: none !important;

box-shadow: none !important;
}

/* =========================
   Month picker：focused黒線削除
========================= */

.tribe-events .datepicker .day.current.focused::before,
.tribe-events .datepicker .month.current.focused::before,
.tribe-events .datepicker .year.current.focused::before {
  box-shadow: none !important;

border: 1px solid var(--kyoiq-color-event-primary-dark) !important;
}

/* =========================
   Month picker：active優先
========================= */

/* active は常に紺 */
.datepicker-months .month.active,
.datepicker-months .month.active:hover,
.datepicker-months .month.active.focused,
.datepicker-months button.month.focused,
.datepicker-months button.month.focused:hover,
.datepicker-months button.month.focused:focus,
.datepicker-months button.month.focused:active {
  background: var(--kyoiq-color-event-primary-dark) !important;

color: #fff !important;

border: none !important;

box-shadow: none !important;

position: relative !important;

border-radius: 8px !important;

outline: none !important;

text-shadow: none !important;
}

/* active の青塗り維持 */
.datepicker-months .month.active::before,
.datepicker-months .month.active:hover::before,
.datepicker-months .month.active.focused::before,
.datepicker-months button.month.focused::before,
.datepicker-months button.month.focused:hover::before,
.datepicker-months button.month.focused:focus::before,
.datepicker-months button.month.focused:active::before {
  display: none !important;

content: none !important;
}

/* =========================
   Month picker：今月セル
========================= */

/* current */
.datepicker-months button.month.current,
.datepicker-months button.month.current:hover,
.datepicker-months button.month.current:focus,
.datepicker-months button.month.current.active,
.datepicker-months button.month.current.focused {

color: var(--kyoiq-color-event-primary-dark) !important;

border: 1px solid var(--kyoiq-color-event-primary-dark) !important;

border-radius: 8px !important;

box-shadow: none !important;

outline: none !important;

text-shadow: none !important;
}

/* before の黒線削除 */
.datepicker-months button.month.current::before,
.datepicker-months button.month.current:hover::before,
.datepicker-months button.month.current:focus::before,
.datepicker-months button.month.current.active::before,
.datepicker-months button.month.current.focused::before {
  display: none !important;

content: none !important;

border: none !important;

box-shadow: none !important;
}

/* =========================
   日付表示：リスト表示風カード
========================= */

/* 本文非表示 */
.tribe-events-view--day .tribe-events-calendar-day__event-description,
.tribe-events-view--day .tribe-events-calendar-day__event-description.tribe-common-b2,
.tribe-events-view--day .tribe-events-calendar-day__event-description.tribe-common-a11y-hidden {
  display: none !important;
}

/* 青い縦線削除 */
.tribe-events-view--day .tribe-events-calendar-day__event::before,
.tribe-events-view--day .tribe-events-calendar-day__event::after {
  display: none !important;
  content: none !important;
}

/* カード本体 */
.tribe-events-view--day .tribe-events-calendar-day__event {
  background: #fff !important;

border-radius: 24px !important;

padding: 24px 28px !important;
  margin: 40px 0 32px !important;

box-shadow: 0 10px 30px rgba(0,0,0,.08) !important;

display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 24px !important;

min-height: 168px !important;
}

/* =========================
   日付表示：日付カード
========================= */

/* 日付カード本体 */
.tribe-events-view--day .custom-day-date-tag {
  background: linear-gradient(135deg, var(--kyoiq-color-event-primary), var(--kyoiq-color-event-heading)) !important;
  color: #fff !important;

border: none !important;
  border-radius: 12px !important;

width: 78px !important;
  min-width: 78px !important;
  max-width: 78px !important;

height: 96px !important;
  min-height: 96px !important;
  max-height: 96px !important;

padding: 12px 10px !important;
  margin: 0 !important;

box-shadow: 0 8px 20px rgba(31,111,165,.22) !important;

display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

flex: 0 0 78px !important;
  align-self: flex-start !important;

box-sizing: border-box !important;
  text-align: center !important;
}

/* 日付カード内 */
.tribe-events-view--day .custom-day-date-tag .tribe-events-calendar-day__event-date-tag-datetime {
  width: 100% !important;
  height: 100% !important;

margin: 0 !important;
  padding: 0 !important;

display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

transform: translateY(-4px) !important;
}

/* 日付カード文字 */
.tribe-events-view--day .custom-day-date-tag * {
  color: #fff !important;
  text-align: center !important;
}

/* 年 */
.tribe-events-view--day .custom-day-date-tag span.tribe-events-calendar-day__event-date-tag-year {
  order: 1 !important;

display: block !important;

margin: 6px 0 !important;

font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}

/* 月 */
$124px$21.05 !important;
  font-weight: 800 !important;
}

/* 日 */
$124px$21.05 !important;
  font-weight: 800 !important;
}

/* =========================
   日付表示：本文・画像エリア
========================= */

/* 右側全体 */
.tribe-events-view--day .tribe-events-calendar-day__event-content {
  flex: 1 1 auto !important;

display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 24px !important;

width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;

padding: 0 !important;
  margin: 0 !important;

background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;

color: #141827 !important;
}

/* テキスト側 */
.tribe-events-view--day .tribe-events-calendar-day__event-details {
  order: 1 !important;

flex: 1 1 auto !important;

min-width: 0 !important;

margin: 0 !important;
  padding: 0 !important;
}

/* 画像側 */
.tribe-events-view--day .tribe-events-calendar-day__event-featured-image-wrapper {
  order: 2 !important;

flex: 0 0 230px !important;

padding: 0 !important;
  margin: 0 !important;

align-self: center !important;
}

/* 画像リンク */
.tribe-events-view--day .tribe-events-calendar-day__event-featured-image-link {
  display: block !important;

padding: 0 !important;
  margin: 0 !important;
}

/* 画像 */
.tribe-events-view--day .tribe-events-calendar-day__event-featured-image {
  display: block !important;

width: 230px !important;
  max-width: 230px !important;

height: 129px !important;

object-fit: cover !important;

margin: 0 !important;

border-radius: 12px !important;

box-shadow: 0 8px 20px rgba(0,0,0,.10) !important;
}

/* =========================
   日付表示：ヘッダー内
========================= */

.tribe-events-view--day .tribe-events-calendar-day__event-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* 日時 */
.tribe-events-view--day .tribe-events-calendar-day__event-datetime-wrapper {
  order: 1 !important;

margin: 0 0 16px !important;
}

.tribe-events-view--day .tribe-events-calendar-day__event-datetime {
  display: inline-flex !important;
  align-items: center !important;

min-height: 28px !important;
  height: 28px !important;

padding: 5px 10px !important;

background: #f4f7fa !important;
  color: var(--kyoiq-color-text) !important;

border: 1px solid rgba(31,111,165,.18) !important;
  border-radius: 4px !important;

box-shadow: 0 3px 8px rgba(31,111,165,.12) !important;

box-sizing: border-box !important;

font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

/* イチオシアイコン削除 */
.tribe-events-view--day .tribe-events-calendar-day__event-datetime-featured-icon {
  display: none !important;
}

/* イチオシラベル */
.tribe-events-view--day .tribe-events-calendar-day__event-datetime-featured-text {
  position: relative !important;

display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

min-height: 28px !important;
  height: 28px !important;

padding: 4px 16px !important;
  margin-right: 8px !important;

background: #fff5fa !important;
  color: transparent !important;

border: 1px solid rgba(255,95,147,.35) !important;
  border-radius: 4px !important;

box-shadow: 0 3px 8px rgba(255,95,147,.14) !important;

box-sizing: border-box !important;
}

.tribe-events-view--day .tribe-events-calendar-day__event-datetime-featured-text::before {
  content: "イチオシ";

position: absolute !important;

left: 50% !important;
  top: 50% !important;

transform: translate(-50%, -50%) !important;

color: #ff5f93 !important;

font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 700 !important;

white-space: nowrap !important;
}

/* タイトル */
.tribe-events-view--day .tribe-events-calendar-day__event-title {
  order: 2 !important;

margin-top: 0 !important;
  margin-bottom: 18px !important;

color: #141827 !important;

font-size: 18px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
}

.tribe-events-view--day .tribe-events-calendar-day__event-title a,
.tribe-events-view--day .tribe-events-calendar-day__event-title a:hover,
.tribe-events-view--day .tribe-events-calendar-day__event-title a:focus {
  color: #141827 !important;

text-decoration: none !important;

border-bottom: none !important;

box-shadow: none !important;
}

/* 会場 */
.tribe-events-view--day .tribe-events-calendar-day__event-venue {
  order: 3 !important;

display: flex !important;
  align-items: center !important;

gap: normal !important;

margin: 0 0 12px !important;

color: #374151 !important;

font-size: 15px !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
}

.tribe-events-view--day .tribe-events-calendar-day__event-venue-title {
  display: flex !important;
  align-items: center !important;
  color: #374151 !important;
}

/* 住所非表示 */
.tribe-events-view--day .tribe-events-calendar-day__event-venue-address,
.tribe-events-view--day .tribe-events-calendar-day__event-venue .tribe-address {
  display: none !important;
}

/* 会場アイコン */
.tribe-events-view--day .tribe-events-calendar-day__event-venue-title::before {
  content: "\f3c5";

font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;

display: inline-flex !important;

margin-right: 8px !important;

color: var(--kyoiq-color-text) !important;

font-size: 14px !important;
  line-height: 1 !important;
}

/* =========================
   日付表示：主催者・タグラベル
========================= */

/* ラベル行 */
.tribe-events-view--day .event-labels,
.tribe-events-view--day .tribe-events-calendar-day__event-categories {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;

gap: 10px 12px !important;

margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* 主催者・タグ・開催状態 */
.tribe-events-view--day .event-labels .tribe-events-calendar-day__event-organizer-title,
.tribe-events-view--day .event-labels .tribe-events-calendar-day__event-tag-label,
.tribe-events-view--day .event-labels .event-status-label,
.tribe-events-view--day .tribe-events-calendar-day__event-categories a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  height: 30px !important;
  max-width: 100% !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  margin: 0 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* =========================
   投稿内：主催者イベントカード
========================= */

/*
========================================
ラベル共通
========================================
*/

.event-label{
  display:inline-flex;
  align-items:center;
  gap:8px;

padding:5px 10px;

border-radius:4px;

background:rgba(255,255,255,.96);

backdrop-filter:blur(6px);

font-size:12px;
  font-weight:800;
  line-height:1.2;

white-space:nowrap;
}

.event-label i{
  font-size:12px;
  line-height:1;
}

/*
========================================
イチオシ
========================================
*/

.label-featured{
  color:#f03b78;
  border:1.5px solid #f45f93;
}

/*
========================================
主催者
========================================
*/

.label-organizer{
  color:#fff;
  background:var(--kyoiq-color-organizer-label);
  border:1.5px solid var(--kyoiq-color-organizer-label);
}

/*
========================================
開催状態
========================================
*/

.label-status{
  color:#ff8400;
  border:1.5px solid #ff8400;
}

/*
========================================
タグ
========================================
*/

.label-tag{
  color:var(--kyoiq-color-event-primary-dark);
  border:1.5px solid var(--kyoiq-color-event-primary-dark);
}

/*
========================================
日時
========================================
*/

.custom-event-date{
  display:flex;
  align-items:center;

border:1px solid var(--kyoiq-color-event-primary-dark);
  border-radius:10px;

overflow:hidden;

margin-bottom:34px;
}

.custom-event-date-icon{
  width:44px;
  min-height:40px;

background:var(--kyoiq-color-event-primary-dark);
  color:#fff;

display:flex;
  align-items:center;
  justify-content:center;

font-size:18px;
}

.custom-event-date-icon i{
  font-size:20px;
}

.custom-event-date-text{
  padding:0 16px;

font-size:12px;
  font-weight:800;

color:var(--kyoiq-color-event-primary-dark);

line-height:1.25;
}

/*
========================================
タイトル
========================================
*/

.custom-event-title{
  margin:0 0 32px;
  padding-bottom:24px;

font-size:16px;
  font-weight:800;
  line-height:1.45;

border-bottom:1px solid #ddd;
}

.custom-event-title a{
  color:#222;
  text-decoration:none;
}

/*
========================================
会場
========================================
*/

.custom-event-venue{
  display:flex;
  align-items:flex-start;
  gap:12px;

font-size:12px;
  font-weight:300;
  line-height:1.6;

color:#555;
}

.custom-event-venue-icon{
  color:var(--kyoiq-color-event-primary-dark);
  font-size:18px;
  line-height:1.2;
}

.custom-event-venue-icon i{
  font-size:18px;
}

/*
========================================
画像ラベル位置
========================================
*/

.custom-event-labels{
  position:absolute;

top:18px;
  left:18px;
  right:18px;

display:flex;
  flex-wrap:wrap;
  gap:10px;

z-index:10;
}

/*
========================================
画像
========================================
*/

.custom-event-image-wrap{
  border-radius:14px;

aspect-ratio:16 / 9;
}

.custom-event-image{
  width:100%;
  height:100%;

object-fit:cover;
  object-position:center center;

display:block;
}

/*
========================================
カード
========================================
*/

.custom-event-card{
  display:grid;
  grid-template-columns:1.35fr 1fr;

gap:24px;
	align-items:start;

background:#fff;

border-radius:28px;

padding:24px;

box-shadow:0 12px 36px rgba(0,0,0,.08);
  margin-bottom: 24px;
}

/*
========================================
レスポンシブ
========================================
*/

@media (max-width: 1199px){

.custom-event-card{
    grid-template-columns:1fr;
  }

.custom-event-title{
    font-size:22px;
  }

.custom-event-date-text{
    font-size:18px;
  }

.custom-event-venue{
    font-size:15px;
  }

.event-label{
    font-size:12px;
    padding:8px 12px;
  }
}

