/*
Theme Name: KANTO REFRESH
Theme URI: https://www.refresh.or.jp/kanto/
Description: 関東防水リフレッシュ事業協同組合のテーマです。
Version: 1.0
Author: Natureland
Author URI: https://natureland.com
*/

/* WEBフォント */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,600,700&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500,600,700&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Secular+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Metal&display=swap');

:root {
  /* 基本フォント */
  --bs-font-sans-serif: 'Noto Sans JP', "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	
  --bs-font-serif: 'Noto Serif JP', "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  
  /* カラー関連 */
  --cm-color-fff: #FFFFFF; /* カラー白 */
  --cm-color-000: #000000; /* カラー黒 */
	
	--cm-base-bg-color: #01C935; /* ベース背景カラー */
  
  --cm-main-tx-color: #707070; /* 共通テキスト　メイン色　グレー濃 */
  
  --cm-gray-tx-color: #B2B2B2; /* 共通テキスト　サブ色　　グレー薄 */
  --cm-sample-tx-color: #787878; /* 共通テキスト　サンプル色　　グレー薄 */
  
  --cm-white-bg-color: #FFFFFF; /* 背景白 */
  --cm-header-bg-color: #F4F4F4; /* ヘッダー部背景 */
  --cm-efefef-bg-color: #EFEFEF; /* 背景グレー系 */
	--cm-cdcdcd-bg-color: #CDCDCD; /* 背景グレー系 */
  --cm-alert-bg-color: #FCE4E7; /* 背景アラート用 */
  --cm-water-bg-color: #DFF5FF; /* 背景薄水色用 */
	--cm-light-green-bg-color: #F0F9EE; /* 背景薄緑色用(薄) */
	--cm-light-dark-green-bg-color: #F8FFF9; /* 背景薄緑色用(濃) */
  --cm-banner-bg-color: #01C935; /* バナー背景用 */

  --cm-thumb-line-color: #CBD5DC; /* サムネイル用ライン */
  
  --cm-primary-tx-color: #2F5DC4; /* 共通primaryテキストカラー */
  --cm-info-tx-color: #0099D9; /* 共通infoテキストカラー */
  --cm-warning-tx-color: #F2BC00; /* 共通warningテキストカラー */
  --cm-orange-tx-color: #EB6133; /* 共通orangeテキストカラー */
  --cm-dark-tx-color: #393E48; /* 共通darkテキストカラー */
  --cm-login-tx-color: #2F5F9A; /* 共通ログインリンクテキストカラー */
  
  --cm-common-border-color: #B6B6B6; /* 共通ボーダーカラー */
  --cm-danger-tx-color: #D90D1C;/* 共通　赤字カラー */
  
  --cm-color-pdf: #AD0B00;/* 共通　PDFカラー */
  --cm-color-doc: #2C5895;/* 共通　Wordカラー */
  --cm-color-xls: #217247;/* 共通　Excelカラー */
  --cm-color-nml: #999999;/* 共通　ノーマルカラー */
  
}