@charset "UTF-8";

/* =========================================================
   オープンキャンパス — 開催ステータス表示
   終了した回（8/29）と次回開催の回（10/24）を見分けられるようにする。

   注意: index.css 側が .open-campus__item:nth-child(n) …（詳細度0,3,0）で
   色を指定しているため、上書きはクラスを2つ重ねた
   .open-campus__item.open-campus__item--closed … で詳細度を合わせている。
   ========================================================= */

/* --- ステータスのラベル --- */

.open-campus__status {
  display: inline-block;
  margin-bottom: 8px;
  padding: 4px 12px 3px;
  border-radius: 45px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.08em;
  color: #fff;
}

@media (width > 768px) {
  .open-campus__status {
    margin-bottom: 14px;
    padding: 6px 20px 5px;
    font-size: 15px;
  }
}

.open-campus__status--closed {
  background-color: #6b7580;
}

.open-campus__status--next {
  background-color: #2a6bb8;
}

/* --- 終了した回 --- */

.open-campus__item.open-campus__item--closed {
  border-top-color: #b9c2cc;
  background-color: #fafbfc;
}

.open-campus__item.open-campus__item--closed .open-campus__date {
  color: #8d98a5;
}

.open-campus__item.open-campus__item--closed .open-campus__date .weekday {
  background-color: #e2e6ea;
  color: #6b7580;
}

.open-campus__item.open-campus__item--closed .open-campus__txt {
  color: #7a838d;
}

/* 申込ボタンは押せない見た目に（リンクではなく span で出力） */
.open-campus__item.open-campus__item--closed .open-campus__btn--closed {
  background: #eef1f4;
  border: 1px solid #c9d0d7;
  color: #5b6570;
  cursor: default;
}

.open-campus__item.open-campus__item--closed .open-campus__btn--closed:hover {
  opacity: 1;
}