@charset 'UTF-8';


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

	全体の【背景色】

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

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



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

	全体の【文字色】

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

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

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



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

	ナビゲーション

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

/* ナビ背景色 */
.navi_content {
	background-color: rgba(255,255,255,0.9);
}

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

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

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

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

/* 各ページメイン画像のタイトル文字色 */
.m-cate_wrap_in h2 {
	color: #ffffff;
	text-shadow: 0px 0px 0.1em rgba(0,0,0,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: #fee0ed;
	color: #96426f;
}

.title_top h2:after {
	background-color: #96426f;
}
.title_cate_h2 h2:after {
	background-color: #96426f;
}

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

/* ページトップボタン */
#page-top a svg path {
	fill: #96426f !important;
}

/* 見出しの装飾 */
.key01-bg .title_top h2:after,
.trigger span,
.trigger span:nth-of-type(2)::after {
	background-color: #96426f;
}


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



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

	キーカラー2

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

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

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

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


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



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

	フッター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;
}