@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/********************************************
 * いえスタ：家アカ投稿ページ ざっくり全体デザイン
 * 対象：すべての single post
 ********************************************/

/* 背景をいえスタっぽいベージュに */
body.single-post {
  background: #fdf7ef;
}

/* メインコンテンツの背景を透明にして余白を調整 */
body.single-post .l-mainContent__inner {
  background: transparent;
  padding-top: 24px;
}

/* 本文全体を「白いカード」にする */
body.single-post .post_content {
  max-width: 900px;
  margin: 0 auto 40px;
  background: #ffffff;
  border-radius: 18px;
  border: 1px solid #f0ebe4;
  padding: 26px 24px 30px;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.06);
  line-height: 1.9;
  color: #333;
}

/* 本文の最初の要素は上マージンを消す */
body.single-post .post_content > *:first-child {
  margin-top: 0;
}

/* 段落の余白を少しだけ詰める */
body.single-post .post_content p {
  margin-bottom: .75em;
}

/* 1枚目の画像＝プロフィール画像をどーんと表示 */
body.single-post .post_content img:first-of-type {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 18px;
  border-radius: 20px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}

/* 2枚目以降の画像も軽く角丸＆影 */
body.single-post .post_content img:nth-of-type(n+2) {
  border-radius: 14px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
  margin: 10px 0 14px;
}

/* ——— 各項目の行（家タイプ・地域など）をボックス風に ——— */

/* 2つ目以降の段落に軽い余白 */
body.single-post .post_content p:nth-of-type(n+2) {
  padding: 4px 10px;
  border-radius: 8px;
}

/* ラベル付きの行をカードっぽく（文章の中身でざっくり判定） */
body.single-post .post_content p:has(家タイプ),
body.single-post .post_content p:has(間取りタイプ),
body.single-post .post_content p:has(延床面積),
body.single-post .post_content p:has(土地面積),
body.single-post .post_content p:has(デザインテイスト),
body.single-post .post_content p:has(キッチン・水回り),
body.single-post .post_content p:has(収納・間取り工夫),
body.single-post .post_content p:has(エネルギー・性能),
body.single-post .post_content p:has(暮らしのこだわり),
body.single-post .post_content p:has(地域),
body.single-post .post_content p:has(建築会社・工務店名),
body.single-post .post_content p:has(家族構成) {
  background: #faf7f2;
  border-radius: 10px;
  border: 1px solid #f0ebe4;
  margin-bottom: 4px;
}

/* ——— お家のこだわりポイントを強調 ——— */
body.single-post .post_content p:has(お家のこだわりポイント) {
  margin-top: 1.4em;
  padding: 8px 12px;
  border-left: 4px solid #f3a24c;
  background: #fffaf2;
  font-weight: 600;
}

/* その次の段落＝こだわり本文をカード化 */
body.single-post .post_content p:has(お家のこだわりポイント) + p {
  margin-top: .4em;
  padding: 12px 12px;
  background: #fffdf8;
  border-radius: 10px;
  border: 1px solid #f3e0c5;
}

/* 記事下の「関連記事」エリアも幅を揃える */
body.single-post .l-articleBottom {
  max-width: 900px;
  margin: 0 auto 40px;
}

/* SWELL 左上メニューボタンを非表示 */
.l-header__menuBtn {
  display: none !important;
}

/* SWELL スマホドロワーボタンの汎用クラス */
.c-iconBtn.-menu {
  display: none !important;
}

/* すべてのロゴ系要素を一旦非表示にする（SWELL） */
.l-header .c-logo,
.l-header .c-siteTitle,
.l-header .c-headerLogo,
.l-header .header_logo,
.l-header .site_logo,
.l-header .p-logo,
.l-header .logo,
.l-header .c-ttlSite,
.l-header .l-header__logo {
  display: none !important;
}

/* ロゴ画像が壊れている場合の代替テキストも非表示 */
.l-header img[alt*="いえスタ"],
.l-header img {
  display: none !important;
}

/* SWELL 上部メニュー（STEPなど）を非表示 */
.l-fixHeader,
.c-fixHeader,
.p-fixMenu,
.l-topSubNav,
.l-header__fixmenu,
.fix-header,
.l-gnav,
.l-header__nav {
  display: none !important;
}

