/**
 * イベントカード共通スタイル
 */
/* :is(#event, #room) { */
  .room-search-points__lead.bg-lightblue {
    background-color: #e5f4fa !important;
  }

  .event-schedule__card {
    --event-card-color: var(--color-main);
    border: 2px solid var(--event-card-color);
    border-radius: 15px;
    display: flex;
    flex-direction: column;

    &.event-schedule__card--seminar { --event-card-color: var(--color-sub-yellow); }
    &.event-schedule__card--exam { --event-card-color: var(--color-sub-purple); }
    &.event-schedule__card--preparation { --event-card-color: var(--color-sub-green); }

    .event-schedule__heading h3,
    .event-schedule__meta dt { color: var(--event-card-color); }

    .event-schedule__button { background-color: var(--event-card-color); }

    &.event-schedule__card--seminar {
      .event-schedule__heading h3,
      .event-schedule__meta dt { color: var(--color-primary); }
      .event-schedule__button { color: var(--color-primary); }
    }
  }

  .event-schedule__heading {
    align-items: flex-start;
    display: flex;
    gap: 1rem;

    h3 {
      color: var(--color-main);
      font-size: var(--font-size-h3);
      line-height: 1.4;
      margin: 0.35rem 0 0;
    }
  }

  .event-schedule__meta {
    > div {
      padding-bottom: 1.25rem;
      &:last-child { padding-bottom: 0; }
    }

    dt {
      align-items: center;
      background-color: color-mix(in srgb, var(--event-card-color) 18%, #fff);
      color: var(--event-card-color) !important;
      display: flex;
      gap: 0.5rem;
      margin-bottom: 0.5rem;
      padding: 0.25rem 0.5rem;

      &::before {
        align-items: center;
        background-color: var(--event-card-color);
        border-radius: 50%;
        color: #fff;
        content: "\f054";
        display: inline-flex;
        flex: 0 0 1.5rem;
        font-family: "Font Awesome 6 Free";
        font-size: 0.75rem;
        font-weight: 900;
        height: 1.5rem;
        justify-content: center;
      }
    }

    dd { margin: 0; padding-inline: 0.25rem; }
  }

  .event-schedule__card--seminar .event-schedule__meta dt {
    color: var(--color-primary) !important;
  }

  .event-schedule__button,
  .room-consultation__coming-soon {
    align-items: center;
    background-color: var(--color-main);
    border-radius: 9999px;
    color: #fff;
    display: flex;
    font-weight: 700;
    justify-content: center;
    margin: auto auto 0;
    max-width: 20rem;
    min-height: 3rem;
    padding: 0.75rem 1.5rem;
    text-align: center;
    width: 100%;

    &::after {
      content: "\f08e";
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      margin-left: 0.75rem;
    }
  }

  .event-schedule__media-placeholder {
    align-items: center;
    aspect-ratio: 16 / 9;
    background-color: #f5f5f5;
    border: 1px dashed #999;
    color: #777;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    justify-content: center;

    i { color: var(--color-main); font-size: 2rem; }
  }

  .event-card__image {
    aspect-ratio: 16 / 9;
    height: auto;
    object-fit: cover;
  }

  .room-consultation__card {
    border: 2px solid var(--color-main);
    border-radius: 15px;
    display: flex;
    flex-direction: column;
  }

  .room-consultation__card--campus { border-color: var(--color-sub-pink); }

  .room-consultation__card-header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;

    > span {
      background-color: var(--color-main);
      border-radius: 0.25rem;
      color: #fff;
      font-weight: 700;
    }

    h4 {
      color: var(--color-primary);
      font-size: var(--font-size-h4);
      font-weight: 700;
    }
  }

  .room-consultation__card-header--campus > span { background-color: var(--color-sub-pink); }

  .room-consultation__details {
    li {
      line-height: 1.5;
      list-style: none !important;
      padding-bottom: 1.25rem;
      &:last-child { padding-bottom: 0; }
    }

    strong, span, a { display: block; }

    strong {
      align-items: center;
      background-color: #cce9f7;
      color: var(--color-main);
      display: flex;
      gap: 0.5rem;

      &::before {
        align-items: center;
        background-color: var(--color-main);
        border-radius: 50%;
        color: #fff;
        content: "\f054";
        display: inline-flex;
        flex: 0 0 1.5rem;
        font-family: "Font Awesome 6 Free";
        font-size: 0.75rem;
        font-weight: 900;
        height: 1.5rem;
        justify-content: center;
      }
    }

    a {
      color: inherit;
      text-decoration: none;
      &:hover { color: var(--color-main); text-decoration: underline; }
    }
  }

  .room-consultation__details--campus {
    flex-grow: 1;
    li strong { background-color: #fde1e9; color: var(--color-sub-pink); }
    li strong::before { background-color: var(--color-sub-pink); }
    small { display: inline-block; }
  }

  .room-consultation__card--campus .room-consultation__coming-soon {
    background-color: var(--color-sub-pink);
  }
/* } */