/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 19 2025 | 01:54:00 */
/* — この投稿（ID8389）だけに効かせる — */
body.postid-8389 .contactColorItemBox,
body.postid-8389 .inner.inner1140.access,
body.postid-8389 .contactItemBox,
body.postid-8389 nav.gmenu {
  display: none !important;
}

body.postid-8389 {
  background-color: #FFFFFF !important;
}

body.postid-8389 .site,
body.postid-8389 .site-content,
body.postid-8389 .content-area,
body.postid-8389 #wrap {
  background-color: transparent !important;
}

/* — info-list の中の空p要素と改行brを完全に非表示 — */
body.postid-8389 .event-info .info-list > p,
body.postid-8389 .event-info .info-list br {
  display: none !important;
}

/* — EVENT INFORMATION コンテナ — */
body.postid-8389 .event-info {
  max-width: 800px;
  margin: 2em auto;
  padding: 2em;
  background: #f9f6f0;
  border-radius: 8px;
}

/* — 見出し (h3) の上下マージンを揃える — */
body.postid-8389 .event-info h3 {
  text-align: center;
  font-size: 1.6em;
  position: relative;
  margin: 0 0 1em !important; /* 上0 / 下1em */
}
body.postid-8389 .event-info h3::after {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  background: #333;
  margin: 0.5em auto 0;
}

/* — フレックスレイアウト — */
body.postid-8389 .event-info .info-list {
  display: flex !important;
  flex-wrap: wrap !important;
  column-gap: 1em !important;   /* 横の隙間 */
  row-gap:    0.5em !important; /* 縦の隙間 */
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

/* — 各アイテム — */
body.postid-8389 .event-info .info-item {
  display: flex !important;
  align-items: center !important;    /* ラベルと値を上下中央揃え */
  flex: 0 0 calc(50% - 1em) !important;
  min-width: 0 !important;           /* はみ出し防止 */
}

/* full が付くと１行幅 */
body.postid-8389 .event-info .info-item.full {
  flex: 0 0 100% !important;
}

/* — ラベル部分 — */
body.postid-8389 .event-info .label {
  min-width: 100px;
  padding: 0.5em 1em;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-weight: bold;
  text-align: center;
}

/* — 値部分 — */
body.postid-8389 .event-info .value {
  margin-left: 1em;
  line-height: 1.4;
  white-space: nowrap !important;     /* 折り返し禁止 */
}

/* — スマホ対応（幅600px以下） — */
@media screen and (max-width: 600px) {
  body.postid-8389 .event-info .info-list {
    column-gap: 0 !important;   
    row-gap:    0.5em !important;
  }
  body.postid-8389 .event-info .info-item {
    flex: 0 0 100% !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  body.postid-8389 .event-info .value {
    margin-left: 0 !important;
    margin-top: 0.5em !important;
    white-space: normal !important;
  }
}