/* ----------------------------------------------------
※ サイト全体で共用する色に関するCSSのみが書いてあります
※ 管理画面より色の一括変更が行えるようにクラス名の命名規則に気を付けてください
---------------------------------------------------- */

/* html
------------------------------------------------------------------------------*/

html {
	background: #fff;
	color: #333;
}

a {
	color: red;
}

.color_1 a {
	color: #004ea2;
}


/* header
------------------------------------------------------------------------------*/

.color_1 #header h1 a {
	color: #fff;
}
.color_1 #header h1 a .ja {
	/* background: #032274; */
}

.color_1 .nav-item.link_color2 {
	background: #626262;
}

.color_1 .nav-item.link_color3 {
	background: #022274;
}

.color_1 .nav-item.li_lp:hover {
	opacity: 0.8;
}


/* nav
------------------------------------------------------------------------------*/

.color_1 #gNavi {}

.color_1 .nav-link::before {
	background: #032274;
}

.color_1 .nav-link,
.color_1 .nav-link:link,
.color_1 .nav-link:visited,
.color_1 .nav-link:active {}

.color_1 .nav-link:hover span {
	/* color: #004ea2; */
}

.color_1 .dropdown .nav-link:hover:after {
	border-top-color: #004ea2;
}

.color_1 .dropdown .nav-link .en {}

.color_1 .submenu-item a:hover {}


/* main
------------------------------------------------------------------------------*/

.color_1 #main {
	border-top: 1px solid #032274;
}

.color_1 .content-block .text {
}

.color_1 .main .caption-tile-menu .tile-block {
	background: #fff;
}

.color_1 .main .caption-tile-menu .tile-block .hd3 .inr-wrap {
	background: none;
}

.color_1 .main .caption-tile-menu .tile-block .hd3 .inr-wrap {
	/* text-shadow: none; */
}

.color_1 .main .caption-tile-menu .tile-block .hd3 .ja,
.color_1 .main .caption-tile-menu .tile-block .hd3 .inr-wrap .en {
	color: #fff;
}


/* headline
--------------------------------------*/

.color_1 .top_page .hd2 span {
	color: #636363;
}

.color_1 .hd2 span {
	color: #52637e;
}

.color_1 .hd3 {
	color: #919aab;
}

.color_1 .hd3:after {
	background: -moz-linear-gradient(left, #004ea2 10%, #edf2f7 80%);
	background: -webkit-linear-gradient(left, #004ea2 10%,#edf2f7 80%);
	background: linear-gradient(to right, #004ea2 10%,#edf2f7 80%);
}


/* footer
------------------------------------------------------------------------------*/

.color_1 .footer {
	border-top: 1px solid #06142a;
}

.color_1 .footer .foot-info .foot-info-inner-left .mansion-name-txt {
	border-color: #7fa6d0;
}

.color_1 .footer .foot-info .foot-info-inner-left .mansion-name-txt span {
	color: #004ea2;
}

.color_1 .footer .foot-info .foot-info-inner-left p {
	color: #717171;
}

.color_1 .footer .foot-info .foot-info-inner-left .info-txt .tel {
	color: #52637e;
}

.color_1 .foot-sitelink {}

.color_1 .foot-sitelink .site-logo .site-selection,
.color_1 .foot-sitelink .site-link-list li a {}

.color_1 .foot-sitelink .site-link-list li > a:before {}

.color_1 .footer .foot-info .foot-info-inner-right a span {
	border: none;
	border-radius: 2px;
}

.color_1 .footer .foot-info .foot-info-inner-right .bnr-buy {
	background: none;
}

.color_1 .footer .foot-info .foot-info-inner-right .bnr-sell {
	background: none;
}

.color_1 .footer .foot-info .foot-info-inner-right a:hover {
}

.color_1 .footer .foot-info .foot-info-inner-right a:hover span {
}

.color_1 .copy-wrap {
	background: #032274;
}

.color_1 .copyright {
	color: #fff;
}


/* footBlockContactWrap
--------------------------------------*/

.color_1 .footBlockContactWrap {
	background: #fff;
	border-top: 1px solid #06142a;
}

.color_1 .footBlockContactWrap .ft-contact-inner .button-area-wrap .tel-btn .tel_num .office_info {
	color: #333;
}

.color_1 .footBlockContactWrap.js-isOver {
	background: #fff;
	border-top: 1px solid #06142a;
}

.color_1 .footBlockContactWrap .ft-contact-inner .txt {
	color: #061429;
}

.color_1 .footBlockContactWrap .button-area-wrap .button {
	border-radius: 2px;
}

.color_1 .footBlockContactWrap .ft-contact-inner .button-area-wrap .tel-btn .tel_num .num {
	color: #485873;
}

.color_1 .footBlockContactWrap .ft-contact-inner .button-area-wrap .tel-btn .tel_num .num span {
	font-weight: 500;
}

.color_1 .footBlockContactWrap .button-area-wrap .tel-btn .mobl {
	background: #485873;
	border: 3px double #fff;
}

.color_1 .footBlockContactWrap .button-area-wrap .inform-btn .button {

	box-shadow: 0 0 0 0;
}

.color_1 .footBlockContactWrap .button-area-wrap .satei-btn .button {

	box-shadow: 0 0 0 0;
}

.color_1 .footBlockContactWrap .button-area-wrap .button:hover {
}

.color_1 .footBlockContactWrap .ft-contact-inner .close {
	background: #fff;
	border: 1px solid #06142a;
	color: #06142a;
}

@media screen and (max-width: 950px) {
/*--- 表示領域が950px以下の場合に適用するスタイル ---*/
	.color_1 .footBlockContactWrap .button-area-wrap .inform-btn .button {
		background: #485873;
		border: 3px double #fff;
	}
	.color_1 .footBlockContactWrap .button-area-wrap .satei-btn .button{
		background: #485873;
		border: 3px double #fff;
	}

}


/* outline
------------------------------------------------------------------------------*/

.color_1 .outline-table th {
	background: #485873;
	border-bottom: 1px solid #919aab;
	color: #fff;
}

.color_1 .outline-table td {
	background: #fff;
	color: #333;
	border-bottom: 1px solid #919aab;
}


/* lp
------------------------------------------------------------------------------*/

/* sale-item */

.color_1 .sale-item {
	border: 1px solid #ccc;
}

.color_1 .sale-item:hover {
	border: 1px solid #485873;
	background: #f4f5f6;
}

.color_1 .sale-item .data {
}

.color_1 .sale-item .name {
	border-bottom: 1px dashed #acbed2;
}

.color_1 .sale-item .data th {
	color: #333;
}

.color_1 .sale-item .data td {
	background: none;
	color: #333;
}


/* lp-box */

.color_1 .lp-box {
	border-color: #ddd;
}

.color_1 .lp-box.no-img .detail .detail-inr-wrap {
	background: #eaebee;
}

.color_1 .lp-box .detail-inr-info-wrap .tel span {
	color: #ab1b1b;
}

.color_1 .lp-box .detail-inr-info-wrap .link .btn {
	background: #ab1b1b;
}


/* not-found
------------------------------------------------------------------------------*/

.not-found h2 {
	color: #999;
	text-shadow: 0 1px #333;
}

.not-found h2 span {
	font-size: 120%;
}

.not-found h3 {
	border-bottom: #999 solid 1px;
}

.not-found li a:hover {
	background: #e6e6e6;
	color: #666;
	transition: background-color .2s;
}