/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ loading ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
  @media (prefers-color-scheme: dark) {
    #loading {
      background-color: #3a3a3a!important;
      color:#ececec; 
    }
  }
  #loading {
    width: 100vw;
    height: 100dvh;
    margin: 0 auto;
    transition: all 1s;
    background-color: #ececec;
    background-image: url(../img/loading.svg);
    background-repeat: no-repeat;
    background-size: 70px;
    background-position: 50% 50%;
    position: fixed;
    top: 0;
    z-index: 9999;
  }
  
  .loaded {
    opacity: 0;
    visibility: hidden;
  }
  
  /* ローディング --- アニメーション */
  @keyframes sk-scaleout {
    0% {
      transform: scale(0);
    }
  
    100% {
      transform: scale(1);
      opacity: 0;
    }
  }