@media all {
	#contact_area {
		position: fixed;
		right: 0px;
		bottom: 50px;
		display: flex;
		flex-direction: column;
		font-size: 15px;
		& a {
			writing-mode: vertical-lr;
			list-style: none;
			color: white;
			background-color: #0064b6;
			padding: 8px 5px;
			margin: 2px 0px;
			text-decoration: none;
			letter-spacing: 0.05em;
			width: fit-content;
			display: flex;
			justify-content: center;
			align-items: center;
			transition: all 0.25s;
			.sp {
				display: none;
			}
			.material-symbols-outlined {
				font-variation-settings:
					"wght" 300,
					"opsz" 24;
					transform: rotate(-90deg);
					transform-origin:center center;
					margin-bottom: 3px;
			}
			&:hover {
				opacity: 0.8;
			}
		}
	}
}

@media screen and (max-width: 599px) {
	#contact_area  {
		bottom: 0;
		right: none;
		left: 0;
		flex-direction: row;
		& a {
			writing-mode: unset;
			padding: 5px 8px;
			margin: 0px 2px;
			width:  50%;
			display: flex;
			flex-direction: column;
			font-size: 12px;
			letter-spacing: 0.1em;
			.sp {
				display: block;
			}
			.pc {
				display: none;
			}
			.material-symbols-outlined {
				transform: unset;
			}
		}
	}
	
	    #colophon {
        width: 100%;
        min-width: 100%;
        padding-bottom: 60px;
    }

}
#special-blocks #special-body > .widget {
  width: 100%;
  max-width: none;
}

#special-body .wp-block-jetpack-slideshow {
  width: 100%;
  max-width: none;
}#special-blocks,
#special-body {
  min-height: 0;
}

#special-blocks #special-body > .widget {
  display: block;
  min-height: 0;
  margin: 0;
}

#special-body .wp-block-jetpack-slideshow {
  margin: 0;
}

#special-body .wp-block-jetpack-slideshow_container,
#special-body .wp-block-jetpack-slideshow_swiper-wrapper,
#special-body .wp-block-jetpack-slideshow_slide,
#special-body .wp-block-jetpack-slideshow_slide figure {
  height: auto !important;
  min-height: 0;
}

#special-body .wp-block-jetpack-slideshow_slide figure {
  display: block;
}

#special-body .wp-block-jetpack-slideshow_image {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
}/* トップのスライドショーだけに適用 */
#special-blocks,
#special-body {
  min-height: 0;
}

#special-blocks #special-body > .widget {
  display: block;
  width: 100%;
  max-width: none;
  min-height: 0;
  margin: 0;
}

#special-body .wp-block-jetpack-slideshow {
  width: 100%;
  max-width: none;
  margin: 0;
}

#special-body .wp-block-jetpack-slideshow_container,
#special-body .wp-block-jetpack-slideshow_swiper-wrapper,
#special-body .wp-block-jetpack-slideshow_slide,
#special-body .wp-block-jetpack-slideshow_slide figure {
  height: auto !important;
  min-height: 0;
}

#special-body .wp-block-jetpack-slideshow_swiper-wrapper {
  align-items: flex-start;
}

#special-body .wp-block-jetpack-slideshow_slide figure {
  display: block;
  margin: 0;
}

