@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* ▼2026-09-10 BL7・BL8 本サイトへの戻りリンクと会社情報（標準5・標準4・標準21）
   色＝リンク #0069E8／ポイント時 #D6008F＋#EDF8FF／訪問済 #8A2BE2（通常サイズ）、
   20px太字の戻りリンクは #008CE3（大きい文字3:1・クリーム#FFF3DB上3.26）、地色 #FFF3DB（枠内）・罫線 #E8560D */
.meiwa-backline{margin:20px 0 16px;text-align:center;line-height:1.5} /* BL30：一覧の下へ移動したので上にも余白 */
.meiwa-backline-footer{margin:0 0 12px}
.meiwa-backlink{display:inline-block;padding:12px 8px;font-size:20px;font-weight:700;color:#008CE3;text-decoration:underline;text-underline-offset:3px}
.meiwa-backlink:visited{color:#8A2BE2}
.meiwa-backlink:hover,.meiwa-backlink:active{color:#D6008F;background-color:#EDF8FF}
.meiwa-footer-company{background-color:#FFF3DB;color:#444444;padding:20px 12px 8px;font-size:16px;line-height:1.7;text-align:center;border-top:1px solid #E8560D}
.meiwa-address{font-style:normal;margin:0}
.meiwa-address p{margin:0 0 4px}
.meiwa-address span{display:inline-block}
.meiwa-f-name{font-size:20px;font-weight:700}
.meiwa-footer-company a{color:#0069E8;text-decoration:underline}
.meiwa-footer-company a:visited{color:#8A2BE2}
.meiwa-footer-company a:hover,.meiwa-footer-company a:active{color:#D6008F;background-color:#EDF8FF}
.meiwa-footer-company a[href^="tel:"]{display:inline-block;padding:10px 2px;margin:-10px 0}
.meiwa-f-links{list-style:none;margin:12px 0 0;padding:0}
.meiwa-f-links li{display:inline-block;margin:0 4px}
.meiwa-f-links a{display:inline-block;padding:10px 4px}

/* ▼2026-09-10 BL9 テキストリンクの状態色（標準4・標準21）＝記事本文・サイドバーの文字リンク。
   ボタン・カード・メニュー（白文字）には効かせない */
.entry-content a:not(.btn):not(.btn-wrap):not([class*="button"]),
.sidebar .textwidget a,.sidebar .widget_categories a,.sidebar .widget_recent_entries a,
.sidebar .widget_recent_comments a,.sidebar .widget_archive a,.sidebar .widget_meta a{color:#0069E8}
.entry-content a:not(.btn):not(.btn-wrap):not([class*="button"]):visited,
.sidebar .textwidget a:visited,.sidebar .widget_categories a:visited,.sidebar .widget_recent_entries a:visited,
.sidebar .widget_recent_comments a:visited,.sidebar .widget_archive a:visited,.sidebar .widget_meta a:visited{color:#8A2BE2}
.entry-content a:not(.btn):not(.btn-wrap):not([class*="button"]):hover,
.sidebar .textwidget a:hover,.sidebar .widget_categories a:hover,.sidebar .widget_recent_entries a:hover,
.sidebar .widget_recent_comments a:hover,.sidebar .widget_archive a:hover,.sidebar .widget_meta a:hover{color:#D6008F;background-color:#EDF8FF}
/* スマホのスライドインメニュー（BL12）の行をタップ領域44px以上に（Cocoon既定は34px） */
#navi-menu-content .menu-item > a{display:block;padding:11px 8px;line-height:1.5;min-height:46px;box-sizing:border-box}
/* サイドバー「府中市の賃貸・売買物件を探す」のリンク行（タップ領域44px以上） */
.meiwa-links{list-style:none;margin:0;padding:0}
.meiwa-links li{margin:0;padding:0}
.meiwa-links a{display:block;padding:10px 4px;line-height:1.5;text-decoration:underline}

/* ▼2026-09-10 BL21 紹介ブロック／BL22 書いている会社／BL23 鮮度注記と物件案内
   （色は標準21：枠内 #FFF3DB・緑 #008147（#FFF3DB上4.51）・文字の赤 #E10900（4.50）・リンク #0069E8／#D6008F／#8A2BE2） */
.meiwa-intro,.meiwa-cta,.meiwa-author,.meiwa-note{background-color:#FFF3DB;border:1px solid #008147;border-radius:6px;padding:14px 16px;margin:0 0 1.6em;line-height:1.7;color:#333333}
.meiwa-intro h2{font-size:1.2em;color:#008147;margin:0 0 .5em;padding:0;border:0;background:none}
.meiwa-intro p{margin:0 0 .6em}
.meiwa-facts{display:grid;grid-template-columns:6.5em 1fr;gap:.2em .8em;margin:.6em 0}
.meiwa-facts dt{font-weight:700;color:#008147}
.meiwa-facts dd{margin:0}
.meiwa-intro-links{margin:.4em 0 0}
.meiwa-intro a,.meiwa-cta a,.meiwa-author a,.meiwa-note a{color:#0069E8;text-decoration:underline}
.meiwa-intro a:visited,.meiwa-cta a:visited,.meiwa-author a:visited,.meiwa-note a:visited{color:#8A2BE2}
.meiwa-intro a:hover,.meiwa-cta a:hover,.meiwa-author a:hover,.meiwa-note a:hover{color:#D6008F;background-color:#EDF8FF}
.meiwa-box-ttl{font-weight:700;color:#008147;font-size:1.05em;margin:0 0 .4em}
.meiwa-note{border-color:#E10900}
.meiwa-note strong{color:#E10900}
.meiwa-cta ul{margin:0;padding-left:1.4em}
.meiwa-cta li{margin:0 0 .3em}
.meiwa-author p{margin:0 0 .3em}

/* ▼2026-09-11 BL32 標準43：関連記事・人気記事など小さいサムネイル（幅約100px）に重ねるカテゴリーラベルが、
   長いカテゴリー名（BL24＝「府中市の売買物件・住まいの購入」等）で右端が切れる（Cocoon既定＝nowrap＋overflow:hidden）
   → 折り返しを許してサムネイルの中に収める。文字の大きさ・表示する情報は変えない。短い名前は今までどおり1行 */
.card-thumb .cat-label{white-space:normal;max-width:calc(100% - 4px);text-align:left;box-sizing:border-box}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1024px以上（パソコン）*/
@media screen and (min-width: 1024px){
  /* ▼2026-09-12 BL39 パソコン版の上に戻るボタンを、本サイトの他のページの #pageTop（標準5＝同じカエルの絵・60px・角丸10px・
     ふだん75%の濃さ〔マウスを乗せると100%〕・右12px・下10px）と同じに（社長ご指示・265回目。Cocoon 既定は40px・角丸5px・右10px・濃さ100%）。
     出るタイミング（600px以上スクロールしたとき）は Cocoon のまま。タブレット・スマホ（1023px以下）は BL35 のまま */
  .go-to-top{right:12px;bottom:10px}
  .go-to-top .go-to-top-button{width:60px;height:60px;padding:0;border-radius:10px;opacity:.75}
  .go-to-top .go-to-top-button:hover,
  .go-to-top .go-to-top-button:focus{opacity:1}
  .go-to-top .go-to-top-button img{display:block;width:60px;height:60px;border-radius:10px}
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
  /* ▼2026-09-12 BL35 タブレット・スマホにも「上に戻る」ボタン（社長ご指示・265回目）
     Cocoon は1023px以下で下部固定ボタン（メニュー・ホーム・検索・トップ・サイドバー＝高さ50px）を出すと、
     右下のトップへ戻るボタンを隠す（親テーマ .mblt-footer-mobile-buttons .go-to-top-button{display:none}）→ 表示に戻す。
     見た目は本サイトの #pageTop（標準5＝同じカエルの絵・60px・角丸10px・ふだん75%の濃さ・右12px）にそろえ、
     下部固定ボタンの上に10px空けて置く（ボットの起動ボタン〔左下・60px〕と同じ高さ。iPhone の下の余白ぶんは env で足す）。
     出るのはパソコン版と同じく600px以上スクロールしたとき（Cocoon の仕組みのまま）。
     重なりの順＝下部固定ボタン（3）より上・ボットのパネル（98）より下。1024px以上（パソコン版）は変えない */
  .mblt-footer-mobile-buttons .go-to-top{right:12px;right:calc(12px + env(safe-area-inset-right, 0px));bottom:60px;bottom:calc(60px + env(safe-area-inset-bottom, 0px));z-index:97}
  .mblt-footer-mobile-buttons .go-to-top .go-to-top-button{display:flex;width:60px;height:60px;padding:0;border-radius:10px;opacity:.75}
  .mblt-footer-mobile-buttons .go-to-top .go-to-top-button:hover,
  .mblt-footer-mobile-buttons .go-to-top .go-to-top-button:focus{opacity:1}
  .mblt-footer-mobile-buttons .go-to-top .go-to-top-button img{display:block;width:60px;height:60px;border-radius:10px}
  /* スライドインのメニュー・検索・サイドバーを開いている間は隠す（:has() 非対応の古い端末では出たまま＝害なし） */
  .mblt-footer-mobile-buttons:has(#navi-menu-input:checked) .go-to-top,
  .mblt-footer-mobile-buttons:has(#search-menu-input:checked) .go-to-top,
  .mblt-footer-mobile-buttons:has(#sidebar-menu-input:checked) .go-to-top{visibility:hidden;opacity:0}
  /* ▼2026-09-12 BL37 スライドインのメニュー・検索・サイドバーを開いている間は、ブログご案内ボット（js/blog-chat.js・BC2）の
     起動ボタン「ご質問はこちら」（左下・#tbotBtn）と、開いたままのパネル（#tbot）も隠す（社長ご指示・266回目）。
     いきさつ＝ボットは重なりの順98で画面のいちばん上にあり、引き出し（メニュー）は下部固定ボタン（重なりの順3）の中にあるので、
     メニューの項目に必ず重なって指のタップを横取りしていた（実測＝375×667と390×664で「賃貸のお問い合わせ」・375×553で「代表プロフィール」・
     サイドバーでも2項目。BC1 から）。閉じると元どおりに出る（パネルは開いたまま・会話もそのまま）。
     上に戻るボタン（BL35）と同じ :has() の形（:has() が使えない古い端末は今までどおり出たまま＝害なし）。1024px以上（パソコン版）は変えない */
  .mblt-footer-mobile-buttons:has(#navi-menu-input:checked) #tbotBtn,
  .mblt-footer-mobile-buttons:has(#search-menu-input:checked) #tbotBtn,
  .mblt-footer-mobile-buttons:has(#sidebar-menu-input:checked) #tbotBtn,
  .mblt-footer-mobile-buttons:has(#navi-menu-input:checked) #tbot,
  .mblt-footer-mobile-buttons:has(#search-menu-input:checked) #tbot,
  .mblt-footer-mobile-buttons:has(#sidebar-menu-input:checked) #tbot{visibility:hidden}
}

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

/*767px以下（スマホ）*/
@media screen and (max-width: 767px){
  /* ▼2026-09-12 BL38 スマホで「上に戻るボタン」と、ボットの起動ボタン「ご質問はこちら」の下端をそろえる（社長ご指示・265回目）。
     いきさつ＝上に戻るボタン（BL35）は iPhone の画面下の余白（safe-area-inset-bottom）を足した高さ、ボット（BC1）は 60px 固定だったため、
     余白が出る場面（Chrome の iPhone で下のツールバーが出ているとき・Face ID の機種など）で高さがずれていた。
     ★下げてそろえるのは不可＝Cocoon の下の固定ボタン（メニュー…）はその余白の分だけ背が高くなるので、60px 固定だと固定ボタンに重なる
     （実測＝余白34pxで13.2px・50pxで29.2px重なる）。そこで低い側（ボット）を上に戻るボタンと同じ高さに上げてそろえる。
     env() が使えない古いブラウザは両方 60px・120px（今までどおり）。タブレット（768～1023px）は変更なし */
  .mblt-footer-mobile-buttons #tbotBtn{bottom:60px;bottom:calc(60px + env(safe-area-inset-bottom, 0px))}
  .mblt-footer-mobile-buttons #tbot{bottom:120px;bottom:calc(120px + env(safe-area-inset-bottom, 0px));
    max-height:calc(100vh - 134px - env(safe-area-inset-bottom, 0px));
    max-height:calc(100dvh - 134px - env(safe-area-inset-bottom, 0px))}
}

/*480px以下*/
@media screen and (max-width: 480px){
  .meiwa-facts{grid-template-columns:1fr}
  .meiwa-facts dt{margin-top:.4em}
  .meiwa-intro,.meiwa-cta,.meiwa-author,.meiwa-note{padding:12px 12px}
  .meiwa-footer-company{font-size:16px;padding:16px 8px 6px}
  .meiwa-f-links li{display:block;margin:0}
  .meiwa-f-links a{display:block;padding:10px 4px}
}