@charset "UTF-8";
/* =========================================================================
 * single-fudo.css - 物件詳細ページ デザイン刷新（CSS上書きのみ）
 *
 *   ネイビー #2b3a5c / 濃紺 #1c2536 / くすみゴールド #c9a24b / 明朝・余白主体。
 *   既存の 赤価格(#c30b12) / 赤リボン(new_mark) / 黒・白のギャラリー操作 /
 *   #ddd 罫線・#f5f5f5・グレーのピル設備タグ / タン色の見出し帯(#cdb272) を置換。
 *   すべて .single-fudo でスコープ。is_singular('fudo') 限定で読み込む。
 *   ※ .fuki-button と スマホ固定CTAバーは cv-cta.css が担当（ここでは触れない）。
 * ====================================================================== */

:root {
	--rx-navy:      #2b3a5c;
	--rx-navy-dark: #1c2536;
	--rx-gold:      #c9a24b;
	--rx-gold-deep: #9c7c2e;
	--rx-ink:       #2a2d33;
	--rx-sub:       #6b7280;
	--rx-line:      #e3e1da;
	--rx-bg-soft:   #f7f6f3;
	--rx-serif: "Times New Roman", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", serif;
}

/* =========================================================================
 * パンくず
 * ====================================================================== */
.single-fudo #bread-out {
	background-color: var(--rx-bg-soft);
	border-bottom: 1px solid var(--rx-line);
}
.single-fudo #bread ul li,
.single-fudo #bread ul li a {
	color: var(--rx-sub);
	letter-spacing: .03em;
}
.single-fudo #bread ul li a:hover { color: var(--rx-gold-deep); }
.single-fudo #bread ul li:before { color: var(--rx-line); }

/* =========================================================================
 * タイトル（明朝・ネイビー・ゴールド短罫）
 * ====================================================================== */
.single-fudo h1.entry-title {
	font-family: var(--rx-serif) !important;
	font-weight: 400 !important;
	color: var(--rx-navy) !important;
	font-size: clamp(1.5rem, 3.2vw, 2.1rem) !important;
	letter-spacing: .08em !important;
	line-height: 1.6;
	padding: 26px 0 20px !important;
	margin: 36px auto 24px !important;
	position: relative;
}
.single-fudo h1.entry-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 48px;
	height: 1px;
	background: var(--rx-gold);
}
.single-fudo .entry-title a { color: var(--rx-navy) !important; }
.single-fudo .entry-title a:hover { color: var(--rx-gold-deep) !important; }

/* タイトル直下のアイキャッチ：重い影を除去 */
.single-fudo .entry-header img {
	box-shadow: none !important;
	border: 1px solid var(--rx-line);
}

/* 新着リボン：赤 → ネイビー */
.single-fudo .new_mark,
.single-fudo .up_mark {
	background-color: var(--rx-navy) !important;
	box-shadow: none !important;
	color: #fff !important;
}

/* =========================================================================
 * 価格・主要スペック（list_price / price-box / kakaku）
 * ====================================================================== */
/* 価格の値：赤 → ネイビー明朝 */
.single-fudo .dpoint4 {
	color: var(--rx-navy) !important;
	font-family: var(--rx-serif) !important;
	font-weight: 400 !important;
	font-size: 1.18em;
	letter-spacing: .02em;
}
.single-fudo .list_price ul {
	border-bottom: 1px solid var(--rx-line) !important;
}
/* ラベル（dt）：濃い枠 → 細い罫線・ネイビー文字（floatレイアウトは維持） */
.single-fudo .list_detail .list_price li dt,
.single-fudo #list_add_table li dt {
	border: 1px solid var(--rx-line) !important;
	border-radius: 0 !important;
	color: var(--rx-navy) !important;
	background: #fff !important;
	font-weight: 400 !important;
	letter-spacing: .03em;
}
.single-fudo .list_detail .list_price li dd { color: var(--rx-ink); }

/* =========================================================================
 * 2列テーブル（所在地・交通・エリア/駅リンク）  #list_add_table
 * ====================================================================== */
.single-fudo #list_add_table li dt {
	text-align: center;
}
.single-fudo #list_add_table li dd a {
	color: var(--rx-navy);
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: color .2s ease, border-color .2s ease;
}
.single-fudo #list_add_table li dd a:hover {
	color: var(--rx-gold-deep);
	border-bottom-color: var(--rx-gold);
}

/* =========================================================================
 * 物件詳細テーブル  #list_other_table / #list_other
 * ====================================================================== */
