/*全体の設定*/

  @font-face {
      font-family: 'R_Font';
      src: url('./fonts/rounded-mplus-1c-bold.ttf') format('truetype');
  }

  body {
      font-family: R_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;
      /*前面固定*/
  }

  .btn-text-3d {
    text-decoration: none;
    font-weight: bold;
    font-size: 37px;
    color: #799dec;
    text-shadow: 0px 4px 2px rgba(0, 0, 0, 0.32), 0px 1px 0px #6182ca, 0px 2px 0px #4f6aa7, 0px 3px 0px #5470ad;
  }
  .btn-text-3d:active {
    top: 4px;
    text-shadow: none;
  }