@charset 'UTF-8';


/* ================================================================================

	全体の【背景色】

================================================================================ */

body,
.base-bg {
	background-color: #ffffff;
}



/* ================================================================================

	全体の【文字色】

================================================================================ */

body,
.pointer-events,
.fax_num {
	color: #2d2108;
}

/* SNSアイコン色 */
.f_sns ul li a svg path,
.f_sns ul li a svg circle {
	fill: #ffffff;
}



/* ================================================================================

	ナビゲーション

================================================================================ */

/* ナビ背景色 */
.navi_content {
	background-color: transparent;
}

/* ロゴ */
.navi_content a .navi_logo,
.sp_logo_in {
	color: #2d2108;
}

/* ナビゲーション */
.main_navi > ul > li > a {
	color: #ffffff;
	text-shadow: 0.05em 0.05em 0.1em rgba(0,0,0,0.2), 0.1em 0.1em 0.2em rgba(0,0,0,0.2);
}
.page-home .main_navi > ul > li > a {
	color: #483c30;
	text-shadow: none;
}

/* ナビゲーションサブタイトル */
.main_navi a span {
	color: #ffffff;
	text-shadow: 0.05em 0.05em 0.1em rgba(0,0,0,0.2), 0.1em 0.1em 0.2em rgba(0,0,0,0.2);
}
.page-home .main_navi a span {
	color: #483c30;
	text-shadow: none;
}


/* ナビゲーション スクロール後 */
.navi_scroll {
	background-color: rgba(255, 255, 255, 0.8);
}
.navi_scroll .main_navi > ul > li > a {
	color: #2d2108;
	text-shadow: none;
}
.navi_scroll .main_navi > ul > li > a span {
	color: #f48222;
	text-shadow: none;
}


/* ハンバーガーボタンの三本線 */
.trigger span,
.trigger span:nth-of-type(2)::after {
	background-color: #ffffff;
}

/* ハンバーガーの閉じるボタン「×」の色 */
.pushy-open-left .site-overlay p,
.pushy-open-right .site-overlay p {
	color: #ffffff;
}



/* ================================================================================

	メイン画像

================================================================================ */

/* PCのh1文字色 */
.pc_h1 {
	color: #ffffff;
	text-shadow: 0.05em 0.05em 0.1em rgba(0,0,0,0.2), 0.1em 0.1em 0.2em rgba(0,0,0,0.2);
}
.page-home .pc_h1 {
	color: #2d2108;
	text-shadow: none;
}

/* 各ページメイン画像のタイトル文字色 */
.m-cate_wrap_in h2 {
	color: #2d2108;
	text-shadow: 0 0 0.4em #ffffff,0 0 0.3em #ffffff,0 0 0.3em #ffffff,0 0 0.2em #ffffff,0 0 0.1em #ffffff;
}



/* ================================================================================

	共通のスクロールバーカラー

================================================================================ */

/* firefox用 */
html {
	scrollbar-color: #f48222 #f1f1f1; /* サム(つまみ)カラー トラックカラー */
}

/* スクロールバーのサム(つまみ)カラー */
::-webkit-scrollbar-thumb {
	background-color: #f48222;
}
::-webkit-scrollbar-thumb:hover {
	background-color: #f48222;
}

/* スクロールバーのトラックカラー */
::-webkit-scrollbar-track {
	background-color: #f1f1f1;
}



/* ================================================================================

	キーカラー1
	
	.key01-bg　背景色と文字色(キーカラー1に対する見やすい色)
	.key01-text　文字色がキーカラー1

================================================================================ */

/* キーカラー1で敷き詰めた背景と文字色(キーカラー2に対する見やすい色) 等 */
.key01-bg,
.key01-bg a,
.title_top h2:after,
.title_cate_h2 h2:after,
.access_table02 th:after,
.btn_submit input[type="submit"],
.blog_tag a,
.wp-pagenavi span.current,
.wp-pagenavi span.extend,
.wp-pagenavi span.pages,
.wp-pagenavi a:hover,
.contact_f7 input[type="radio"]:checked + .wpcf7-list-item-label:before,
.f_contact_in h2:after {
	background-color: #f48222;
	color: #ffffff;
}

/* ラジオボタン色 */
.contact_f7 input[type="radio"]:checked + .wpcf7-list-item-label:before {
	border-color: #f48222;
}

/* リンク色 */
a {
	color: #f48222;
}

/* ページトップボタン */
#page_top a svg path,
#page_top a svg circle  {
	fill: #392a0c;
}

/* 見出しの装飾 */
.key01-bg .title_top h2:after,
.key01-bg .title_cate_h2 h2::after {
	background-color: #ffffff;
}


/* SP設定 */
@media (max-width: 767px) {
	.key01-bg-sp,
	.key01-bg-sp a {
		background-color: #f48222;
		color: #ffffff;
	}
	.key01-bg-sp .title_top h2:after {
		background-color: #ffffff;
	}
}



/* ================================================================================

	キーカラー2
	
	.key02-bg　背景色と文字色(キーカラー2に対する見やすい色)
	.key02-text　文字色がキーカラー2

================================================================================ */

/* キーカラー2で敷き詰めた背景と文字色(キーカラー2に対する見やすい色) 等 */
.key02-bg,
.key02-bg a,
.q_text,
.wp-pagenavi a,
.wp-pagenavi span {
	background-color: #483c30;
	color: #ffffff;
}

/* 見出しの装飾 */
.key02-bg .title_top h2:after,
.key02-bg .title_cate_h2 h2::after {
	background-color: #ffffff;
}


/* SP設定 */
@media (max-width: 767px) {
	.key02-bg-sp,
	.key02-bg-sp a {
		background-color: #483c30;
		color: #ffffff;
	}
}



/* ================================================================================

	フッターお問い合わせ表示
	※非表示にしたい場合はコメントアウトをはずしてください。

================================================================================ */

/* 電話
------------------------------------------- */

.f_contact ul li:nth-of-type(1) {
	display: none;
}


/* メール
------------------------------------------- */

/*
.f_contact ul li:nth-of-type(1) {
	border: none;
	padding-bottom: 0;
}
.f_contact ul li:nth-of-type(2) {
	display: none;
}
*/



/* ================================================================================

	フッターSNSボタン表示
	※非表示にしたい場合は　inline-block　を　none　に書き換えてください。

================================================================================ */

/* Instagramボタン */
.f_sns ul li:nth-of-type(1) {
	display: none;
}

/* Facebookボタン */
.f_sns ul li:nth-of-type(2) {
	display: inline-block;
}

/* Twitterボタン */
.f_sns ul li:nth-of-type(3) {
	display: none;
}

/* LINEボタン */
.f_sns ul li:nth-of-type(4) {
	display: inline-block;
}

/*
.f_sns {
	display: none;
}
 */