/*全体の設定*/
  
  @font-face {
      /*フォントの読み込み*/
      font-family: 'R-Font';
      src: url('/sys_fonts/rounded-mplus-1c-bold.ttf') format('truetype');
  }
  
  @font-face {
      /*↑のフォントに無い文字の代替*/
      font-family: 'G-Font';
      src: url('/sys_fonts/GenJyuuGothic-Bold.ttf') format('truetype');
  }
  
  body {
      font-family: 'R-Font', 'G-Font';
      z-index: 0;
      height: 100%;
  }
  
  html {
      height: 95%;
      /*枠がスクロールされない様に調整*/
  }
  /*h1 h2 pの設定をバニラに*/
  
  h1 {
      font-weight: normal;
  }
  
  h2 {
      font-weight: normal;
  }
  
  p {
      font-weight: normal;
  }
  /*全体の設定終わり*/
  
   :root {
      --black-color: rgba(111, 111, 111, 1);
      /*メインブラックカラー*/
      --gray-color: rgba(192, 192, 192, 1);
      /*メイングレーカラー*/
      --gray-color-light: rgba(227, 227, 227, 1);
      /*メイングレーカラー明*/
      /*z-index(レイヤー)用変数*/
      --forced-index: 15;
      /*未使用 強制的に前面へ*/
      --frame-judge-index: 12;
      /*枠のアイコンの上に乗る判定*/
      --frame-icon-index: 11;
      /*枠に乗るアイコン*/
      --frame-index: 10;
      /*枠の部分*/
      --fadeout-index: 1;
      /*フェードアウトを中間に入れる用*/
      --fixed-index: 2;
      /*前面固定*/
  }