#special-body .wp-block-jetpack-slideshow_image {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: none;
  margin: 0;
}
/* 伸建ホーム 来店予約フォーム */
#post-11825 .wpcf7-form {
  box-sizing: border-box;
  width: 100%;
  max-width: 560px;
}
#post-11825 .wpcf7-form p {
  margin: 0 0 18px;
}
#post-11825 .wpcf7-form label,
#post-11825 .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}
#post-11825 .wpcf7-form input[type="text"],
#post-11825 .wpcf7-form input[type="email"],
#post-11825 .wpcf7-form input[type="date"],
#post-11825 .wpcf7-form select,
#post-11825 .wpcf7-form textarea[name="your-message"] {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 46px;
  margin: 6px 0 0;
  padding: 10px 12px;
  border: 1px solid #bbc8d1;
  border-radius: 4px;
  background: #fff;
  color: #343c36;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
}
#post-11825 .wpcf7-form textarea[name="your-message"] {
  height: 140px;
  resize: vertical;
}
#post-11825 .wpcf7-form input[type="submit"] {
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-height: 48px;
  padding: 12px 20px;
  border: 0;
  border-radius: 4px;
  background: #0968a9;
  color: #fff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  cursor: pointer;
}
#post-11825 .wpcf7-form input[type="submit"]:hover {
  background: #075386;
}
#post-11825 .wpcf7-form input[type="submit"]:disabled {
  opacity: 0.6;
  cursor: wait;
}
#post-11825 .wpcf7-form :is(input, select, textarea):focus-visible {
  outline: 2px solid #0968a9;
  outline-offset: 2px;
}/* 伸建ホーム｜明るい赤 × 黄色 × クリーム
   現在の Sheep-Blue テーマ用。2026年11月2日の公開ページをもとに作成。
   「外観 → カスタマイズ → 追加CSS」の一番下に、この内容を追加してください。
   既存のCSSは残してください。戻すときは、この追加部分だけを削除します。
   画像の中の文字色・背景色はCSSでは変わりません。
   物件詳細ページの表示機能を修復するコードは含みません。
*/

body.sheepblue {
  --shk-red: #c73640;
  --shk-red-dark: #a72832;
  --shk-yellow: #f6cf4a;
  --shk-cream: #fff9ed;
  --shk-white: #ffffff;
  --shk-ink: #443a35;
  --shk-muted: #726158;
  --shk-line: #e7d9c7;
  background: var(--shk-cream) !important;
  color: var(--shk-ink);
}

/* 白いページと、赤いヘッダーのライン */
body.sheepblue #page,
body.sheepblue #branding {
  background-color: var(--shk-white) !important;
}
body.sheepblue #branding {
  border-top-color: var(--shk-red) !important;
}
body.sheepblue #site-title a {
  color: var(--shk-ink) !important;
}
body.sheepblue #site-description,
body.sheepblue #headRight p {
  color: var(--shk-muted) !important;
}
body.sheepblue #headRight {
  border-color: var(--shk-yellow) !important;
}
body.sheepblue #headRight .freeD {
  color: var(--shk-red) !important;
}
body.sheepblue #article-count-block {
  border-color: var(--shk-yellow) !important;
  background-color: var(--shk-cream) !important;
}
body.sheepblue #article-count-block .kaiin_count span {
  color: var(--shk-red) !important;
}

/* メニュー：赤地に白文字。選択中・マウスを重ねた項目は黄色 */
body.sheepblue #access {
  background: var(--shk-red) !important;
}
body.sheepblue #access a {
  background: var(--shk-red) !important;
  color: var(--shk-white) !important;
  text-shadow: none !important;
}
body.sheepblue #access ul ul a {
  background: var(--shk-cream) !important;
  color: var(--shk-ink) !important;
}
body.sheepblue #access ul li:hover > a,
body.sheepblue #access a:focus-visible,
body.sheepblue #access .current-menu-item > a,
body.sheepblue #access .current-menu-ancestor > a,
body.sheepblue #access .current_page_item > a,
body.sheepblue #access .current_page_ancestor > a {
  background: var(--shk-yellow) !important;
  color: var(--shk-ink) !important;
}