.single-fudo #list_other_table h3 {
	color: var(--rx-navy);
	letter-spacing: .1em;
	position: relative;
	padding-bottom: 22px;
}
.single-fudo #list_other_table h3::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 6px;
	transform: translateX(-50%);
	width: 46px;
	height: 1px;
	background: var(--rx-gold);
}
.single-fudo #list_other {
	border-bottom: 1px solid var(--rx-line) !important;
	color: var(--rx-ink) !important;
}
.single-fudo #list_other dl { border-left: 1px solid var(--rx-line) !important; }
.single-fudo #list_other dt,
.single-fudo #list_other dd {
	border: 1px solid var(--rx-line) !important;
	border-left: none !important;
}
.single-fudo #list_other dt {
	background-color: var(--rx-bg-soft) !important;
	color: var(--rx-navy) !important;
	font-weight: 400 !important;
	letter-spacing: .05em;
}
/* 設備・周辺環境などのタグ：グレーのピル → 白地・細罫線・ネイビー（角丸なし） */
.single-fudo #list_other dd span,
.single-fudo #list_other dd a,
.single-fudo #list_other dd span.setsubi_dat {
	background-color: #fff !important;
	border: 1px solid var(--rx-line) !important;
	border-radius: 0 !important;
	color: var(--rx-navy) !important;
	transition: color .2s ease, border-color .2s ease;
}
.single-fudo #list_other dd span:hover,
.single-fudo #list_other dd a:hover {
	background-color: #fff !important;
	border-color: var(--rx-gold) !important;
	color: var(--rx-gold-deep) !important;
}
.single-fudo #list_other dd.rimawari { color: var(--rx-navy); }

/* =========================================================================
 * 写真ギャラリー（影/枠を控えめ・操作系をネイビー×ゴールド・レイアウト維持）
 * ====================================================================== */
.single-fudo .main_picsam :first-child img,
.single-fudo .main_picsam img,
.single-fudo .list_picsam img.box3image {
	border: 1px solid var(--rx-line) !important;
	box-shadow: none !important;
}
/* 矢印：黒丸 → ネイビー（アイコン画像はそのまま） */
.single-fudo .swiper-button-next,
.single-fudo .swiper-button-prev {
	background-color: rgba(43, 58, 92, .72) !important;
}
.single-fudo .swiper-button-next:hover,
.single-fudo .swiper-button-prev:hover {
	background-color: rgba(43, 58, 92, .9) !important;
}
/* ページャ：非アクティブは白、アクティブはゴールド */
.single-fudo .swiper-pagination-bullet {
	background: rgba(255, 255, 255, .8) !important;
	box-shadow: none !important;
}
.single-fudo .swiper-pagination-bullet-active {
	background: var(--rx-gold) !important;
}
.single-fudo .swiper-pagination.swiper-pagination-fraction {
	background: rgba(28, 37, 54, .55) !important;
}

/* =========================================================================
 * 問い合わせ（見出し帯 → 明朝＋ゴールド短罫、フォーム配色）
 * ====================================================================== */
.single-fudo .basic_box h3,
.single-fudo #toiawasesaki h3,
.single-fudo .widget_fudo_syousai h3 {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 8px 0 22px !important;
	margin: 28px 0 24px !important;
	font-family: var(--rx-serif) !important;
	font-weight: 400 !important;
	color: var(--rx-navy) !important;
	letter-spacing: .1em;
	position: relative;
}
.single-fudo .basic_box h3 strong,
.single-fudo #toiawasesaki h3 strong { font-weight: 400 !important; }
.single-fudo .basic_box h3::after,
.single-fudo #toiawasesaki h3::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 8px;
	width: 46px;
	height: 1px;
	background: var(--rx-gold);
}
/* 見出し内の小リンク（編集等）の体裁は維持しつつ配色だけ調整 */
.single-fudo .basic_box h3 span a {
	background: var(--rx-bg-soft) !important;
	color: var(--rx-navy) !important;
}
.single-fudo .basic_box h3 span a:hover { color: var(--rx-gold-deep) !important; }

.single-fudo #contact_form p.button__area,
.single-fudo .button__area { background: transparent !important; }

/* インラインの問い合わせフォーム要素（プラグイン出力）の配色。
   iframe(thickbox)内のフォームには適用されない点に留意 */
.single-fudo #toiawasesaki input[type="text"],
.single-fudo #toiawasesaki input[type="email"],
.single-fudo #toiawasesaki input[type="tel"],
.single-fudo #toiawasesaki textarea,
.single-fudo #toiawasesaki select,
.single-fudo #contact_form input[type="text"],
.single-fudo #contact_form input[type="email"],
.single-fudo #contact_form input[type="tel"],
.single-fudo #contact_form textarea,
.single-fudo #contact_form select {
	border: 1px solid var(--rx-line) !important;
	border-radius: 0 !important;
	background: #fff !important;
}
.single-fudo #toiawasesaki input[type="text"]:focus,
.single-fudo #toiawasesaki input[type="email"]:focus,
.single-fudo #toiawasesaki input[type="tel"]:focus,
.single-fudo #toiawasesaki textarea:focus,
.single-fudo #contact_form input[type="text"]:focus,
.single-fudo #contact_form input[type="email"]:focus,
.single-fudo #contact_form input[type="tel"]:focus,
.single-fudo #contact_form textarea:focus {
	border-color: var(--rx-gold) !important;
	outline: none !important;
}
.single-fudo #toiawasesaki input[type="submit"],
.single-fudo #toiawasesaki button[type="submit"],
.single-fudo #contact_form input[type="submit"],
.single-fudo #contact_form button[type="submit"] {
	background: var(--rx-navy) !important;
	border: 1px solid var(--rx-navy) !important;
	border-radius: 0 !important;
	color: #fff !important;
	letter-spacing: .08em;
	transition: background .2s ease;
}
.single-fudo #toiawasesaki input[type="submit"]:hover,
.single-fudo #toiawasesaki button[type="submit"]:hover,
.single-fudo #contact_form input[type="submit"]:hover,
.single-fudo #contact_form button[type="submit"]:hover {
	background: var(--rx-navy-dark) !important;
}

