@charset "utf-8"; /*variable ----------------------------------------------------------------------------------------------------*/ :root { /*font color*/ --font-color: #4c4c4c; --fontsub-color: #ffffff; --fontsub-color-f0: #ffffff; /*main color -----------------------------------------------------------*/ --base-color0: #ffffff; /*白*/ --base-color1: #003acc; /*標準*/ --base-color2: #66a4ff; /*薄い*/ --base-color3: #003582; /*濃い*/ --base-color4: #000000; /*黒*/ --base-color4-2: #000000; /*黒、他のカラー時灰*/ --base-color5: #003f9b; /*ちょっと濃い*/ /*文字サイズ、背景色のボタン用 スタイルシート変更時 -----------------------------------------------------------*/ /*標準 白 白*/ --normal-white-white: #003acc; /*標準 黒 黒*/ --normal-black-black: #003acc; /*標準 白 黒*/ --normal-white-black: #003acc; /*標準 黒 白*/ --normal-black-white: #003acc; /*白 白 白*/ --white-white-white: #ffffff; /*白 白 黒*/ --white-white-black: #ffffff; /*黒 黒 黒*/ --black-black-black: #000000; /*白 黒 黒*/ --white-black-black: #ffffff; /*黒 白 黒*/ --black-white-black: #000000; /*白 黒 黒*/ --white-black-white: #ffffff; /*黒 白 白*/ --black-white-white: #000000; /*白 黒 白*/ --white-black-white: #ffffff; /*黒 黒 白*/ --black-black-white: #000000; /*標準 灰 黒灰*/ --normal-gray-dgray: #003acc; /*濃い 灰 灰*/ --dark-gray-gray: #003582; /*濃い 黒 白*/ --dark-black-white: #003582; /*その他の色 アイコン他 -----------------------------------------------------------*/ --color-gray: #666666; /*灰*/ --color-gray3: #bfbfbf; /*灰3*/ --color-gray4: #757575; /*灰4*/ --color-black: #000; /*黒 ずっと黒*/ --color-red: #c40500; /*赤 pdf*/ --color-green: #107c41; /*緑 exel*/ --color-blue: #185abd; /*青 word*/ --color-blue2: #132fa8; /*青 normal*/ --color-purple: #8645db; /*紫 normal*/ /*リスト用カラーバリエーション -----------------------------------------------------------*/ --color-gray2: #a5a5a5; /*灰*/ --color-blue3: #1f62cc; /*明るめ 青*/ --color-blue4: #0f93bc; /*緑っぽい青*/ --color-green2: #48aa6f; /*緑*/ --color-green3: #91ba2d; /*黄緑*/ --color-yellow: #ceb606; /*黄*/ --color-yellow2: #ff9b0b; /*オレンジっぽい黄*/ --color-orange: #d24603; /*オレンジ*/ --color-orange2: #ff4545; /*オレンジっぽい赤*/ --color-purple: #d161b1; /*紫*/ --color-purple2: #9d6bd1; /*青紫*/ /*grd グラデーション -----------------------------------------------------------*/ --grd-color1: linear-gradient(115deg, #003acc 0%, #2e6be5 100%); --grd-color2: linear-gradient(115deg, #325ecc 0%, #4e7ddc 100%); --gra-color3: linear-gradient( 0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(211, 229, 255, 1) 100% ); /* --grd-color1: rgba(0, 58, 204, 1); --grd-color2: (50, 94, 204, 1); */ /*bg 青 -----------------------------------------------------------*/ --bg-color1: #f1f7ff; /*薄い*/ --bg-color2: #e0edff; /*標準*/ --bg-color3: #f1f7ff; /*ヘッダー用*/ /*bg 黄 -----------------------------------------------------------*/ --bg-color_y1: #fffaca; /*薄い黄色*/ --bg-color_y2: #f4dd53; /*濃い黄色*/ --bg-color_y3: #fffaca; /*ちょっと薄い黄色*/ /*bg グレイ -----------------------------------------------------------*/ --bg-color_g1: #efefef; --bg-color_g2: #f7f7f7; --bg-color_g3: #e8e8e8; /*rgba 透明度のある色 -----------------------------------------------------------*/ --base-color1a85: rgba(0, 58, 204, 0.85); /*標準 85%*/ --base-color2a85: rgba(0, 53, 130, 0.85); /*濃い*/ /*影 shadow -----------------------------------------------------------*/ --shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1); /*fullcalender 用 ----------------------------------------------------------------------------------------------------*/ --fc-button-bg-color: #2c3e50; --fc-button-border-color: #2c3e50; --fc-button-active-bg-color: #1a252f; --fc-button-active-border-color: #151e27; --fc-button-hover-bg-color: #1e2b37; --fc-button-hover-border-color: #1a252f; --fc-button-text-color: #fff; /*祝日*/ --col-holiday: #ffd8d8; /*cookie 用 ----------------------------------------------------------------------------------------------------*/ --cookie-black: rgba(0, 0, 0, 0.8); /*黒 透明*/ } /*end variable ----------------------------------------------------------------------------------------------------*/