/* ページタイトル・物件一覧の見出し */
body.sheepblue #main #container #content h1,
body.sheepblue.home #main #container #content h3,
body.sheepblue #list_simplepage2 h2.entry-title,
body.sheepblue #main #container #content.jsearch h3 {
  background: var(--shk-cream) !important;
  border-top-color: var(--shk-red) !important;
  border-bottom-color: var(--shk-yellow) !important;
  color: var(--shk-ink) !important;
}
body.sheepblue #main #container #content h1 a,
body.sheepblue.home #main #container #content h3 a,
body.sheepblue #list_simplepage2 h2.entry-title a {
  color: var(--shk-ink) !important;
}
body.sheepblue #main #content .entry-content h2 {
  background: var(--shk-cream) !important;
  border-top-color: var(--shk-red) !important;
  color: var(--shk-ink) !important;
}
body.sheepblue #main #content .entry-content h3,
body.sheepblue #list_simplepage2 h3 {
  background: var(--shk-cream) !important;
  border-left-color: var(--shk-yellow) !important;
  color: var(--shk-ink) !important;
}

/* サイドバー・条件検索・会員欄 */
body.sheepblue #secondary .widget h3,
body.sheepblue #secondary .widget h2.widgettitle,
body.sheepblue #secondary .widget .widget-title,
body.sheepblue #primary .widget h3,
body.sheepblue #tertiary .widget h3,
body.sheepblue #special-blocks .widget h3,
body.sheepblue #map-body h2 {
  background: var(--shk-red) !important;
  border-top-color: var(--shk-red-dark) !important;
  color: var(--shk-white) !important;
}
body.sheepblue #secondary .widget h3 a,
body.sheepblue #primary .widget h3 a,
body.sheepblue #special-blocks .widget h3 a {
  color: var(--shk-white) !important;
}
body.sheepblue #main #secondary .widget_fudo_kaiin,
body.sheepblue #main #primary .widget_fudo_kaiin,
body.sheepblue #map-body {
  border-color: var(--shk-yellow) !important;
  background: var(--shk-cream) !important;
}
body.sheepblue #secondary #inq-btn,
body.sheepblue #primary #inq-btn,
body.sheepblue #tertiary #inq-btn {
  border-color: var(--shk-yellow) !important;
  background: var(--shk-cream) !important;
}
body.sheepblue #searchitem input#btn:not(:disabled),
body.sheepblue #container .jsearch .submit input:not(:disabled),
body.sheepblue .wpcf7-form input[type="submit"]:not(:disabled),
body.sheepblue #loginform input[type="submit"]:not(:disabled) {
  background: var(--shk-red) !important;
  border-color: var(--shk-red) !important;
  color: var(--shk-white) !important;
  text-shadow: none !important;
}
body.sheepblue #searchitem input#btn:not(:disabled):hover,
body.sheepblue .wpcf7-form input[type="submit"]:not(:disabled):hover {
  background: var(--shk-red-dark) !important;
}

/* 物件カード：白地、赤い価格、黄色の詳細ボタン */
body.sheepblue #content .grid-content > li {
  background-color: var(--shk-white) !important;
  border-color: var(--shk-line) !important;
}
body.sheepblue #content .top_price {
  color: var(--shk-red) !important;
}
body.sheepblue #content .top_title {
  color: var(--shk-ink) !important;
}
body.sheepblue #content .box1low,
body.sheepblue #content .box1low a {
  background: var(--shk-yellow) !important;
  color: var(--shk-ink) !important;
  text-shadow: none !important;
}
body.sheepblue #content .box1low a:hover {
  background: var(--shk-red) !important;
  color: var(--shk-white) !important;
}

/* お知らせ：本文は濃い茶色、日付は落ち着いた茶色、NEWは赤 */
body.sheepblue #shinken-news .shn-title,
body.sheepblue #shinken-news .shn-link,
body.sheepblue #shinken-news .shn-more a {
  color: var(--shk-ink) !important;
}
body.sheepblue #shinken-news .shn-date {
  color: var(--shk-muted) !important;
}
body.sheepblue #shinken-news .shn-list > li {
  border-bottom-color: var(--shk-line) !important;
}
body.sheepblue #shinken-news .shn-new {
  background: var(--shk-red) !important;
  color: var(--shk-white) !important;
}

