/* ----------------------------------------------------
※ サイト全体で共用する色に関するCSSのみが書いてあります
---------------------------------------------------- */

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

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

a {
  color: #968446;
}


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



/* nav
------------------------------------------------------------------------------*/
.nav-item.here, .nav-item:hover {
	background: #78212c;
}

.nav-link {
	color: #78212c;
}


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

.main.top_page .caption-tile-menu .tile-block .hd3 .inr-wrap {
	background: rgba(58, 41, 44, .3);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}

.main.top_page .caption-tile-menu .tile-block a:hover .hd3 .inr-wrap {
	background: rgba(30, 22, 23, .7);
}

.main.top_page .caption-tile-menu .tile-block a:hover .hd3 .ja,
.main.top_page .caption-tile-menu .tile-block a:hover .hd3 .en {
	color: #d2c5ae;
}


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

.hd3::after {
	background: linear-gradient(to right, #78212c 5%, #eee 30%);
}


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

.content-block .simple-btn-link span {
	background: #78212c;
}

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


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

.footer {}

.footer .footer-contents {
	background: transparent;
}

.footer .foot-info .foot-info-inner-left .logo-btm-txt span,
.footer .foot-info .foot-info-inner-center .corp .kotei-txt,
.footer .foot-info .foot-info-inner-center .info-txt .tel {
	color: #c3af72;
}

.footer .foot-info .foot-info-inner-right a {
	background: #78212c;
	border-color: #78212c;
	color: #fff;
}

.footer .foot-info .foot-info-inner-right a:hover {
	background: #938c77;
	border-color: #938c77;
}


/* foot-sitelink
--------------------------------------*/

.foot-sitelink {
	background: #fafafa;
	border-top-color: #e0caa2;
}


/* copyright-コピーライト
--------------------------------------*/

.copy-wrap {
	background: #78212c;
}


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

.outline-table th {
	background: #efede9;
	color: #504f4c;
}

.outline-table td {
	background: #fafafa;
	color: #504f4c;
}


/* lp　※lp.cssで上書きされてしまうので接頭辞.color_1 or .sale-list-wrapを必ずつけておく
------------------------------------------------------------------------------*/

/* sale-item */

.sale-list-wrap .sale-item {
	border-color: #ececec;
}

.sale-list-wrap .sale-item:hover {
	background: #f7f7f7;
	box-shadow: 0 0 2px #ccc;
}

.sale-list-wrap .sale-item .name {
	border-bottom: 1px dashed #78212c;
}

.sale-list-wrap .sale-item .data th {
	background: #efede9;
	color: #333;
}

.sale-list-wrap .sale-item .data td {
	background: #fff;
	color: #333;
}


/* lp-box - バナー部分 */

.color_1 .lp-box {
	background: #f9f8f5;
	border-color: #978d69;
}

.color_1 .lp-box.no-img .detail .detail-inr-wrap {/* 現在 背景画像の無いこちらのパターンONLYで運用中‥ */
	background: #959289;
}

.color_1 .lp-box .detail-inr-info-wrap {
	background: transparent;
}

.color_1 .lp-box .detail-inr-info-wrap .tel span:not(.notes) {
	color: #c3af72;
}

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

.color_1 .lp-box .detail-inr-info-wrap .link a:hover .btn {
	background: #8f2633;
}


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