@charset "UTF-8";
/*
Theme Name: Astra Child Theme
Theme URI: https://realestate.niyuu.com/
Description: Astra Child Theme
Author: NIYUU CO.,LTD
Author URI: www.niyuu.com/
Template: astra
Version: 4.11.3
*/

/*ここから上書きしたいスタイルを記述*/
/* ------ ボタン------ */
.btn-blue,
a.btn-blue {
    color: #5397cd;
    background-color: #ffffff;
    border: 1px solid #5397cd;
    width:100%;
    margin: 5px auto;
    padding-top: 10px;
    padding-bottom: 10px;
}
.btn-blue:hover,
a.btn-blue:hover {
    color: #5397cd;
    background: #f4fbfe;
    border: 1px solid #5397cd;
    width:100%;
    margin: 5px auto;
    padding-top: 10px;
    padding-bottom: 10px;
}
/* WooCommerce ページナンバーの現在ページ */
.page-numbers .current,
.page-numbers .current:hover,
.page-numbers.current,
.page-numbers.current:hover {
    color: #ffffff !important;
    background-color: #000000; /* もし背景も変えたいなら */
}
/*=================================
footer
=================================*/
/* ------ ul li ------ */
.footer2 li{
    display: inline;
    padding-left: 10px; 
    padding-right: 10px; 
    border-left: 1px solid #4b4f58;
}
/*=================================
toppage
=================================*/
/* 投稿一覧アイテムを横並びに */
.ast-article-post,
.archive .ast-article-post {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* アイキャッチ画像：固定幅・高さ、自動トリミング */
.ast-article-post .post-thumb img {
  width: 100px;
  height: 70px;
  object-fit: cover;
  flex-shrink: 0;
}

/* 投稿日：小さめの文字・カラー */
.ast-article-post .posted-on {
  font-size: 14px;
  color: #666;
  min-width: 90px;
  flex-shrink: 0;
}

/* タイトル：リンク付き、余白広め */
.ast-article-post .entry-title {
  font-size: 16px;
  margin: 0;
  flex-grow: 1;
}
/* ===========================
   商品一覧ページ用スタイル
   =========================== */

/* 商品ブロック全体 */
.woocommerce ul.products li.product {
  display: block; /* flex解除 */
}
/* 商品画像とリンクの間隔をなくす */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
  display: block;
  margin-bottom: 0;
}

.woocommerce ul.products li.product img {
  display: block;
  margin-bottom: 0 !important;
}
/* 商品情報テキストの背景と余白調整 */
.woocommerce ul.products li.product .astra-shop-summary-wrap {
  width: 100%;
  background-color: #F7F8FA;
  margin: 0;
  padding: 10px;
  box-sizing: border-box;
}

/* 商品名フォントサイズ */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 1.2em;
}
/* WooCommerce の全ページ（一覧・詳細・関連商品など）に適用 */
.woocommerce ul.estate1 {
  width: 100%;
  list-style: none;
  margin: 0;
  paddingp: 0;
}

.woocommerce ul.estate1 li {
  display: flex;
  align-items: center;  /*  縦方向を中央揃え */
  padding: 2px 0;
  line-height: 1.4;
}

.woocommerce ul.estate1 li p {
  margin: 0;
  padding: 0;
  display: inline-block; /* ブロック表示を解除して横並び */
  font-weight: normal;   /* 太字を解除 */
}

.woocommerce ul.estate1 li p:first-child,
.woocommerce ul.estate1 li p:first-child strong {
  width: 20%;
  color: #808080;
  font-size: 0.9em;
  font-weight: normal !important; /* 強制的に太字解除 */
}

.woocommerce ul.estate1 li p:last-child {
  width: 80%;
  color: #333;
}
/* 商品一覧ページの「VIEW →」ボタンを横幅100%に */
.woocommerce ul.products li.product .button {
  width: 100%;
  display: block;
  box-sizing: border-box;
  text-align: center
}

/* ===========================
   商品個別ページ用スタイル
   =========================== */

/* メイン商品画像の高さ制限 */
.woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery__image {
  max-height: 500px;
  overflow: hidden;
}

.woocommerce-product-gallery__image img {
  height: auto;
  max-height: 500px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

/* 商品画像のサムネイル（8枚横並び） */
.woocommerce div.product div.images .flex-control-thumbs {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 6px;
  margin-top: 10px;
}

.woocommerce div.product div.images .flex-control-thumbs li {
  width: calc(12.25% - 5px); /* 約8個並ぶよう調整 */
  list-style: none;
}

.woocommerce div.product div.images .flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
}

/* ul.estate1 のスタイル（個別ページ用） */
.single-product ul.estate1 {
  width: 100%;
  background-color: #F7F8FA;
  list-style: none;
  padding: 20px;
  margin: 0;
  box-sizing: border-box;
}

.single-product ul.estate1 li {
  display: table;
  width: 100%;
  border-bottom: 1px solid #c0c0c0;
  table-layout: fixed;
}

.single-product ul.estate1 li p {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  margin: 0;
}

.single-product ul.estate1 li p:first-child {
  width: 20%;
  font-weight: bold;
}

.single-product ul.estate1 li p:last-child {
  width: 80%;
}
/* 商品詳細紹介 */
h2.estate2 {
  font-size: 24px;
  border-left: 8px solid #CC0000;
  padding: 10px 10px 10px 15px;
  margin-top: 80px;
  margin-bottom: 15px;
}
table.estate2-1 th {
  width: 15%;
  background-color: #F7F8FA;
}
table.estate2-2 th {
  background-color: #F7F8FA;
}
hr.estate2-2 {
  margin: 50px auto ;
  border: 1px solid #F7F8FA;
}

/* END */

/* 小デバイス（横向きモバイル, 768px 以下）
==============================================*/
@media (max-width: 768px) {
/*スマホ表示で .reverse-on-mobile クラスを持つセクション内の子要素（＝画像とテキスト）の並びが 下→上 に変わ*/
  .reverse-on-mobile {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
.footer2 li{
    display: inline-block;
    text-align:center !important;
}
/* スマホ表示時は縦並びに戻す */
  .ast-article-post {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
/* 商品個別ページの簡単説明 li左項目の幅変更 */
.single-product ul.estate1 {
  background-color: #FFFFFF;
  padding: 10px;
}
.single-product ul.estate1 li p {
  padding: 10px 0px;
}
.single-product ul.estate1 li p:first-child {
  width: 25%;
  font-weight: bold;
}

.single-product ul.estate1 li p:last-child {
  width: 75%;
}
/* 商品個別ページの詳細説明 スマホで th td 縦並び */
table.estate2-1 th,
table.estate2-1 td {
    width: 100%;
    display:block;
  }
} /* END */

/* 小デバイス（横向きモバイル, 768px 以上）
============================================== */
@media screen and (min-width: 767.98px) {
.footer2 li{
    display: inline;
}
} /* END */