/* 右端の案内とお問い合わせ */
body.sheepblue .stickybox,
body.sheepblue .stickybox .sticky-inner,
body.sheepblue .stickybox .sticky-inner p {
  background: var(--shk-cream) !important;
  border-color: var(--shk-line) !important;
  color: var(--shk-ink) !important;
}
body.sheepblue .stickybox .sticky-inner h1,
body.sheepblue .stickybox .sticky-block a,
body.sheepblue #contact_area a {
  background: var(--shk-red) !important;
  border-color: var(--shk-red-dark) !important;
  color: var(--shk-white) !important;
}

/* フッターも明るいクリーム色に統一 */
body.sheepblue #colophon,
body.sheepblue #footer-body,
body.sheepblue #pTop-block,
body.sheepblue #pTop-block p a {
  background: var(--shk-cream) !important;
  color: var(--shk-ink) !important;
  border-color: var(--shk-line) !important;
}
body.sheepblue #colophon a {
  color: var(--shk-ink) !important;
}
body.sheepblue #footer-body .footer-nav-block .menu li {
  border-color: var(--shk-line) !important;
}
body.sheepblue #footer-bottom-block {
  background: var(--shk-yellow) !important;
  border-color: var(--shk-yellow) !important;
  color: var(--shk-ink) !important;
}
/* 伸建ホーム 配色CSS ここまで */
/* ページ全体の白い囲みを外す */
body.sheepblue #page,
body.sheepblue #wrapper,
body.sheepblue #branding {
  background: transparent !important;
  box-shadow: none !important;
}

body.sheepblue #page,
body.sheepblue #wrapper {
  border: none !important;
}/* 落ち着いた青系に変更 */
body.sheepblue {
  --shk-red: #1d3d5c;
  --shk-red-dark: #122c43;
  --shk-yellow: #d3b66e;
  --shk-cream: #f4f6f8;
  --shk-white: #ffffff;
  --shk-ink: #263b4d;
  --shk-muted: #596c7b;
  --shk-line: #d4dee6;
}/* 伸建ホーム：ページ・スライダー・物件写真・文字のサイズ調整
   これまでのCSSを残して「追加CSS」の一番下に追加してください。
   パソコンではコンテンツを最大1280pxに拡大します。
   スマートフォンの物件一覧は既存の表示を使います。
*/

body.sheepblue #page,
body.sheepblue #wrapper {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  box-sizing: border-box;
}

