@charset "UTF-8";
/*========= LoadingのためのCSS ===============*/
/* Loading背景画面設定　*/
#splash {
  /*fixedで全面に固定*/
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #29bf7d;
  text-align: center; }

/* Loading画像中央配置　*/
#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: auto;
  transform: translate(-50%, -50%); }

/* Loading アイコンの大きさ設定　*/
#splash_logo svg {
  width: 300px;
  max-width: 100%; }

/*=============== SVGアニメーション内の指定 =================*/
/*アニメーション前の指定*/
#mask path {
  fill-opacity: 0;
  /*最初は透過0で見えない状態*/
  transition: fill-opacity .5s;
  /*カラーがつく際のアニメーション0.5秒で変化*/
  fill: none;
  /*塗りがない状態*/
  stroke: #ffffff;
  /*線の色*/ }

/*アニメーション後に.doneというクラス名がで付与された時の指定*/
#mask.done path {
  fill: #ffffff;
  /*塗りの色*/
  fill-opacity: 1;
  /*透過1で見える状態*/
  stroke: none;
  /*線の色なし*/ }

@media all and (-ms-high-contrast: none) {
  #splash {
    background-color: transparent !important; }

  #splash_logo {
    display: none; } }