/*---------------------------------
	フォント設定 start
---------------------------------*/
/*
 * "LigatureSymbols" is lisenced under the SIL Open Font License 1.1
 * http://kudakurage.com/ligature_symbols/
 */

@font-face {
	font-family: 'LigatureSymbols';
	src: url('../../font/LigatureSymbols/LigatureSymbols-2.11.eot');
	src: url('../../font/LigatureSymbols/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
		url('../../font/LigatureSymbols/LigatureSymbols-2.11.woff') format('woff'),
		url('../../font/LigatureSymbols/LigatureSymbols-2.11.ttf') format('truetype'),
		url('../../font/LigatureSymbols/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*---------------------------------
	フォント宣言 end
---------------------------------*/

/*---------------------------------
	CSSカスタムプロパティ start
---------------------------------*/
:root {
	/* フォント */
	/* 使用するフォントによって設定を切り替えてください */
	
	/* ゴシック */
	/* --fontFamily: "Noto Sans JP", YuGothic,"Yu Gothic","Avenir","Helvetica Neue","Helvetica","Arial","Hiragino Sans","ヒラギノ角ゴシック","メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;*/
	
	/* 游明朝 */
	--fontFamily: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	
	/* Noto Serif Japanese */
	--fontFamilyMincho: "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: 500; /* 通常フォント太さ */
	--fontWeightBold: 700; /* 太文字フォント太さ */
	
	--mainBgColor: #FFF; /* 背景色 */
	--mainTextColor: #333;  /* 文字色 */
	
	--themeColor: #A2D7DD;
	
	/* ヘッダー */
	--headerBgColor: #FFF; /* 背景色 */
	--headerTextColor: #333; /* 文字色 */
	
	/* ヘッダーメニュー */
	--headerMenuBgColor: #BDD7EE; /* 背景色 */
	--headerMenuTextColor: #333; /* 文字色 */
	
	/* ドロワーナビ(タブレット、スマホ時) */
	--drawerNavButtonBgColor: var(--headerMenuBgColor); /* ボタン背景色 */
	--drawerNavButtonIconColor: var(--headerMenuTextColor); /* ボタンアイコン色 */
	--drawerNavBodyBgColor: var(--headerMenuBgColor); /* 背景色 */
	--drawerNavBodyTextColor: var(--headerMenuTextColor); /* 文字色 */
	
	/* フッター */
	--footerBgColor: #333; /* 背景色 */
	--footerTextColor: #FFF; /* 文字色 */
	
	/* ボタン */
	--buttonBgColor: var(--themeColor); /* 背景色 */
	--buttonActiveBgColor: #FFF; /* ホバー時背景色 */
	--buttonTextColor: #FFF; /* 文字色 */
	--buttonActiveTextColor: var(--mainTextColor); /* ホバー時文字色 */
	--buttonBorderColor: var(--buttonBgColor); /* 枠線色 */

	/* グリッド表スタイル */
	--gridTableHeadBgColor: var(--themeColor); /* th背景色 */
	--gridTableHeadTextColor: #FFF; /* th文字色 */
	--gridTableCellBgColor: transparent; /* td背景色 */
	--gridTableCellTextColor: var(--mainTextColor); /* td文字色 */
	--gridTableBorderColor: #BFBFBF; /* 枠線色 */
	
	/* 流れ */
	--flowArrowColor: #AAA; /* 矢印色 */
	--flowBorderColor: #CCC; /* 枠線色 */
	--flowBackgroundColor: #FFF; /* 背景色 */
	
	/* マーカーライン */
	--markerlineColor: rgba(38, 147, 256, 0.1); /* マーカーライン色 */
}

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

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

@media(max-width: 600px){
	body,html{
		font-size: 16px;
	}
}

*{
	min-width: 0%;
	min-height: 0%;
}

table{
	table-layout: fixed;
	width: 100%;
}

table th,
table td{
	border-bottom: 1px solid var(--gridTableBorderColor);
	padding: 0.5em 1em;
}

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;
	}
}

ruby rt{
	font-size: 37.5%;
}

@media(max-width: 600px){
	ruby rt{
		font-size: 50%;
	}
}

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