@media screen and (min-width: 1025px) {
  /* 全幅のページ内で、本文・ヘッダー・フッターを揃える */
  body.sheepblue #branding > hgroup,
  body.sheepblue #access > div,
  body.sheepblue #main,
  body.sheepblue #footer-body > .inner-body {
    width: 100% !important;
    max-width: 1280px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
  }
  body.sheepblue #branding > hgroup,
  body.sheepblue #footer-body > .inner-body {
    padding-left: 24px;
    padding-right: 24px;
  }
  body.sheepblue #main {
    padding: 0 24px 24px !important;
  }

  /* 左右のカラムも、広がった本文の幅に合わせる */
  body.sheepblue.left-sidebar #container,
  body.sheepblue.right-sidebar #container {
    width: calc(100% - 288px) !important;
    min-width: 0;
    box-sizing: border-box;
  }
  body.sheepblue.left-sidebar #secondary,
  body.sheepblue.right-sidebar #secondary {
    width: 260px !important;
    box-sizing: border-box;
  }
  body.sheepblue.page-template-full-width-page-php #container {
    width: 100% !important;
  }
  body.sheepblue #top_fbox {
    display: flow-root;
  }

  /* トップのスライダーは広げた本文の幅に追従 */
  body.sheepblue #special-blocks,
  body.sheepblue #special-body {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
  }

  /* 本文・メニューの文字を読みやすく */
  body.sheepblue #page {
    font-size: 16px;
    line-height: 1.65;
  }
  body.sheepblue #site-title {
    font-size: 30px !important;
  }
  body.sheepblue #headRight .freeD {
    font-size: 28px !important;
  }
  body.sheepblue #access ul {
    font-size: 16px !important;
  }
  body.sheepblue #access a {
    line-height: 1.5;
    padding: 14px;
  }
  body.sheepblue #access ul ul a {
    box-sizing: border-box;
    width: 100%;
  }
  body.sheepblue #secondary .widget h3,
  body.sheepblue #secondary .widget h2.widgettitle {
    font-size: 18px;
  }
  body.sheepblue #footer-body .contentinfo-blocks {
    font-size: 14px;
  }

  /* 物件カードと写真を連動して広げる */
  body.sheepblue #top_fbox #content ul.grid-content {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 0 24px !important;
  }
  body.sheepblue #top_fbox #content ul.grid-content::after {
    display: none !important;
  }
  body.sheepblue #top_fbox #content .grid-content > li.box1 {
    float: none !important;
    position: relative;
    width: auto !important;
    min-width: 0;
    height: auto !important;
    margin: 0 !important;
    padding: 12px 12px 64px !important;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.65;
    overflow-wrap: anywhere;
  }
  body.sheepblue #top_fbox #content .grid-content .box1image {
    display: block;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1;
    object-fit: cover;
    margin: 0 0 10px;
  }
  body.sheepblue #top_fbox #content .grid-content .top_price {
    font-size: 22px;
    font-weight: 700;
  }
  body.sheepblue #top_fbox #content .grid-content > li.box1 > div:not(.new_mark) {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 12px;
    width: auto;
    margin: 0;
    padding: 0;
  }
  body.sheepblue #top_fbox #content .grid-content .box1low {
    float: none !important;
    position: static !important;
    display: block;
    width: 100% !important;
    height: auto !important;
    margin: 0;
    padding: 0;
    font-size: 14px;
  }
  body.sheepblue #top_fbox #content .grid-content .box1low a {
    display: block;
    padding: 8px 4px;
    line-height: 1.5;
  }
}

/* 小さめのパソコンでは、写真を小さくしすぎず3列にする */
@media screen and (min-width: 1025px) and (max-width: 1199px) {
  body.sheepblue #top_fbox #content ul.grid-content {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* 広げたページに「注目物件」の案内が重ならないようにする */
@media screen and (min-width: 1025px) and (max-width: 1679px) {
  body.sheepblue #page > .stickybox {
    position: static !important;
    float: none !important;
    clear: both;
    width: 260px !important;
    margin: 24px auto !important;
  }
}
/* ページ全体のサイズ調整 ここまで */
/* 伸建ホーム：元の明るい青に戻す追加CSS（全体貼り替え用）
   「外観 → カスタマイズ → 追加CSS」の現在の内容を、このファイル全体に置き換えて公開してください。
   2026年11月2日の公開中の追加CSSをもとに、次の変更をまとめています。
   ・赤黄色と濃紺の追加配色を外し、テーマ本来の青を使います。
   ・ページの横幅、文字・物件写真の拡大、白い囲みを外す設定を残しています。
   ・サイドバーが下に落ちる原因の flow-root 指定を block に修正しています。
   ・横スクロールスライダーの操作色を青に合わせ、再生・停止ボタンをアイコンにしています。
   フォームなど既存の追加CSSも含んでいるため、追記ではなく全体を貼り替えてください。
*/

@media all {
	#contact_area {
		position: fixed;
		right: 0px;
		bottom: 50px;
		display: flex;
		flex-direction: column;
		font-size: 15px;
		& a {
			writing-mode: vertical-lr;
			list-style: none;
			color: white;
			background-color: #0064b6;
			padding: 8px 5px;
			margin: 2px 0px;
			text-decoration: none;
			letter-spacing: 0.05em;
			width: fit-content;
			display: flex;
			justify-content: center;
			align-items: center;
			transition: all 0.25s;
			.sp {
				display: none;
			}
			.material-symbols-outlined {
				font-variation-settings:
					"wght" 300,
					"opsz" 24;
					transform: rotate(-90deg);
					transform-origin:center center;
					margin-bottom: 3px;
			}
			&:hover {
				opacity: 0.8;
			}
		}
	}
}

