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

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

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

a {
	color: red;/* デフォルト */
}

.color_1 a {
	color: #2980b9;
}


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

.color_1 #header .header-h1-block .ja {/* header左上の物件名テキスト */
	color: #13905a;
}

.color_1 #header .header-h1-block a:hover .ja {/* header左上の物件名テキストをホバーしたとき */
	color: #ab9366;
}

.color_1 #header .link-color1 .nav-link {
	background: #04795a;
}

.color_1 #header .link-color2 .nav-link {
	background: #035e46;
}

.color_1 #header .link-color3 .nav-link {/* 第三のボタン用 */
	background: #024332;
}

.color_1 #header .link-color1 .nav-link:hover {}
.color_1 #header .link-color2 .nav-link:hover {}
.color_1 #header .link-color3 .nav-link:hover {/* 第三のボタン用 */}


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

.color_1 .nav-items {
	background: #f8f9f6;/* #gNavi の背景色 */
}

.color_1 .nav-link,
.color_1 .nav-link:link,
.color_1 .nav-link:visited,
.color_1 .nav-link:active {
	color: #023d2d;/* #gNavi のテキスト色 */
}

.color_1 .nav-item.here .nav-link,
.color_1 .nav-item:hover .nav-link {
/*	color: #fff;*//* 現在地表示を背景濃色ベタ塗りにするとき使用 */
}

.color_1 .dropdown .submenu .nav-link span {
	color: #023d2d;/* #gNavi > more に格納されているテキスト色 */
}

.color_1 .nav-item.here {/* 現在地表示部分の見た目変更に使用 */}

.color_1 .nav-item:hover {
	background: #046e52;
}

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


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

.color_1 #main {/* gNaviとコンテンツ際にラインなど引きたい時に使用 */}

.color_1 .main .caption-tile-menu .tile-block .hd3 .inr-wrap {
	/* タイル部分のタイトル背景のデザイン変更したいときに使用 */
}

.color_1 .main .caption-tile-menu .tile-block a:hover .hd3 .inr-wrap {
	background: rgba(5, 135, 100, .3) url(../img/overlay1.png) repeat;
}


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

.color_1 .hd1 .en,
.color_1 .hd1 .ja {
	color: #474747;
}

.color_1 .hd1 .bar {/* ページタイトルに装飾をつける時に使用 */}

.color_1 .hd2 {/* コンテンツタイトル */
	color: #474747;
}

.color_1 .hd3 {/* コンテンツサブタイトル */
	color: #023d2d;
}

.color_1 .hd3:after {/* コンテンツサブタイトル > 下線に装飾が入るタイプ */
	background: -moz-linear-gradient(left, #058764, #90c31f, #f8f9f6 45%);
	background: -webkit-linear-gradient(left, #058764,#90c31f, #f8f9f6 45%);
	background: linear-gradient(to right, #058764,#90c31f, #f8f9f6 45%);
}


/* photogallery
------------------------------------------------------------------------------*/

.color_1 .gallery-list li {
	background: #f8f9f6;
}


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

.color_1 .outline-table th {
	background: #058764;
}

.color_1 .outline-table td {
	background: #f8f9f6;
	border-bottom: 1px solid #058764;
}


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

.color_1 .lp-box {
	background-color: #fff;/* バナーのベースとなる背景色（関係するのはデフォルトでは下半分）*/
	border: 1px solid #058764;
}

.color_1 .lp-box.no-img .detail .detail-inr-wrap,
.color_1 .lp-box .detail-inr-info-wrap .link .btn {
	background: #058764;
}


/* sale-item */

.color_1 .sale-item {
/*	border-color: #dde2e6;*//* 売出中物件ブロックの枠線 */
}

.color_1 .sale-item:hover {
	background: #f8f9f6;
	border-color: #13905a;
}

.color_1 .sale-item .name {
	border-color: #90c31f;
	color: #023d2d;
}

.color_1 .sale-item .data th {
	background: #13905a;
	color: #fff;
}

.color_1 .sale-item .data td {
	background: rgba(221, 237, 187, .6);
	color: #058764;
}

.color_1 .sale-item:hover td {
	background: rgba(221, 237, 187, .9);
}


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



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

.color_1 .footer {
	background: rgba(248, 249, 246, .35);
	border-color: #13905a;
}

.color_1 .footer .footer-contents .foot-nav li a {/* footer Navi */
	color: #023d2d;/* text color */
}

.color_1 .footer .foot-info .foot-info-inner-right .bnr-buy {/* link-color1 */
	background: #04795a;
}

.color_1 .footer .foot-info .foot-info-inner-right .bnr-sell {/* link-color2 */
	background: #035e46;
}

.color_1 .footer .foot-info .foot-info-inner-right .bnr-rent {/* link-color3 */
	/* 今は存在していない第三のボタン用 */
	background: #024332;
}

.color_1 .foot-sitelink {/* マンション＆関連リンク一覧 */
	background: #ededed;
}

.foot-sitelink .site-link-list li > a:before {
	background: #90c31f;
}

.color_1 .foot-sitelink .site-link-list li a {
	color: #575757;
}

.color_1 .copy-wrap {
	background: #13905a;
}

.color_1 .copyright {/* コピーライトのテキスト色を変更したい時に使用 */}


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

.color_1 .footBlockContactWrap {
	background: #058764;
}

.color_1 .footBlockContactWrap.js-isOver {/* 最下部に到達したとき */
	background: #13905a;
}

.color_1 .footBlockContactWrap .button-area-wrap .button {
	background: #83b90b;
}

.color_1 .footBlockContactWrap .button-area-wrap .button:hover {
	background: #90c31f;
}

.color_1 .footBlockContactWrap .button-area-wrap .tel-btn .num {
	color: #fff;
}

.color_1 .footBlockContactWrap .ft-contact-inner .close {
	display: none;/* 閉じるボタン非表示パターン */
}
