/*---------------------------------
	CSSカスタムプロパティ start
---------------------------------*/
:root {
	/* フォント */
	/* 使用するフォントによって設定を切り替えてください */
	
	/* 游ゴシック */
	 --fontFamily: YuGothic,"Yu Gothic","Avenir","Helvetica Neue","Helvetica","Arial","Hiragino Sans","ヒラギノ角ゴシック","メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	
	/* Noto Serif Japanese */
	/*--fontFamily: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; */
	/* 
	注意1：Noto Serif Japanese使用の際はwebfont.jsから、読み込み設定を行うこと(詳しい方法はwebfont.js内コメントを参照ください。
	
	注意2：Noto Serif Japanese使用の際は以下のCSSカスタムプロパティの設定の変更を行うこと
	--fontWeightBold: 700;
	*/
	
	/* KiwiMaru */
	/* --fontFamily: "Kiwi Maru", YuGothic,"Yu Gothic","Avenir","Helvetica Neue","Helvetica","Arial","Hiragino Sans","ヒラギノ角ゴシック","メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; */
	/* 
	注意1：KiwiMaru使用の際はwebfont.jsから、読み込み設定を行うこと(詳しい方法はwebfont.js内コメントを参照ください。
	
	注意2：KiwiMaru使用の際は以下のCSSカスタムプロパティの設定の変更を行うこと
	--fontWeightBold: 500;
	*/
	
	--fontWeightNormal: 400; /* 通常フォント太さ */
	--fontWeightBold: 700; /* 太文字フォント太さ */
	
	--mainBgColor: #FFF; /* 背景色 */
	--mainTextColor: #333;  /* 文字色 */
	
	/* ヘッダー */
	--headerBgColor: #ffe9c7; /* 背景色 */
	--headerTextColor: #333; /* 文字色 */
	--headerLogoBgColor: #ffe9c7; /* ロゴ部背景色 */
	--headerButtonBgColor: #ffe9c7; /* ボタン背景色 */
	--headerButtonTextColor: #FFF; /* ボタン文字色 */
	
	
	/* ヘッダーメニュー */
	--headerMenuBgColor: #ffe9c7; /* 背景色 */
	--headerMenuTextColor: #333; /* 文字色 */
	
	/* ドロワーナビ(タブレット、スマホ時) */
	--drawerNavButtonBgColor: var(--headerMenuBgColor); /* ボタン背景色 */
	--drawerNavButtonIconColor: var(--headerMenuTextColor); /* ボタンアイコン色 */
	--drawerNavBodyBgColor: var(--headerMenuBgColor); /* 背景色 */
	--drawerNavBodyTextColor: var(--headerMenuTextColor); /* 文字色 */
	
	/* フッター */
	--footerBgColor: #ffe9c7; /* 背景色 */
	--footerTextColor: #333; /* 文字色 */
	
	/* ボタン */
	--buttonBgColor: #ffe9c7; /* 背景色 */
	--buttonActiveBgColor: #FFF; /* ホバー時背景色 */
	--buttonTextColor: #333; /* 文字色 */
	--buttonActiveTextColor: #333; /* ホバー時文字色 */
	--buttonBorderColor: var(--buttonBgColor); /* 枠線色 */
	
	/* グリッド表スタイル */
	--gridTableHeadBgColor: rgba(0,0,0,0.1); /* th背景色 */
	--gridTableHeadTextColor: var(--mainTextColor); /* th文字色 */
	--gridTableCellBgColor: transparent; /* td背景色 */
	--gridTableCellTextColor: var(--mainTextColor); /* td文字色 */
	--gridTableBorderColor: #CCC; /* 枠線色 */
	
	/* 流れ */
	--flowArrowColor: #AAA; /* 矢印色 */
	--flowBorderColor: #CCC; /* 枠線色 */
	--flowBackgroundColor: #FFF; /* 背景色 */
	
	/* マーカーライン */
	--markerlineColor: rgba(38, 147, 256, 0.1); /* マーカーライン色 */
}

/*---------------------------------
	CSSカスタムプロパティ end
---------------------------------*/

/*---------------------------------
	共通スタイル start
---------------------------------*/
body{
	font-family: var(--fontFamily);
	font-size: 18px;
	font-weight: var(--fontWeightNormal);
	color: var(--mainTextColor);
}

@media(max-width: 600px){
	body{
		font-size: calc(16px * 0.8);
	}
}

table{
	table-layout: fixed;
}

h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: inherit;
	margin-bottom: 1em;
}

img{
	display: block;
	max-width: 100%;
}

a{
	text-decoration: underline;
}

a[href^="tel"],
a[href^="tel"]:hover{
	color: inherit;
	text-decoration: none;
}
	
@media(min-width: 601px){
	a[href^="tel"],
	a[href^="tel"]:hover{
		cursor: default;
		pointer-events: none;
		
	}
}

/*---------------------------------
	共通スタイル end
---------------------------------*/