@media screen and (max-width: 599px) {
	#contact_area  {
		bottom: 0;
		right: none;
		left: 0;
		flex-direction: row;
		& a {
			writing-mode: unset;
			padding: 5px 8px;
			margin: 0px 2px;
			width:  50%;
			display: flex;
			flex-direction: column;
			font-size: 12px;
			letter-spacing: 0.1em;
			.sp {
				display: block;
			}
			.pc {
				display: none;
			}
			.material-symbols-outlined {
				transform: unset;
			}
		}
	}
	
	    #colophon {
        width: 100%;
        min-width: 100%;
        padding-bottom: 60px;
    }

}
#special-blocks #special-body > .widget {
  width: 100%;
  max-width: none;
}

#special-body .wp-block-jetpack-slideshow {
  width: 100%;
  max-width: none;
}#special-blocks,
#special-body {
  min-height: 0;
}

#special-blocks #special-body > .widget {
  display: block;
  min-height: 0;
  margin: 0;
}

#special-body .wp-block-jetpack-slideshow {
  margin: 0;
}

#special-body .wp-block-jetpack-slideshow_container,
#special-body .wp-block-jetpack-slideshow_swiper-wrapper,
#special-body .wp-block-jetpack-slideshow_slide,
#special-body .wp-block-jetpack-slideshow_slide figure {
  height: auto !important;
  min-height: 0;
}

#special-body .wp-block-jetpack-slideshow_slide figure {
  display: block;
}

#special-body .wp-block-jetpack-slideshow_image {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
}/* トップのスライドショーだけに適用 */
#special-blocks,
#special-body {
  min-height: 0;
}

#special-blocks #special-body > .widget {
  display: block;
  width: 100%;
  max-width: none;
  min-height: 0;
  margin: 0;
}

#special-body .wp-block-jetpack-slideshow {
  width: 100%;
  max-width: none;
  margin: 0;
}

#special-body .wp-block-jetpack-slideshow_container,
#special-body .wp-block-jetpack-slideshow_swiper-wrapper,
#special-body .wp-block-jetpack-slideshow_slide,
#special-body .wp-block-jetpack-slideshow_slide figure {
  height: auto !important;
  min-height: 0;
}

#special-body .wp-block-jetpack-slideshow_swiper-wrapper {
  align-items: flex-start;
}

#special-body .wp-block-jetpack-slideshow_slide figure {
  display: block;
  margin: 0;
}

#special-body .wp-block-jetpack-slideshow_image {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: none;
  margin: 0;
}
/* 伸建ホーム 来店予約フォーム */
#post-11825 .wpcf7-form {
  box-sizing: border-box;
  width: 100%;
  max-width: 560px;
}
#post-11825 .wpcf7-form p {
  margin: 0 0 18px;
}
#post-11825 .wpcf7-form label,
#post-11825 .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}
#post-11825 .wpcf7-form input[type="text"],
#post-11825 .wpcf7-form input[type="email"],
#post-11825 .wpcf7-form input[type="date"],
#post-11825 .wpcf7-form select,
#post-11825 .wpcf7-form textarea[name="your-message"] {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 46px;
  margin: 6px 0 0;
  padding: 10px 12px;
  border: 1px solid #bbc8d1;
  border-radius: 4px;
  background: #fff;
  color: #343c36;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
}
#post-11825 .wpcf7-form textarea[name="your-message"] {
  height: 140px;
  resize: vertical;
}
#post-11825 .wpcf7-form input[type="submit"] {
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-height: 48px;
  padding: 12px 20px;
  border: 0;
  border-radius: 4px;
  background: #0968a9;
  color: #fff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  cursor: pointer;
}
#post-11825 .wpcf7-form input[type="submit"]:hover {
  background: #075386;
}
#post-11825 .wpcf7-form input[type="submit"]:disabled {
  opacity: 0.6;
  cursor: wait;
}
#post-11825 .wpcf7-form :is(input, select, textarea):focus-visible {
  outline: 2px solid #0968a9;
  outline-offset: 2px;
}
/* ページ全体の白い囲みを外す */
body.sheepblue #page,
body.sheepblue #wrapper,
body.sheepblue #branding {
  background: transparent !important;
  box-shadow: none !important;
}

