@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイル
************************************/

/* Fudousan Plugin Ver.XXXX を非表示にする */
#nendebcopy {
  display: none;
}

/* ------------------------------ 一覧ページ ------------------------------ */
.archive-fudo .page-title {
  display: none !important;
}
#list_simplepage {
  display: flex;
  justify-content: flex-start; /* 両端に配置 */
  gap: 2%;
  flex-wrap: wrap; /* 折り返し有効 */
}
#list_simplepage article {
  width: 32%;
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}
#list_simplepage .entry-excerpt {
  display: none;
}
#list_simplepage .list_simple_box {
  position: relative;
  height: 100%;
  padding-bottom: 60px; /* ボタンの高さ分あける */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}
#list_simplepage .list_simple_box .list_picsam {
  margin-bottom: 20px;
  padding: 0;
}
#list_simplepage .list_simple_box .list_detail .list_price dl {
  display: none;
}
#list_simplepage td {
  background: #f8f8f8;
}
#list_simplepage .list_address table td {
  border-bottom: 0 !important;
}

/* 画像 */
@container container_list_simple_box (max-width: 768px) {
  #list_simplepage .list_simple_box .list_picsam .list_picsam_img img {
    max-width: inherit; /* 画像サイズの変更に影響を与えるので解除 */
    height: auto;
    margin: 0 10px 20px;
  }
}
#list_simplepage .list_simple_box .list_picsam .list_picsam_img img {
  width: 100%;
  margin: 0;
  border: 0;
}
#list_simplepage .list_simple_box .list_picsam .list_picsam_img a:last-child {
  display: none;
}

/* エントリータイトル */
.entry-title {
  padding: 0 20px;
  margin: 4px 0;
  font-size: 20px;
}
.entry-title a {
  color: #000;
  text-decoration: none;
}

/* 詳細 */
#list_simplepage .list_simple_box .list_detail {
  padding: 0 20px;
}
#list_simplepage article .list_address_th {
  display: none; /* 所在地 */
}
#list_simplepage .list_simple_box .list_detail dl:nth-child(1) dd:not(:nth-child(2)) {
  display: none; /* 中古マンション 間取 */
}
#list_simplepage .list_simple_box .list_detail dl:nth-child(1) dt:nth-of-type(2) {
  display: none; /* 間取 */
}
#list_simplepage .list_simple_box .list_detail dl:nth-child(2) dt {
  display: none; /* 間取 */
}
#list_simplepage .list_simple_box .list_detail dl:nth-child(2) dd {
  display: none; /* 間取 */
}
.list_detail .list_price_others {
  display: none;
}

/* ボタン */
#list_simplepage .list_details_button {
  background-color: rgba(0, 170, 149);
  border: none;
  width: 90%;
  margin: 0 auto;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}
#list_simplepage .list_details_button > a {
  padding: 16px 20px;
}
#list_simplepage a:hover .list_details_button {
  background-color: rgb(161, 218, 211);
}
#list_simplepage a:where(:not(.wp-element-button)) {
  text-decoration: none;
}

/* 他 */
.dpoint1 {
  display: none; /* 赤色金額 */
}
.dpoint2 {
  display: none; /* 間取り */
}
.dpoint3 {
  color: red;
}

/* ------------------------------ 物件詳細 ------------------------------ */
.single-fudo #main {
  padding-top: 0;
}
/* レイアウト */
#list_simplepage2 .list_simple_box {
  display: flex;
  flex-wrap: wrap;
}
#list_simplepage2 .entry-content {
  order: 2; /* 2番目に */
  width: 50%;
  padding-left: 20px;
}
#list_simplepage2 .details-map {
  order: 4; /* 4番目に */
  width: 100%;
  padding-bottom: 20px;
}
#list_simplepage2 .list_picsam {
  order: 1; /* 1番目に */
  width: 50%;
}
#list_simplepage2 .list_detail {
  order: 3; /* 3番目に */
  width: 100%;
  font-size: 16px;
}

