@charset "UTF-8";
/*
 * CV導線スタイル（inc/cv-cta.php と対）
 *   1. 既存の問い合わせボタン .fuki-button をネイビー×ゴールドに刷新（色のみ上書き）
 *   2. スマホ画面下の固定CTAバー（電話＋問い合わせ）
 *
 * デザイン方針：ネイビー #2b3a5c ／ くすみゴールド #c9a24b
 * 文字方針：全角チルダ「～」(U+FF5E)。CP932 で安全な文字のみ。
 */

/* =========================================================================
 * 1. 既存ボタン .fuki-button の見た目改善
 *    構造・class はそのまま。オレンジ系の配色をネイビー×ゴールドへ上書き。
 * ====================================================================== */
.fuki-button {
	background-color: #1c2536 !important;   /* 濃紺でフラットに */
	box-shadow: none !important;
	color: #fff !important;
	border: 1px solid rgba(201, 162, 75, .5) !important;  /* ゴールドの細罫 */
	border-radius: 2px !important;
	height: auto !important;
	min-height: 72px !important;
	max-width: 560px !important;     /* 横幅を抑えて上品に（数値で調整可） */
	margin: 4px auto 0 !important; /* 中央寄せ */
	padding-right: 54px !important;          /* 左の「無料」タグ(54px)分のバランス */
	letter-spacing: .08em;
	transition: background-color .25s ease, border-color .25s ease;
}
.fuki-button:hover {
	background-color: #243150 !important;
	border-color: #c9a24b !important;
}
.fuki-button__inner { padding-top: 0 !important; }
/* メイン文言：明朝・広い字間で上品に */
.fuki-button__inner__main-text {
	font-family: "Times New Roman", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", serif !important;
	font-weight: 400 !important;
	font-size: 18px !important;     /* 文字サイズ（数値で調整可） */
	letter-spacing: .12em !important;
	margin-top: 0 !important;
}
.fuki-button__inner__sub-text {
	color: rgba(255, 255, 255, .82) !important;
	letter-spacing: .06em !important;
	margin-top: 6px !important;
}
/* 「無料」タグ：スリムなゴールドの縦ラベル */
.fuki-button__tag {
	background-color: #c9a24b !important;
	box-shadow: none !important;
	color: #1c2536 !important;
	border-radius: 0 !important;
	width: 54px !important;
	font-size: 13px !important;
	letter-spacing: .06em !important;
}
/* 「1分で完了！」：白い吹き出し → 控えめなゴールドの小タブ */
.fuki-button__fukidashi { display: none !important; }  /* 「1分で完了！」ツールチップは非表示 */


/* =========================================================================
 * 2. スマホ固定CTAバー（.rexsol-cta-bar）
 *    PC では非表示。物件詳細ページのみ body に rexsol-has-cta が付く。
 * ====================================================================== */
.rexsol-cta-bar {
	display: none;
}

/* スマホ・タブレットで表示 */
@media (max-width: 782px) {

	.rexsol-cta-bar {
		display: flex;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9999;
		background: #fff;
		border-top: 1px solid #e6e4dd;
		box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
		padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px));
		gap: 8px;
	}

	.rexsol-cta-bar__item {
		flex: 1 1 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 3px;
		min-height: 52px;
		text-decoration: none;
		border-radius: 4px;
		font-size: 13px;
		letter-spacing: 0.04em;
		line-height: 1.3;
	}
	.rexsol-cta-bar__item .rexsol-cta-bar__sub {
		font-size: 10px;
		letter-spacing: 0.02em;
		opacity: 0.85;
	}

	/* 電話：白地・ネイビー文字・ネイビー罫線 */
	.rexsol-cta-bar__tel {
		background: #fff;
		border: 1px solid #2b3a5c;
		color: #2b3a5c;
	}

	/* 問い合わせ：ゴールド地 */
	.rexsol-cta-bar__form {
		background: #c9a24b;
		color: #2e2208;
	}

	/* 固定バー分だけ本文末尾に余白を足し、フッターと重ならないようにする */
	.rexsol-has-cta .site-footer,
	.rexsol-has-cta #colophon {
		padding-bottom: 72px;
	}
}

/* ごく小さい画面の微調整 */
@media (max-width: 360px) {
	.rexsol-cta-bar__item {
		font-size: 12px;
	}
}