/* CSS Document */
@charset "UTF-8";

.js-load-overlay{background: rgba(0, 0, 0, 0.5);position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 10000;}
.js-load-popup{background: #FFFFFF;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 50rem;max-width: 90%;height: 35rem;max-height: 90%;z-index: 2;font-size: 2.6rem;text-align: center;display: flex;flex-direction: column;justify-content: center;border-radius:2rem;}
@keyframes js-load-rotate {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}
.js-load-dots{width:8rem;height:8rem;position:relative;margin: 3rem auto;transform-origin:center;animation: js-load-rotate 49s linear infinite;}
.js-load-dot{width:100%;height:100%;position:absolute;top:0;left:0;animation: js-load-rotate 3s cubic-bezier(0.7, 0.2, 0.3, 0.8) infinite;}
.js-load-dot::before{content:"";width:1.2rem;height:1.2rem;background:#FFFF00;position:absolute;top:0;left:50%;transform:translate(-50%, -50%);border-radius:50%;}
.js-load-dot:nth-child(1)::before{background:#FFBBBB;}
.js-load-dot:nth-child(2)::before{background:#FFBBDD;}
.js-load-dot:nth-child(3)::before{background:#AADDDD;}
.js-load-dot:nth-child(4)::before{background:#99DDFF;}
.js-load-dot:nth-child(5)::before{background:#00AAEE;}
.js-load-link{font-size:1.4rem;line-height:3rem;color:#FFF;background:#58CAEC;width:20rem;border-radius:2rem;display:block;margin: 0 auto;}