/* エントリータイトル */
#list_simplepage2 .entry-title {
  padding: 0;
  margin: 20px 0;
  font-size: 30px;
}

/* 画像 */
#list_simplepage2 #single_fudou_img {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}
/* 1枚目を全幅 */
#list_simplepage2 #single_fudou_img > a:first-child {
  width: 100%;
}
#list_simplepage2 #single_fudou_img > a:first-child img {
  width: 100%;
  height: auto;
}
/* 2〜5枚目を横並び */
#list_simplepage2 #single_fudou_img > a:not(:first-child) {
  width: calc(25% - 6px); /* ← 4列に変更 */
}
#list_simplepage2 #single_fudou_img > a:not(:first-child) img {
  width: 100%;
  height: auto;
}
/* 5枚目以降を非表示 */
#single_fudou_img > a:nth-child(n + 6) {
  /* ← 6枚目以降に変更 */
  display: none;
}
/* スライダー用 */
.slider-active {
  overflow: hidden;
  position: relative;
}
.slider-active > a:nth-child(n + 5) {
  display: flex !important;
  flex: 0 0 calc(33.333% - 6px);
  transition: transform 0.3s ease;
}
.entry-content {
  float: right;
}

/* 項目詳細 */
#list_simplepage2 .list_detail table#list_add {
  margin-bottom: 0;
}
#list_simplepage2 .list_detail table th {
  background-color: rgb(208, 227, 225);
}
#list_simplepage2 .list_detail table td {
  background-color: rgb(255, 255, 255);
}
#list_simplepage2 .list_simple_box .list_detail #list_add th {
  padding: 0.3rem 1rem;
}
#list_simplepage2 .list_simple_box .list_detail #list_add td {
  padding: 0.3rem 1rem;
}
#list_simplepage2 .list_simple_box .list_detail #list_other th {
  padding: 0.3rem 1rem;
}
#list_simplepage2 .list_simple_box .list_detail #list_other td {
  padding: 0.3rem 1rem;
}
#list_simplepage2 .list_simple_box .list_detail .list_detail_bottom_info {
  margin-bottom: 20px;
  display: block; /* ブロック自体を右寄せ 折り返しテキストは左寄せ */
  width: fit-content;
  margin-left: auto;
  text-align: left;
  max-width: 600px; /* 必要に応じて調整 */
}

/* 問合せフォーム */
#list_simplepage2 #contact_form .wpcf7-form input[type="submit"] {
  border: 0;
  background-color: rgba(0, 170, 149);
}
#list_simplepage2 #contact_form .wpcf7-form input[type="submit"]:hover {
  background-color: rgb(161, 218, 211);
  color: #000;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px) {
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px) {
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px) {
  /*必要ならばここにコードを書く*/
  /* ------------------------------ 一覧ページ ------------------------------ */
  #list_simplepage {
    all: inherit;
  }
  #list_simplepage article {
    all: inherit;
  }
  #list_simplepage .list_simple_box {
    margin-top: 15px;
    padding-top: 20px;
    padding-bottom: -20px;
    background: #f8f8f8;
    margin-bottom: 2rem;
  }
  #list_simplepage .list_simple_box .list_picsam img {
    width: 90% !important;
  }

  /* コンテンツ */
  .archive-fudo .pageback {
    float: inherit;
    margin: 20px 0;
  }

  /* ------------------------------ 物件詳細 ------------------------------ */
  /* レイアウト */
  #list_simplepage2 .list_simple_box {
    display: flex;
    flex-wrap: wrap;
  }
  #list_simplepage2 .entry-content {
    order: 2; /* 2番目に */
    width: 100%;
    padding-left: 0;
  }
  #list_simplepage2 .list_picsam {
    order: 1; /* 1番目に */
    width: 100%;
  }
  #list_simplepage2 .list_detail {
    order: 3; /* 3番目に */
    width: 100%;
    font-size: 16px;
  }
}