body.sheepblue #page,
body.sheepblue #wrapper {
  border: none !important;
}/* 伸建ホーム：ページ・スライダー・物件写真・文字のサイズ調整
   これまでのCSSを残して「追加CSS」の一番下に追加してください。
   パソコンではコンテンツを最大1280pxに拡大します。
   スマートフォンの物件一覧は既存の表示を使います。
*/

body.sheepblue #page,
body.sheepblue #wrapper {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  box-sizing: border-box;
}

@media screen and (min-width: 1025px) {
  /* 全幅のページ内で、本文・ヘッダー・フッターを揃える */
  body.sheepblue #branding > hgroup,
  body.sheepblue #access > div,
  body.sheepblue #main,
  body.sheepblue #footer-body > .inner-body {
    width: 100% !important;
    max-width: 1280px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
  }
  body.sheepblue #branding > hgroup,
  body.sheepblue #footer-body > .inner-body {
    padding-left: 24px;
    padding-right: 24px;
  }
  body.sheepblue #main {
    padding: 0 24px 24px !important;
  }

  /* 左右のカラムも、広がった本文の幅に合わせる */
  body.sheepblue.left-sidebar #container,
  body.sheepblue.right-sidebar #container {
    width: calc(100% - 288px) !important;
    min-width: 0;
    box-sizing: border-box;
  }
  body.sheepblue.left-sidebar #secondary,
  body.sheepblue.right-sidebar #secondary {
    width: 260px !important;
    box-sizing: border-box;
  }
  body.sheepblue.page-template-full-width-page-php #container {
    width: 100% !important;
  }
  body.sheepblue #top_fbox {
    display: block;
  }

  /* トップのスライダーは広げた本文の幅に追従 */
  body.sheepblue #special-blocks,
  body.sheepblue #special-body {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
  }

  /* 本文・メニューの文字を読みやすく */
  body.sheepblue #page {
    font-size: 16px;
    line-height: 1.65;
  }
  body.sheepblue #site-title {
    font-size: 30px !important;
  }
  body.sheepblue #headRight .freeD {
    font-size: 28px !important;
  }
  body.sheepblue #access ul {
    font-size: 16px !important;
  }
  body.sheepblue #access a {
    line-height: 1.5;
    padding: 14px;
  }
  body.sheepblue #access ul ul a {
    box-sizing: border-box;
    width: 100%;
  }
  body.sheepblue #secondary .widget h3,
  body.sheepblue #secondary .widget h2.widgettitle {
    font-size: 18px;
  }
  body.sheepblue #footer-body .contentinfo-blocks {
    font-size: 14px;
  }

  /* 物件カードと写真を連動して広げる */
  body.sheepblue #top_fbox #content ul.grid-content {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 0 24px !important;
  }
  body.sheepblue #top_fbox #content ul.grid-content::after {
    display: none !important;
  }
  body.sheepblue #top_fbox #content .grid-content > li.box1 {
    float: none !important;
    position: relative;
    width: auto !important;
    min-width: 0;
    height: auto !important;
    margin: 0 !important;
    padding: 12px 12px 64px !important;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.65;
    overflow-wrap: anywhere;
  }
  body.sheepblue #top_fbox #content .grid-content .box1image {
    display: block;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1;
    object-fit: cover;
    margin: 0 0 10px;
  }
  body.sheepblue #top_fbox #content .grid-content .top_price {
    font-size: 22px;
    font-weight: 700;
  }
  body.sheepblue #top_fbox #content .grid-content > li.box1 > div:not(.new_mark) {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 12px;
    width: auto;
    margin: 0;
    padding: 0;
  }
  body.sheepblue #top_fbox #content .grid-content .box1low {
    float: none !important;
    position: static !important;
    display: block;
    width: 100% !important;
    height: auto !important;
    margin: 0;
    padding: 0;
    font-size: 14px;
  }
  body.sheepblue #top_fbox #content .grid-content .box1low a {
    display: block;
    padding: 8px 4px;
    line-height: 1.5;
  }
}

