.elementor-kit-5{--e-global-color-primary:#000000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#252525;--e-global-color-accent:#FF7BE5;--e-global-color-728df1b:#ECECEC;--e-global-color-56f1674:#CECECE;--e-global-color-e51634a:#F5F5F5;--e-global-color-237eaab:#FF6221;--e-global-color-63f0352:#797979;--e-global-color-304e131:#05A6F7;--e-global-typography-primary-font-family:"Noto Sans JP";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Noto Sans JP";--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:36px;--e-global-typography-text-font-family:"Noto Sans JP";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:500;--e-global-typography-text-line-height:34px;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 img{border-radius:10px 10px 10px 10px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ACF柔軟なレイアウト 全体の行間を設定 */
.flexible-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

/* ギャラリーレイアウト用のスタイル */
.custom-acf-gallery {
  display: grid;
  gap: 15px;
}

/* ▼ カラム数の切り替え ▼ */
.custom-acf-gallery.columns-2 {
  grid-template-columns: repeat(2, 1fr);
}
.custom-acf-gallery.columns-3 {
  grid-template-columns: repeat(3, 1fr);
}
.custom-acf-gallery.columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.custom-acf-gallery .gallery-item {
  margin: 0;
  aspect-ratio: 4 / 3;
  border-radius: 8px;
  overflow: hidden;
}

.custom-acf-gallery .gallery-item-bg {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

/* ▼ 表示方法の切り替え ▼ */
.custom-acf-gallery.gallery-style-cover .gallery-item-bg {
  background-size: cover;
}
.custom-acf-gallery.gallery-style-contain .gallery-item-bg {
  background-size: contain;
}

/* ギャラリーのキャプションの文字を斜体にしない */
.gallery-caption {
  font-style: normal;
  font-size: 18px;
}

/* カスタムリンクリストのスタイル */
.custom-link-list {
  list-style: none; /* リストの黒点を消す */
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px; /* 各リンクの間の小さな余白 */
}

.custom-link-list a {
  display: block;
  padding: 12px 20px;
  background-color: #ccc;
  border-radius: 8px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  transition: background-color 0.2s;
}

.custom-link-list a:hover {
  background-color: #ddd;
}

/* 「続きを読む」リンクのスタイル */
.read-more-link {
  display: inline-block;
  padding: 12px 30px;
  background-color: #333;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border-radius: 8px;
  transition: background-color 0.3s;
}

.read-more-link:hover {
  background-color: #555;
  color: #fff;
}
/* 記事一覧ブロックのスタイル */
.custom-post-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3列表示 */
  gap: 20px;
}

.custom-post-list .post-list-item {
  text-decoration: none;
  color: #333;
  border: 1px solid #eee;
  border-radius: 8px;
  overflow: hidden;
  transition: box-shadow 0.3s;
}

.custom-post-list .post-list-item:hover {
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.custom-post-list .post-list-thumbnail img {
  width: 100%;
  height: auto;
  display: block;
}

.custom-post-list .post-list-title {
  font-size: 16px;
  padding: 15px;
  margin: 0;
  line-height: 1.4;
}

/* 物件概要テーブル(.bukken)の基本スタイル */
.bukken {
  width: 100%;
  border-collapse: collapse; /* 枠線を重ねる */
  border: 1px solid #ddd;
  font-size: 16px;
}

.bukken th,
.bukken td {
  border: 1px solid #ddd;
  padding: 12px 15px;
  vertical-align: middle; /* 上下中央揃え */
}

/* PC向けスタイル */
.bukken th {
  background-color: #f9f9f9;
  font-weight: bold;
  text-align: left;
  width: 25%; /* 項目名の幅を固定 */
}

/* --- ここからがレスポンシブ対応 --- */
/* 画面幅が600px以下の場合に適用 */
@media (max-width: 600px) {

  /* テーブルの構造を解除し、すべてを縦積みにする */
  .bukken,
  .bukken tbody,
  .bukken tr,
  .bukken th,
  .bukken td {
    display: block;
    width: 100%;
    box-sizing: border-box; /* paddingを含めて幅100%にする */
  }
  
  /* 行ごとの枠線を消す */
  .bukken tr {
    border: none;
    margin-bottom: 15px; /* 各項目の間に余白を設ける */
  }
  
  /* 項目名（th）のスタイル */
  .bukken th {
    border: none;
    border-bottom: 2px solid #333; /* 項目名の下に太線を引く */
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
  
  /* 内容（td）のスタイル */
  .bukken td {
    border: none;
    padding-left: 5px; /* 内容を少しインデントする */
  }
}/* End custom CSS */