/* =========================================================================
 * 取扱い不動産会社ボックス・本文
 * ====================================================================== */
.single-fudo #contact_tel.basic_box {
	border: 1px solid var(--rx-line);
	background: #fff;
}
.single-fudo .entry-content a {
	color: var(--rx-navy);
}
.single-fudo .entry-content a:hover {
	color: var(--rx-gold-deep);
}

/* =========================================================================
 * 物件問い合わせフォーム（Contact Form 7）の改善
 *   - 件名(your-subject)は自動注入される物件情報。ユーザーには見せず、
 *     値は送信し続ける（display:none は送信に影響しない）。
 *     構造非依存の確実な非表示は single-fudo.js が担当。下記はCSSの保険。
 *   - 入力欄を広め・ゆったりに、送信ボタンを上品なネイビーに。
 * ====================================================================== */
/* 件名フィールド「単体」のみ非表示（JS無効時のフォールバック）。
   兄弟のメール/電話/本文は絶対に隠さない安全な指定に限定。
   ラベルの非表示・分離構造への対応は single-fudo.js が担当。 */
.single-fudo #contact_form .wpcf7-form-control-wrap[data-name="your-subject"] {
	display: none !important;
}

/* 入力欄：ゆったり・全幅・細罫線・ゴールドフォーカス */
.single-fudo #contact_form .wpcf7-form-control.wpcf7-text,
.single-fudo #contact_form .wpcf7-form-control.wpcf7-email,
.single-fudo #contact_form .wpcf7-form-control.wpcf7-tel,
.single-fudo #contact_form .wpcf7-form-control.wpcf7-textarea,
.single-fudo #contact_form .wpcf7-form-control.wpcf7-select {
	width: 100% !important;
	box-sizing: border-box !important;
	border: 1px solid var(--rx-line) !important;
	border-radius: 2px !important;
	background: #fff !important;
	padding: 12px 14px !important;
	font-size: 16px !important;   /* スマホでズームされない最小16px */
	line-height: 1.6 !important;
}
.single-fudo #contact_form .wpcf7-form-control.wpcf7-textarea {
	min-height: 104px !important;   /* お問い合わせ内容をコンパクトに（数値で調整可） */
	height: 104px !important;
	resize: vertical !important;
}
.single-fudo #contact_form .wpcf7-form-control.wpcf7-text:focus,
.single-fudo #contact_form .wpcf7-form-control.wpcf7-email:focus,
.single-fudo #contact_form .wpcf7-form-control.wpcf7-tel:focus,
.single-fudo #contact_form .wpcf7-form-control.wpcf7-textarea:focus,
.single-fudo #contact_form .wpcf7-form-control.wpcf7-select:focus {
	border-color: var(--rx-gold) !important;
	box-shadow: 0 0 0 2px rgba(201, 162, 75, .15) !important;
	outline: none !important;
}

/* 各項目に余白を持たせて読みやすく（CF7 既定の <p> 区切り） */
.single-fudo #contact_form .wpcf7-form p { margin: 0 0 22px !important; }

/* 送信ボタン：上品なネイビー・全幅寄り・ゆとり */
.single-fudo #contact_form .wpcf7-submit,
.single-fudo #contact_form input.wpcf7-form-control[type="submit"] {
	display: block !important;
	width: 100% !important;
	max-width: 360px !important;
	margin: 8px auto 0 !important;
	background: var(--rx-navy) !important;
	border: 1px solid var(--rx-navy) !important;
	border-radius: 2px !important;
	color: #fff !important;
	font-size: 16px !important;
	letter-spacing: .14em !important;
	padding: 16px 24px !important;
	cursor: pointer !important;
	transition: background .25s ease, border-color .25s ease !important;
}
.single-fudo #contact_form .wpcf7-submit:hover,
.single-fudo #contact_form input.wpcf7-form-control[type="submit"]:hover {
	background: var(--rx-navy-dark) !important;
	border-color: var(--rx-gold) !important;
}

/* リード文をやわらかく */
.single-fudo #contact_form p.button__area {
	font-size: .95rem;
	letter-spacing: .04em;
	line-height: 1.9;
	color: var(--rx-sub);
	margin-bottom: 20px;
}