/*CSS定数*/
:root {
    --color_main:#1992c6;
	--color_bg:#FDFDFD;
	--color_footer_bg:var(--color_main);
    --color_footer_text: #ffffff;
	--color_htag:var(--color_main);
	--color_border--table: #dcdcdc;		/*デフォルトのテーブルの線の色*/
	--tbody-th-color--bg: #f4f4f4;		/*デフォルトのテーブルth背景色*/

/*** 追加 ***/
	--color_bg_sub1: #EFEFEF;	/*執筆者（調査員）や何かのBoxの背景色（基本のフォント色が認識できる薄い色推奨）*/

	/*テーブル*/
	--color_table_ux_border: var(--color_border--table);
	--color_table_ux_th_bg:#2cc3c3;
	--color_table_ux_th_font:#fff;
	--size_table_ux_padding:10px;

	/*スポイラー*/
	--color_su_spoiler_title:var(--color_bg_sub1);

	/*メリットBox*/
	--icon_merit_box: url(https://propedia.co.jp/wp-content/uploads/2024/06/merit-mizu.png);
	--color_merit_box_title: var(--color_main);
	--color_merit_box_border: #7be4f7;
		
	/*Ｑ＆Ａのアイコン*/
	--icon_faq_q: url(https://propedia.co.jp/wp-content/uploads/2024/06/Q-mizu.png);
	--icon_faq_a: url(https://propedia.co.jp/wp-content/uploads/2024/06/A-mizu.png);

}

/***全体的な配色***/
body {
	background-color: var(--color_bg);
}

.l-header__bar {
    color: #fff;
    background: var(--color_main);
}

.l-footer {
    background-color: var(--color_footer_bg);
    color: var(--color_footer_text);
}

.post_content h2{
    background: var(--color_htag);
    color: #fff;
}


.c-postThumb__cat {	/*カテページの記事画像右上のラベル*/
    background-color: var(--color_main);
}