.loader {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #ffffff;
   z-index: 100;
   transition: all 0.5s;
}
.loader img{
   position: absolute;
   top: 50vh;
   left: 50%;
   width: 182px;
   height: 182px;
   transform: translate(-50%,-50%);
   opacity: 0.6;
}
/* 読み込み完了後に「loaded」を付与する */
.loader.loaded {
   visibility: hidden;
   opacity: 0;
}