@charset "utf-8";


/*Google FontsはHTML側の<link>で並列読込（2026-09-30 高速化で@import廃止）
---------------------------------------------------------------------------*/

/*Font Awesomeは使用しない（アイコンはインラインSVG化済み）
---------------------------------------------------------------------------*/


/*CSSカスタムプロパティ（サイト全体を一括管理する為の設定）
---------------------------------------------------------------------------*/
:root {

	--bg-color: #F4EFEA;					/*主にテンプレートの背景色*/
	--bg-border-color: #DDD3C2;				/*枠線の色*/
	--bg-inverse-color: #2B2B2B;			/*上のカラーの「対」として使う色*/
	--bg-inverse-border-color: rgba(0,0,0,0.2);	/*枠線の色。0,0,0は黒の事で0.2は色が20%出た状態。*/
	
	--primary-color: #8B3A2B;			/*メインカラー*/
	--primary-inverse-color: #FFFDF8;		/*上のカラーの「対」として使う色*/
	--primary-border-color: rgba(255,255,255,0.5);	/*枠線の色。255,255,255,0.5は白の事で0.5は色が50%出た状態。*/
	
	--light-color: #EAE1D2;					/*薄いカラー*/
	--light-inverse-color: #2B2B2B;			/*上のカラーの「対」として使う色*/
	--light-border-color: rgba(255,255,255,0.5);	/*枠線の色。255,255,255,0.5は白の事で0.5は色が50%出た状態。*/

	--accent-color: #8B3A2B;			/*アクセントカラー*/
	--accent-inverse-color: #FFFDF8;		/*上のカラーの「対」として使う色*/
	--accent-border-color: rgba(255,255,255,0.5);	/*枠線の色。255,255,255は白の事で0.5は色が50%出た状態。*/

	--content-space-l: 7vw;		/*余白の一括管理用。画面幅100% = 100vwです。*/
	--content-space-s: 2rem;	/*余白の一括管理用。2文字分。*/

	--base-font: "Shippori Mincho", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;  /*フォント指定*/
	--accent-font: "Jost";  		/*アクセント用英語フォント指定*/

}