@charset "utf-8";

/* 画面全体の設定 */
#loader_wrap {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  top: 0;
  z-index: 2147483646;
  background-color:rgba(105,105,105,0.15);
}

@media screen and (max-width:480px) {

	/*　画面サイズが480px以下の場合ここの記述が適用される　*/
 	.loader {
  		width: 300px!important;
  		height: 300px!important;
		background: url("../images/loader_sp.png") no-repeat!important;
 	}
}

/* ローディングアニメーションの設定 */
.loader {
  width: 1200px;
  height: 800px;
  z-index: 2147483647;
  background: url("../images/loader.png") no-repeat;
  background-position: center!important;
  opacity: 0;
  animation: blink 1.5s infinite linear;
}

@keyframes blink {
  50% {
    opacity: 1;
  }
}

/* ローディング終了後 */
.loaded {
  opacity: 0;
  visibility: hidden;
}