@charset 'UTF-8';


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

	全体の【背景色】

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

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



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

	全体の【文字色】

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

body,
.pointer-events {
	color: #533b33;
}

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



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

	ナビゲーション

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

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

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

/* ナビゲーション */
.main_navi > ul > li > a {
	color: #9d2938;
}

/* ナビゲーションサブタイトル */
.main_navi a span {
	color: #533b33;
}


/* ナビゲーション スクロール後 */
.navi_scroll {
	background-color: rgba(255, 255, 255, 0.8);
}
.navi_scroll .main_navi > ul > li > a {
	color: #533b33;
}
.navi_scroll .main_navi > ul > li > a span {
	color: #9d2938;
}


/* ハンバーガーボタンの三本線 */
.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: #533b33;
	text-shadow: 0px 0px 0.1em rgba(0,0,0,0.3);
}

/* 各ページメイン画像のタイトル文字色 */
.m-cate_wrap_in h2 {
	color: #b35f6e;
	text-shadow: 0px 0px 0.1em rgba(255,255,255,0.3);
}



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

	キーカラー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 {
	background-color: #533b33;
	color: #fbeeef;
}

/* リンク色・文字色がキーカラー1 */
.key01-text,
a {
	color: #9d2938;
}

/* ページトップボタン */
#page-top a svg path,
#page-top a svg circle  {
	fill: #9d2938;
}

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


/* SP設定 */
@media (max-width: 767px) {
	.key01-bg-sp,
	.key01-bg-sp a {
		background-color: #9d2938;
		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: #e4d3cb;
	color: #9d2938;
}

/* 文字色がキーカラー2 */
.key02-text{
	color: #313131;
}

/* 見出しの装飾 */
.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: #9d2938;
		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: inline-block;
}

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

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

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

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