/* ----------------------------------------------------
※ サイト全体で共用する色に関するCSSのみが書いてあります
※ 管理画面 > 色の一括変更機能：クラス名の命名規則 ← 今後使用せずと判断し撤廃（2022.2.16）
---------------------------------------------------- */

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

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

a {
	color: #93845e;
}


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

#header {
	background: #003349;
}

#header .header-area .ja span {
	color: #fff;
}

#header .nav-top-right .link-color1 .nav-link {
	background: #8d8574;
}

#header .nav-top-right .link-color2 .nav-link {
	background: #7e7e7e;
}

#header .nav-top-right .link-color3 .nav-link {
	background: #53727e;
}


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

.nav-items {
	background: rgba(255,255,255,.86);
}

.nav-link,
.nav-link:link,
.nav-link:visited,
.nav-link:active {
	color: #003349;
}

.nav-item.here .nav-link,
.nav-item:hover .nav-link {
	color: #fff;
}

.nav-link:before {
	background-color: #cfbf96;
}

.dropdown .submenu .nav-link .ja {
	color: #003349;
}

.nav-item.here,
.nav-item:hover {
	background: #a39a79;
}

.nav-item.dropdown:hover {
	background: #60605d;
}


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

.main.top_page .caption-tile-menu .tile-block {
	background-color: #93845e;
}

.main.top_page .caption-tile-menu .tile-block .hd3 .inr-wrap {
	background: rgba(255,255,255,.86);
	text-shadow: none;
}

.main.top_page .caption-tile-menu .tile-block .hd3 .inr-wrap .en {
	color: #003349;
}

.main.top_page .caption-tile-menu .tile-block .hd3 .ja {
	color: #93845e;
}


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

.hd1 .en,
.hd1 .ja {
	color: #003349;
}

.hd1 .bar {}

.hd2,
.hd3 {
	color: #003349;
}

.hd3:after {/* 下線に装飾が入るタイプ */
	background: linear-gradient(to right, #003349 10%,#e7e5e1 45%);
}


/* content parts
--------------------------------------*/

.content-block .simple-btn-link span {
	background: #347b9b;
}

.content-block .simple-btn-link a:hover span {
	background: #93845e;
}


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

.gallery-list li {
	background: #eceff1;
}


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

.outline-table th {
	background: #eceff1;
	border-bottom: 1px solid #fff;
	color: #003349;
}

.outline-table td {
	background: #fff;
	border-bottom: 1px solid #eceff1;
}


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

.used_page .lp-title-wrap .page-title,
.sell_page .lp-title-wrap .page-title,
.rent_page .lp-title-wrap .page-title {
	background: linear-gradient(to right, rgba(0, 51, 73,  0), rgba(0, 51, 73,.75) 20%, rgba(0, 51, 73,.85) 50%, rgba(0, 51, 73,.75) 80%, rgba(0, 51, 73,  0));
}

.used_page .lp-box,
.sell_page .lp-box,
.rent_page .lp-box {
	background-color: #fff;
	border: 1px solid #003349;
}

.used_page .lp-box.no-img .detail .detail-inr-wrap,
.sell_page .lp-box.no-img .detail .detail-inr-wrap,
.rent_page .lp-box.no-img .detail .detail-inr-wrap,
.used_page .lp-box .detail-inr-info-wrap .link .btn,
.sell_page .lp-box .detail-inr-info-wrap .link .btn,
.rent_page .lp-box .detail-inr-info-wrap .link .btn {
	background: #003349;
}

.used_page .lp-box .detail-inr-info-wrap .tel span,
.sell_page .lp-box .detail-inr-info-wrap .tel span,
.rent_page .lp-box .detail-inr-info-wrap .tel span {
	color: #93845e;
}


/* xxx-item */

.used_page .sale-item:hover,
.rent_page .rent-item:hover {
	background: #f6f9fb;
	border-color: #003349;
}

.used_page .sale-item .name,
.rent_page .rent-item .name {
	border-color: #93845e;
	color: #003349;
}

.used_page .sale-item .data th,
.rent_page .rent-item .data th {
	background: #003349;
	color: #fff;
}

.used_page .sale-item .data td,
.rent_page .rent-item .data td {
	background: #eceff1;
	color: #003349;
}

.used_page .sale-item:hover td,
.rent_page .rent-item:hover td {
	background: #eaedf1;
}


/* 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 0.2s;
}


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

.footer {
	background: #003349;
	border-color: #93845e;
}

.footer .footer-contents .foot-nav li,
.footer .footer-contents .foot-nav li:first-child {
	border-color: #666;
}

.footer .footer-contents .foot-nav li a {
	color: #fff;
}

.footer .foot-info .foot-info-inner-center p {
	color: #b4a88a;
}

.footer .foot-info .foot-info-inner-center .info-txt .tel {
	color: #fff;
}

.footer .foot-info .foot-info-inner-right .bnr-buy {/* link-color1 */
	background: #8d8574;
}

.footer .foot-info .foot-info-inner-right .bnr-sell {/* link-color2 */
	background: #7e7e7e;
}

.footer .foot-info .foot-info-inner-right .bnr-rent {/* link-color3 */
	background: #53727e;
}

.foot-sitelink {
	background: #eceff1;
}

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

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

.copy-wrap {
	background: #003349;
}

.copyright {
	color: #b4a88a;
}


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

.footBlockContactWrap {
	background: #004563;
	border-color: #b4a88a;
}

.footBlockContactWrap.js-isOver {
	background: #004563;
}

.footBlockContactWrap .button-area-wrap .button {
	background: #347b9b;
}

.footBlockContactWrap .button-area-wrap .button:hover {
	background: #93845e;
}

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

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