/* ========================================
   Akiket Event
   イベント予定・イベント詳細ページ
======================================== */


/* イベント詳細ページ：全体 */
.ak-event-detail,
.ak-event-detail-header,
.ak-event-detail-content,
.ak-event-detail-section {
  text-align: left;
}


/* イベント詳細ページ：見出し */
.ak-event-detail-kicker,
.ak-event-detail-title,
.ak-event-detail-note,
.ak-event-detail-link {
  text-align: left;
}


/* イベント詳細ページ：メタ情報 */
.ak-event-detail-meta {
  margin: 1.2rem 0 0;
  padding: 0;
  text-align: left;
}

.ak-event-detail-meta-row {
  margin: 0.8rem 0 0;
}

.ak-event-detail-meta dt {
  margin: 0 0 0.25rem;
  font-weight: 600;
}

.ak-event-detail-meta dd {
  margin: 0;
  line-height: 1.7;
}


/* イベント詳細ページ：アイキャッチ画像 */
.ak-event-detail-image {
  margin: 1.5rem 0;
}

.ak-event-detail-img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0.9rem;
}


/* イベント詳細ページ：本文 */
.ak-event-detail-content {
  margin-top: 1.5rem;
  line-height: 1.9;
}

/* ========================================
   Event detail sections
   イベント詳細ページ：各セクション
======================================== */

.ak-event-detail-section {
  margin-top: 2.4rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(80, 60, 40, 0.14);
}

.ak-event-detail-section:first-of-type {
  margin-top: 2rem;
}

.ak-event-detail-section h2 {
  margin: 0 0 1rem;
  color: var(--ak-color-text, #2f2a24);
  font-size: clamp(1.35rem, 2.4vw, 1.75rem);
  line-height: 1.45;
  letter-spacing: 0.03em;
}

.ak-event-detail-section-body {
  color: var(--ak-color-text, #2f2a24);
  font-size: 1rem;
  line-height: 1.9;
}

.ak-event-detail-section-body p {
  margin: 0;
}

.ak-event-detail-section-body p + p {
  margin-top: 1rem;
}

.ak-event-detail-section-body ul,
.ak-event-detail-section-body ol {
  margin: 1rem 0 0;
  padding-left: 1.4rem;
}

.ak-event-detail-section-body li {
  margin-top: 0.35rem;
  line-height: 1.8;
}

.ak-event-detail-section-body a {
  color: var(--ak-color-text, #2f2a24);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.ak-event-detail-section-body a:hover,
.ak-event-detail-section-body a:focus {
  color: var(--ak-color-accent, #8a5a2b);
}