/*
  ARIEL EVENT DETAIL STATIC TEMPLATE 202607

  完成済みBLOG DETAIL 202607を表示基準とする。
  共通レイアウト・CONTENTS MENU・固定フッターは変更しない。
  イベント固有の要素だけを追加装飾する。
*/

.ariel-event-template-state-202607 {
  display: inline-flex;
  min-height: 36px;
  margin-top: 16px;
  align-items: center;
  justify-content: center;
  border: 1px solid #a7ead2;
  border-radius: 999px;
  padding: 7px 15px;
  color: #087954;
  background: #e7fbf3;
  font-size: 12px;
  font-weight: 900;
}

.ariel-event-template-thumb-202607
.ariel-event-template-image-placeholder-202607 {
  display: flex;
  width: 100%;
  aspect-ratio: 1 / 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px dashed #9edce8;
  border-radius: 12px;
  color: #177c9c;
  background:
    linear-gradient(
      135deg,
      rgba(238, 250, 253, .96),
      rgba(255, 245, 250, .96)
    );
  text-align: center;
}

.ariel-event-template-image-placeholder-202607 span {
  font-family:
    "waverly-cf",
    "Times New Roman",
    Georgia,
    serif;
  font-size: 24px;
  letter-spacing: .12em;
}

.ariel-event-template-image-placeholder-202607 strong {
  margin-top: 8px;
  color: #e67dad;
  font-size: 21px;
}

.ariel-event-template-image-placeholder-202607 small {
  margin-top: 8px;
  color: #607b8b;
  font-size: 12px;
}

.ariel-event-template-period-202607 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  margin: 0 0 20px;
  align-items: center;
  border: 1px solid #cfeaf1;
  border-radius: 14px;
  padding: 12px 13px;
  background:
    linear-gradient(
      135deg,
      #effbfe,
      #fff7fb
    );
}

.ariel-event-template-period-202607 span {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 5px 10px;
  color: #fff;
  background: #02afce;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}

.ariel-event-template-period-202607 strong {
  color: #294962;
  font-size: 13px;
  line-height: 1.7;
}

.ariel-event-template-lead-202607 {
  margin: 0 0 22px !important;
  border-left: 4px solid #e67dad;
  padding: 4px 0 4px 13px;
  color: #344f68;
  font-weight: 700;
}

.ariel-event-template-html-202607 h2 {
  margin: 27px 0 14px;
  border-left: 4px solid #e67dad;
  border-bottom: 1px solid #d6eef4;
  padding: 8px 0 8px 12px;
  color: #245f7d;
  font-size: 19px;
  line-height: 1.65;
}

.ariel-event-template-html-202607 ul {
  margin: 0 0 20px;
  padding-left: 1.6em;
}

.ariel-event-template-html-202607 li {
  margin: 6px 0;
  line-height: 1.9;
}

.ariel-event-template-html-202607 strong {
  color: #d95e95;
}

.ariel-event-template-cta-202607 {
  margin-top: 26px;
  text-align: center;
}

.ariel-event-template-cta-202607 a {
  display: inline-flex;
  width: min(100%, 440px);
  min-height: 56px;
  align-items: center;
  justify-content: center;
  border: 1px solid #43bfb4;
  border-radius: 999px;
  padding: 13px 22px;
  color: #fff;
  background:
    linear-gradient(
      135deg,
      #43bfb4,
      #1caf7c
    );
  font-size: 15px;
  font-weight: 900;
  text-decoration: none;
}

/*
  Fixed footer clearance for the static event template only.
  The third value in the base margin shorthand is 0, so the section has
  no bottom margin and the last row can sit behind the fixed footer.
*/
html body
.main-story.ariel-center-v1
.ariel-base-standard-bg-only-202607
> section.center-contents-menu-section#contents-menu {
  margin:
    34px 0 calc(62px + env(safe-area-inset-bottom))
    !important;
}

@media screen and (max-width: 520px) {
  .ariel-event-template-period-202607 {
    grid-template-columns: 1fr;
    gap: 7px;
    padding: 11px;
  }

  .ariel-event-template-period-202607 span {
    width: fit-content;
  }

  .ariel-event-template-html-202607 h2 {
    margin-top: 24px;
    padding: 7px 0 7px 10px;
    font-size: 17px;
  }
}

/* ariel-event-template-menu-gap-adjustment-20260714 START */
/*
  固定フッターに隠れない範囲で、
  CONTENTS MENU下の余白を110pxから72pxへ縮小。
*/
@media screen and (max-width: 1024px) {
  html body
  .main-story.ariel-center-v1
  .ariel-base-standard-bg-only-202607
  > section.center-contents-menu-section#contents-menu {
    margin:
      34px 0 calc(62px + env(safe-area-inset-bottom))
      !important;
  }
}
/* ariel-event-template-menu-gap-adjustment-20260714 END */

