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

body.postid-8238 {
  background-color: #EFEDE9 !important;
}

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

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

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

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

/* — フレックスレイアウト — */
body.postid-8238 .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-8238 .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-8238 .event-info .info-item.full {
  flex: 0 0 100% !important;
}

/* — ラベル部分 — */
body.postid-8238 .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-8238 .event-info .value {
  margin-left: 1em;
  line-height: 1.4;
  white-space: nowrap !important;     /* 折り返し禁止 */
}

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

/* ページID8238限定で非表示 */
.postid-8238 .pointbox.contentsBgItem {
  display: none;
}

/* 8238だけ2カラムをCSS Gridで強制 */
.postid-8238 .pointbox.contentsBgItem .wrap-box {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px 40px; /* 行×列の余白はお好みで */
  /* 念のため既存のカラム系を無効化 */
  column-count: initial;
}

/* 子要素の幅指定/float/clearを無効化 */
.postid-8238 .pointbox.contentsBgItem .wrap-box .box {
  width: auto !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
}

/* floatレイアウトで使ってる疑似要素クリアを無効化 */
.postid-8238 .pointbox.contentsBgItem .wrap-box::before,
.postid-8238 .pointbox.contentsBgItem .wrap-box::after {
  content: none !important;
}

/* スマホは1カラムに落とす（任意） */
@media (max-width: 767px) {
  .postid-8238 .pointbox.contentsBgItem .wrap-box {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}