/* SWELLのヘッダー固定メニューをさらに全消し */
.l-header .p-fixMenu,
.l-header .p-globalNav,
.l-header .p-globalMenu,
.l-header .c-subNav,
.l-header .l-topMenu {
  display: none !important;
}

/* WordPress 側のヘッダー（STEPメニューごと）を非表示 */
#header,
header.l-header {
  display: none !important;
}

/* =========================================================
   ① 全ページの文字装飾をPC/SP共通に固定する
   （テーマのスマホ調整を無効化）
   ========================================================= */

/* 全見出し共通（h1は除外してh2〜h4を対象） */
h2,
h3,
h4 {
  font-family: "ヒラギノ角ゴ ProN", "Meiryo", system-ui, sans-serif !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  margin-bottom: 0.6em !important;
}

/* 本文（p） */
p {
  font-family: "ヒラギノ角ゴ ProN", "Meiryo", system-ui, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
  margin-bottom: 1.2em !important;
}

/* リンク */
a {
  text-decoration: none;
  font-weight: 600;
}

/* =========================================================
   ② すべてのページでスマホ時にカラムを縦並びに強制
   ========================================================= */
@media (max-width: 768px) {

  /* Gutenberg のカラムブロック */
  .wp-block-columns {
    flex-wrap: wrap !important;
  }

  .wp-block-columns .wp-block-column {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }

  /* 画像の横はみ出し防止（全ページ） */
  img {
    max-width: 100% !important;
    height: auto !important;
  }
}

/* ===============================
   ① ページタイトル（投稿ページなど）の見出しを統一
   =============================== */
h1,
.entry-title {
  font-family: "ヒラギノ角ゴ ProN", "Meiryo", system-ui, sans-serif !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

/* ===============================
   ② WP User Frontend フォームの文字を統一
   =============================== */
.wpuf-form,
.wpuf-form * {
  font-family: "ヒラギノ角ゴ ProN", "Meiryo", system-ui, sans-serif !important;
}

/* フォーム内の文字サイズ・行間も他と合わせる */
.wpuf-form label,
.wpuf-form p,
.wpuf-form .wpuf-fields {
  font-size: 16px !important;
  line-height: 1.8 !important;
}

/* 左上に残る SWELL のスマホメニュー領域を完全に消す */
#sp_menu,
#sp_menu.p-spMenu,
#sp_menu.p-spMenu.-left,
#sp_menu.p-spMenu.-right {
  display: none !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* 区切り「>」を入れる */
#breadcrumb .p-breadcrumb__item:not(:last-child)::after {
  content: "›";
  margin-left: 6px;
  margin-right: 4px;
  color: #999;
}

/* アイコン（絵文字）が大きすぎる場合は調整 */
#breadcrumb .p-breadcrumb__text span {
  font-size: 13px;
}

#breadcrumb .p-breadcrumb__item .__home {
  display: inline-block;
  width: auto;
  height: auto;
  background: none !important;
  padding: 0 !important;
}

/* パンくずの文字フォントだけ h1 と同じに統一 */
#breadcrumb .p-breadcrumb__item,
#breadcrumb .p-breadcrumb__item a,
#breadcrumb .p-breadcrumb__text {
  font-family: "ヒラギノ角ゴ ProN", "Meiryo", system-ui, sans-serif !important;
}

/* フッターのリストと検索まわりをリセット */
footer ul,
footer li {
  list-style: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* フッターに出ている検索フォーム・検索ボタンをまとめて非表示 */
footer form[role="search"],
footer .search-form,
footer .widget_search {
  display: none !important;
}

/* SWELL の検索モーダル系が残っている場合 */
.p-searchModal,
.p-searchModal__inner,
.p-searchModal__close,
.p-searchModal__form,
.p-searchModal__btn {
  display: none !important;
}

/* 念のため：フッター直下の input[type="search"] と「閉じる」らしきボタン */
footer input[type="search"],
footer button,
footer .close,
footer .btn-close {
  display: none !important;
}

.iesta-footer__socials a{
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#3a3a37;
  border-radius:14px;
}

.iesta-footer__socials svg{
  width:22px;
  height:22px;
  fill:#fff;
}

.iesta-footer__socials a:hover{
  background:#ff8a00;
}