@charset "utf-8";


.loader {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 10000;
   transition: all 0.5s;
   background-color: #fff;
}
.loader_img{
   position: absolute;
   top: calc(50% - 75px);
   left: calc(50% - 100px);
   width: 200px;
   height: 150px;
   background: url(/tosho-expo2025/img/common/lorder.png) center no-repeat;
   background-size: contain;
}
/* 読み込み完了後に「loaded」を付与する */
.loader.loaded {
   animation: loadend .6s linear;
   animation-fill-mode: both;
   pointer-events: none;
}
@keyframes loadend {
   0% {
   }
   50% {
      opacity: 1;
   }
   100% {
      visibility: hidden;
      opacity: 0;
   }
}
@media screen and (max-width: 599px) {
   .loader_img{
      top: calc(50% - 60px);
      left: calc(50% - 80px);
      width: 160px;
      height: 120px;
   }
}