/*	カスタマイズ用CSS
-------------------------------------------------------- */

/* --------------------------------------------------------
	フォント設定
-------------------------------------------------------- */
.tel-text {
	font-family: 'Roboto', sans-serif;
}



/* --------------------------------------------------------
	カラー設定
-------------------------------------------------------- */

/* bodyタグの背景カラー */
.body-bg-color {
	background-color: #fff;
}

/* bodyタグのテキストカラー */
.body-text-color {
	color: #333;
}



/*	ヘッダー
-------------------------------------------------------- */
/* ヘッダーの背景カラー */
.header-bg-color {
	background-color: #fff;
}

/* ヘッダーのテキストカラー */
.header-text-color {
	color: #333;
}

/* ヘッダートップ帯の背景カラー */
.header-top-bg-color {
	background: #fff;
}

/* ヘッダートップテキストカラー */
.header-top-text-color {
	background: #333;
}



/*	メインメニュー（グローバルナビ）
-------------------------------------------------------- */
/* メインメニュー（グローバルナビ）の背景カラー */
.main-menu-bg-color {
	background: #fff;
}

/* メインメニュー（グローバルナビ）のテキストカラー */
.main-menu-text-color,
.main-menu-text-color a {
	color: #333;
}



/*	サブメニュー
-------------------------------------------------------- */
/* サブメニューの背景カラー */
.sub-menu-bg-color {
	background: #fff;
}

/* サブメニューのテキストカラー */
.sub-menu-text-color,
.sub-menu-text-color a {
	color: #333;
}

/* サブメニューの電話テキストカラー */
.sub-menu-tel-color a {
	color: #333;
}


/*	ハンバーガーメニュー用ボタン
-------------------------------------------------------- */
/* ハンバーガーメニュー用ボタンの背景カラー */
.hamburger-btn-bg-color a {
	background-color: #111;
}

/* ハンバーガーメニュー用ボタンのラインカラー */
.hamburger-btn-text-color span:not(.c-hamburger-btn__text) {
	background-color: #fff;
}

.hamburger-btn-text-color span.c-hamburger-btn__text {
	color: #fff;
}


/*	スマートフォン用メニュー
-------------------------------------------------------- */
/* スマートフォン用メニューの背景カラー */
.sp-menu-bg-color {
	background-color: #fff;
}

/* スマートフォン用メニューのテキストカラー */
.sp-menu-text-color,
.sp-menu-text-color a {
	color: #333;
}

/* スマートフォン用メニューのSNSアイコンカラー */
.sp-sns-icon-color .icon {
	fill: #e60012;
}



/*	サイドCTAウィジェット
-------------------------------------------------------- */
/* サイドCTAウィジェットの背景カラー */
.cta-widget-bg-color a {
	background-color: #e60012;
}

/* hover時 */
.cta-widget-bg-color a:hover {
	background-color: #e60012;
}

/* サイドCTAウィジェットのテキストカラー */
.cta-widget-text-color a {
	color: #fff;
}



/*	ページトップ用ボタン
-------------------------------------------------------- */
/* ページトップ用ボタンの背景カラー */
.page-top-bg-color .icon {
	fill: #111;
}



/*	フッターCTAブロック
-------------------------------------------------------- */
/* フッターCTAブロックの背景カラー */
.cta-block-bg-color {
	background-color: #f5f5f5;
}

/* フッターCTAブロックのテキストカラー */
.cta-block-text-color,
.cta-block-text-color a {
	color: #333;
}

/* フッターCTAブロックの電話番号テキストカラー */
.cta-block-tel-text-color a {
	color: #333;
}

/* フッターCTAブロックの電話番号アイコンカラー */
.cta-block-tel-text-color .icon {
	fill: #333;
}

/* フッターCTAブロックのボタン背景カラー */
.cta-block-btn-bg-color a {
	background-color: #111;
}

/* hover時 */
.cta-block-btn-bg-color a:hover {
	background-color: #333;
}



/*	フッター
-------------------------------------------------------- */
/* フッターの背景カラー */
.footer-bg-color {
	background-color: #333;
}

/* フッターのテキストカラー */
.footer-text-color,
.footer-text-color a {
	color: #fff;
}

/* フッターのSNSアイコンカラー */
.footer-text-color .icon {
	fill: #fff;
}

/* フッターメニューのテキストカラー */
.footer-menu-text-color a {
	color: #fff;
}

/* フッターメニューのアイコンカラー */
.footer-menu-text-color a:before {
	border-left-color: #e60012;
}

/* コピーライトの背景カラー */
.copyright-bg-color {
	background-color: #555;
}

/* コピーライトのテキストカラー */
.copyright-text-color {
	color: #fff;
}



/*	見出し
-------------------------------------------------------- */
/* 見出しスタイル01のボーダーカラー */
.heading01-border-color:after {
	background-color: #e60012;
}

/* 見出しスタイル01のテキストカラー */
.heading01-text-color {
	color: #333;
}

/* 見出しスタイル02の背景カラー */
.heading02-bg-color:before {
	background-color: #e60012;
}

/* 見出しスタイル02のテキストカラー */
.heading02-text-color {
	color: #333;
}

/* 見出しスタイル03の背景カラー */
.heading02-bg-color {
	background-color: #ddd;
}

/* 見出しスタイル03のテキストカラー */
.heading02-text-color {
	color: #333;
}



/*	ボタン
-------------------------------------------------------- */
/* primaryボタンの背景カラー */
.btn-primary-bg-color {
	background-color: #e60012;
}

/* hover時 */
.btn-primary-bg-color:hover {
	background-color: #e60012;
}

/* primaryボタンのテキストカラー */
.btn-primary-text-color {
	color: #fff;
}

/* secondaryボタンの背景カラー */
.btn-secondary-bg-color {
	background-color: #e60012;
}

/* hover時 */
.btn-secondary-bg-color:hover {
	background-color: #e60012;
}

/* secondaryボタンのテキストカラー */
.btn-secondary-text-color {
	color: #fff;
}



/*	ページネーション
-------------------------------------------------------- */
/* ページネーションの背景カラー */
.pagination-num-bg-color > a,
.pagination-num-bg-color > span {
	background: #eee;
}

/* hover時 */
.pagination-num-bg-color > a:hover,
.pagination-num-bg-color > span:hover {
	background: #111;
}

/* ページネーションのテキストカラー */
.pagination-num-text-color > a,
.pagination-num-text-color > span {
	color: #333;
}

.pagination-num-text-color > a:hover,
.pagination-num-text-color > span:hover {
	color: #fff;
}



/*	カード形式
-------------------------------------------------------- */
/* カード形式のタイトルカラー */
.card-title-text-color {
	color: #333;
}



/*	テキストリンク
-------------------------------------------------------- */
/* テキストリンクのカラー */
.text-link-color {
	color: #333;
}



/*	内部ページ
-------------------------------------------------------- */
/* ページヘッダーの背景カラー */
.main-header-bg-color {
	background-color: #eee;
}

/* ページヘッダーのテキストカラー */
.main-header-text-color {
	color: #333;
}