/* ==========================================================================
   ARIEL EVENT DYNAMIC EXTENSIONS 202607
   --------------------------------------------------------------------------
   Base design:
   public/_preview/ariel-assets/css/ariel-event-detail-template-202607.css

   Only dynamic data states and real uploaded images are added here.
   ========================================================================== */

.ariel-event-template-state-202607.is-upcoming {
  border-color: #efd58d;
  color: #8a5a00;
  background: #fff7dc;
}

.ariel-event-template-state-202607.is-ended {
  border-color: #d9dde2;
  color: #6b7280;
  background: #f1f3f5;
}

.ariel-event-template-thumb-202607 img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  object-position: center;
  border: 0;
  background: #ffffff;
}

.ariel-event-template-html-202607 > :first-child {
  margin-top: 0;
}

.ariel-event-template-html-202607 > :last-child {
  margin-bottom: 0;
}

.ariel-event-template-html-202607 h3,
.ariel-event-template-html-202607 h4 {
  color: #245f7d;
  font-weight: 700;
  line-height: 1.65;
}

.ariel-event-template-html-202607 h3 {
  margin: 23px 0 12px;
  color: #d95e95;
  font-size: 16px;
}

.ariel-event-template-html-202607 h4 {
  margin: 20px 0 9px;
  font-size: 15px;
}

.ariel-event-template-html-202607 ol {
  margin: 0 0 20px;
  padding-left: 1.6em;
}

.ariel-event-template-html-202607 blockquote {
  margin: 20px 0;
  border-left: 4px solid #02afce;
  padding: 12px 14px;
  color: #405d70;
  background: #f3fbfd;
}

.ariel-event-template-html-202607 a {
  color: #078cac;
  font-weight: 700;
  text-underline-offset: 3px;
}

.ariel-event-template-html-202607 hr {
  height: 1px;
  margin: 24px 0;
  border: 0;
  background: #d9edf2;
}

.ariel-event-template-html-202607 table {
  width: 100%;
  margin: 20px 0;
  border-collapse: collapse;
  font-size: 13px;
}

.ariel-event-template-html-202607 th,
.ariel-event-template-html-202607 td {
  border: 1px solid #d7eaf0;
  padding: 9px;
  vertical-align: top;
}

.ariel-event-template-html-202607 th {
  color: #245f7d;
  background: #f1fafc;
}

.ariel-event-template-ended-note-202607 {
  margin-top: 22px;
  border: 1px solid #dcdfe4;
  border-radius: 13px;
  padding: 13px;
  color: #606874;
  background: #f7f7f8;
  font-size: 13px;
  line-height: 1.8;
}

@media screen and (max-width: 520px) {
  .ariel-event-template-html-202607 h3 {
    font-size: 15.5px;
  }

  .ariel-event-template-html-202607 table {
    font-size: 11.5px;
  }

  .ariel-event-template-html-202607 th,
  .ariel-event-template-html-202607 td {
    padding: 7px 5px;
  }
}

/* ARIEL EVENT BODY VISUAL REFRESH 20260715 START */
/*
  動的イベント本文を白背景に統一し、
  見出し・本文・箇条書きを読みやすく整理する。
*/

.ariel-event-template-content-202607 {
  border: 1px solid #e6edf2 !important;
  border-radius: 18px !important;
  padding: 22px 20px !important;
  background: #ffffff !important;
  background-image: none !important;
}

.ariel-event-template-period-202607 {
  border: 1px solid #dbe9f0 !important;
  background: #ffffff !important;
  background-image: none !important;
}

.ariel-event-template-lead-202607 {
  margin-bottom: 24px !important;
  background: #ffffff !important;
}

.ariel-event-template-html-202607 {
  color: #3f5567 !important;
  background: #ffffff !important;
}

.ariel-event-template-html-202607 > :first-child {
  margin-top: 0 !important;
}

.ariel-event-template-html-202607 > :last-child {
  margin-bottom: 0 !important;
}

.ariel-event-template-html-202607 p {
  margin: 0 0 18px !important;
  color: #3f5567 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 2 !important;
}

.ariel-event-template-html-202607 h2 {
  margin: 28px 0 14px !important;
  border-left: 4px solid #e67dad !important;
  border-bottom: 1px solid #d8ebf2 !important;
  border-radius: 0 12px 12px 0 !important;
  padding: 10px 14px 10px 12px !important;
  background: #f8fbfc !important;
  background-image: none !important;
  color: #245f7d !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.6 !important;
}

