/* ============================================
   イベント一覧 専用CSS
   ============================================ */

/* ============================================
   ページタイトル
   ============================================ */
.page-title--event {
  width: auto;
  min-width: 170px;
  max-width: 230px;
  height: 75px;
  padding: 0 16px;
}

/* ============================================
   コンテナ（フッター押し下げ用flex）
   ============================================ */
.page-event .container {
  display: flex;
  flex-direction: column;
}

/* ============================================
   PageContents オーバーライド
   ============================================ */
.page-event .page-contents {
  padding: 32px 20px 0;
  flex: 1;
}

.page-event-nothing .page-contents {
  padding-top: 76px;
}

/* ============================================
   イベントコンテンツ（左インデント付き）
   ============================================ */
.event-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-left: 36px;
}

/* ============================================
   イベント詳細（開催日・開催時間・会場名）
   ============================================ */
.event-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.event-detail-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.event-detail-label {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 8px;
  width: 66px;
  flex-shrink: 0;
  background-color: var(--white);
  border: 1px solid var(--boat-blue);
  border-radius: 100px;
}

.event-detail-label__text {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.7;
  text-align: center;
  color: var(--boat-blue);
}

.event-detail-value {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  color: var(--boat-text);
}

/* ============================================
   ヘッディングバーmarginリセット
   ============================================ */
.page-event .heading-with-bar {
  margin-bottom: 0;
}

/* ============================================
   イベント説明文（箇条書き）
   ============================================ */
.event-description-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.event-description-list li {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 0.04em;
  color: var(--boat-text);
  padding-left: 1em;
  position: relative;
}

.event-description-list li::before {
  content: '・';
  position: absolute;
  left: 0;
}

/* ============================================
   掲載なしメッセージ
   ============================================ */
.event-nothing-message {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0.04em;
  color: var(--boat-text);
  padding-left: 36px;
}