/* 小さめのパソコンでは、写真を小さくしすぎず3列にする */
@media screen and (min-width: 1025px) and (max-width: 1199px) {
  body.sheepblue #top_fbox #content ul.grid-content {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* 広げたページに「注目物件」の案内が重ならないようにする */
@media screen and (min-width: 1025px) and (max-width: 1679px) {
  body.sheepblue #page > .stickybox {
    position: static !important;
    float: none !important;
    clear: both;
    width: 260px !important;
    margin: 24px auto !important;
  }
}
/* ページ全体のサイズ調整 ここまで */

/* 横スクロールスライダーの操作色も、元の青に合わせる */
body.sheepblue #shinken-banner-carousel {
  --shbc-navy: #0064b6;
  --shbc-gold: #90c7f2;
}

/* 長い再生・停止の文字は、44pxの押しやすいアイコンにする。
   元のボタンの文字と aria-pressed は残り、読み上げと操作は継続します。 */
body.sheepblue #shinken-banner-carousel .shbc-play {
  width: 44px;
  min-width: 44px;
  padding: 8px;
  font-size: 0;
}
body.sheepblue #shinken-banner-carousel .shbc-play::before {
  content: "";
  display: block;
  width: 12px;
  height: 14px;
  border: 0;
  border-left: 4px solid currentColor;
  border-right: 4px solid currentColor;
}
body.sheepblue #shinken-banner-carousel .shbc-play[aria-pressed="false"]::before {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 0;
  border-left: 12px solid currentColor;
}
body.sheepblue {
  --shk-red: #0064b6 !important;
  --shk-red-dark: #075386 !important;
  --shk-yellow: #d7e7ed !important;
  --shk-cream: #f4f9fd !important;
  --shk-white: #ffffff !important;
  --shk-ink: #333333 !important;
  --shk-muted: #666666 !important;
  --shk-line: #c9ddec !important;
}
/* 「外観 → カスタマイズ → 追加CSS」の一番下に追記して公開します。 */
body.sheepblue #shinken-news .shn-new {
  color: #d32f2f !important;
  background: transparent !important;
  font-weight: 700;
}
/* 左上のサイト名を青いロゴに変更 */
#branding #logo-block {
  max-width: 100%;
}

#branding #site-title {
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

#branding #site-title span {
  display: block;
}

#branding #site-title a {
  display: block !important;
  width: 380px;
  max-width: 100%;
  height: 56px;
  margin: 0 !important;
  padding: 0 !important;

  background-image: url("https://shinken-home.net/wp-content/uploads/2026/11/6cd9eed8b6741521a5682b7c66ec3575.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;

  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  text-shadow: none !important;
  overflow: hidden;
}

/* スマートフォン */
@media screen and (max-width: 767px) {
  #branding #site-title a {
    width: min(340px, calc(100vw - 32px));
    height: 50px;
  }
}/* 日本語ロゴへ差し替え */
#branding #site-title a {
  width: 420px !important;
  max-width: 100%;
  height: auto !important;
  aspect-ratio: 3 / 1;

  background-image: url("https://shinken-home.net/wp-content/uploads/2026/11/42b9cd2da17ce1d43ac3b052b7d5c327.png") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
}

/* スマートフォン */
@media screen and (max-width: 767px) {
  #branding #site-title a {
    width: min(320px, calc(100vw - 32px)) !important;
  }
}