.ariel-event-template-html-202607 ul {
  margin: 0 0 22px !important;
  border: 1px solid #e7eef3 !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  background: #ffffff !important;
  background-image: none !important;
  list-style: none !important;
}

.ariel-event-template-html-202607 li {
  position: relative !important;
  margin: 0 0 10px !important;
  padding-left: 1.2em !important;
  color: #3f5567 !important;
  line-height: 1.9 !important;
}

.ariel-event-template-html-202607 li:last-child {
  margin-bottom: 0 !important;
}

.ariel-event-template-html-202607 li::before {
  content: "•" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  color: #e67dad !important;
  font-weight: 900 !important;
}

@media screen and (max-width: 520px) {
  .ariel-event-template-content-202607 {
    border-radius: 16px !important;
    padding: 18px 16px !important;
  }

  .ariel-event-template-html-202607 p {
    font-size: 14px !important;
    line-height: 1.95 !important;
  }

  .ariel-event-template-html-202607 h2 {
    margin-top: 24px !important;
    padding: 9px 12px 9px 10px !important;
    font-size: 16px !important;
  }

  .ariel-event-template-html-202607 ul {
    padding: 12px 13px !important;
  }
}
/* ARIEL EVENT BODY VISUAL REFRESH 20260715 END */

/* ARIEL EVENT LIST GROUP DESIGN 20260715 START */
/*
  箇条書きを項目ごとの個別カードにせず、
  一覧全体を1つの白いボックスとして表示する。
*/

html body
.main-story.ariel-center-v1
.ariel-event-template-html-202607 ul {
  display: block !important;
  margin: 0 0 22px !important;
  padding: 4px 18px !important;
  border: 1px solid #e1ebf0 !important;
  border-radius: 15px !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  list-style: none !important;
}

html body
.main-story.ariel-center-v1
.ariel-event-template-html-202607 ul > li {
  position: relative !important;
  display: block !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 14px 4px 14px 22px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #3f5567 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.85 !important;
}

html body
.main-story.ariel-center-v1
.ariel-event-template-html-202607 ul > li + li {
  border-top: 1px solid #edf2f5 !important;
}

html body
.main-story.ariel-center-v1
.ariel-event-template-html-202607 ul > li::before {
  content: "•" !important;
  position: absolute !important;
  top: 14px !important;
  left: 4px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  color: #e67dad !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1.55 !important;
}

@media screen and (max-width: 520px) {
  html body
  .main-story.ariel-center-v1
  .ariel-event-template-html-202607 ul {
    padding: 3px 14px !important;
    border-radius: 14px !important;
  }

  html body
  .main-story.ariel-center-v1
  .ariel-event-template-html-202607 ul > li {
    padding: 13px 2px 13px 20px !important;
    font-size: 13.5px !important;
    line-height: 1.8 !important;
  }

  html body
  .main-story.ariel-center-v1
  .ariel-event-template-html-202607 ul > li::before {
    top: 13px !important;
    left: 2px !important;
  }
}
/* ARIEL EVENT LIST GROUP DESIGN 20260715 END */

/* ARIEL EVENT DETAIL AUDIENCE BADGE 20260715 START */
/*
  管理画面で選択したイベント対象を、
  詳細ページ上で明確な専用バッジとして表示する。
*/

html body
.main-story.ariel-center-v1
.ariel-blog-detail-meta-202607
.is-audience {
  display: inline-flex !important;
  min-height: 27px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  padding: 5px 11px !important;
  font-family:
    "Noto Sans JP",
    "Zen Kaku Gothic New",
    "Hiragino Sans",
    "Yu Gothic",
    Meiryo,
    sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .035em !important;
  box-shadow: none !important;
}

html body
.main-story.ariel-center-v1
.ariel-blog-detail-meta-202607
.is-audience-members {
  border: 1px solid rgba(230, 125, 173, .48) !important;
  color: #d65d94 !important;
  -webkit-text-fill-color: #d65d94 !important;
  background: #fff5fa !important;
}

html body
.main-story.ariel-center-v1
.ariel-blog-detail-meta-202607
.is-audience-non_members {
  border: 1px solid rgba(2, 175, 206, .46) !important;
  color: #078eaa !important;
  -webkit-text-fill-color: #078eaa !important;
  background: #f1fbfd !important;
}

html body
.main-story.ariel-center-v1
.ariel-blog-detail-meta-202607
.is-audience-all {
  border: 1px solid rgba(67, 191, 180, .48) !important;
  color: #248c82 !important;
  -webkit-text-fill-color: #248c82 !important;
  background: #f1fbf9 !important;
}
/* ARIEL EVENT DETAIL AUDIENCE BADGE 20260715 END */