@charset "UTF-8";

/*@font-face {  
  font-family: 'BIZ UDPGothic';  
  src: url('../fonts/BIZUDPGothic-Regular.ttf') format('truetype'); 
}

@font-face {  
  font-family: 'BIZ UDPGothic Bold';  
  src: url('../fonts/BIZUDPGothic-Bold.ttf') format('truetype'); 
}*/


:root {
  --Gray-1: #F7F7F7;
  /*Body背景*/
  --Gray-3: #EEE;
  --Gray-4: #E5E5E5;
  --Gray-6: #CCC;
  /*btn boder*/
  --Gray-7: #666;
  /*tooltip*/
  --Gray-8: #999;
  --Gray-ddd: #DDD;
  /*btn font color */
  --White: #FFF;
   --Blue-1:#0093EE;
   --blue-1-light:#E5EFFF;
  --Blue-2: #0F67FF;
  --Blue-3:#619BFF;
  --Blue-5: rgb(80,124,200);
  --Blue-6:#4455b7;
  --Blue-7:#005ba4;
  --Blue-8: #1364C3;
  --Black: #121212;
  --Alert: #EC0000;
  --header-button-red: #d32f2f;
  --header-button-yellow: #ffa000;
  --header-button-green: #388e2c;
  --header-bgd-green: #2f932f;
  --Alert-light: #FFE5E5;
  --Success: #369D25;
  --Success_light: #E2F6DF;
  --Navy-1: #2C405A;
  --Navy-2: #1c293b;
  --Navy-3:#3c485d;
  --Orange-light:#fef2d7;
  --Warning: #B07400;
  --Blue-4: #daeef3;
  /*職員ポータル--start*/
  --staffportal-1: #0D010D;
  --staffportal-2: #AB01AA;
  --staffportal-3: #FC2900;
  --staffportal-4: #F2E701;
  --staffportal-5: #FFFFFF;
  --staffportal-6: #33A11E;
  --staffportal-7: #EB0102;
  --staffportal-8: #CBCBCB;
  --staffportal-9: #066CF4;
  --staffportal-10: #ffa000;
  /*職員ポータル--end*/
  /*避難情報--start*/
  --Level-2: #F2E700;
  --Navy-1: #2C405A;
  --Level-2: #F2E700;
  --Level-3: #FF2800;
  --Level-4: #A0A;
  --Level-5: #121212;
  /*避難情報--end*/

  


  --font-family: 'BIZ UDPGothic', 'Yu Gothic', 'メイリオ', 'Hiragino Sans', 'Hiragino kaku Gothic pro';

  --font-size-super-large: 32px;
  --font-size-large: 26px;
  --font-size-middle: 14px;
  --font-size-small: 12px;
  --font-size-mark: 10px;

  --font-size-1: 24px;
  --font-size-2: 16px;
  --font-size-3: 20px;
  --font-size-4: 18px;
  --font-size-5: 22px;
  --font-size-6: 8px;
  --font-size-7: 13px;
  --font-size-8: 15px;
  --font-size-9: 17px;

  --font-weight-normal: 400;
  --font-weight-bold: 700;

  --split-size: 16px;
}