/*ローディング画面*/
/*参考サイトhttps://www.webtan.cc/wp/htmlcssjquery-%E3%82%B3%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0/loading/*/

/* 画面全体の設定 */
#loader_wrap {
position: fixed;
display: flex;
align-items: center;
justify-content: center;
width: 100vw;
height: 100vh;
top: 0;
background: #DDFCD0 ;
}
/* ローディングアニメーションの設定 */
.loader {
width: 150px;
height: 150px;
background: url("../img/logowh.jpg") no-repeat;
opacity:30;
animation: blink 1.5s infinite linear;
}

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

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