@charset "UTF-8";
/*-------------------
ローディング設定
-------------------*/
body.js-no-scroll {
  overflow: hidden !important; }

.loader-wrap {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  background: #ffffff;
  z-index: 10; }

[role="progressbar"][aria-busy="true"] {
  position: relative;
  width: 125px;
  height: 125px; }
  [role="progressbar"][aria-busy="true"]::before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 35px;
    height: 35px;
    content: '';
    box-shadow: 45px 0 0 #ffbd2e, 90px 0 0 #ffbd2e, 0 -45px 0 #ffbd2e, 45px -45px 0 #ffbd2e, 90px -45px 0 rgba(255, 189, 46, 0), 0 -90px #ffbd2e, 45px -90px rgba(255, 189, 46, 0), 90px -90px rgba(255, 189, 46, 0);
    animation: loader 2s linear forwards infinite; }
  [role="progressbar"][aria-busy="true"]::after {
    position: absolute;
    bottom: 0px;
    left: 0;
    display: block;
    width: 35px;
    height: 35px;
    background-color: #FFBD2E;
    opacity: 1;
    content: '';
    animation: base 2s linear forwards infinite; }

@keyframes base {
  0% {
    bottom: 0px;
    opacity: 0; }
  10% {
    bottom: 0;
    opacity: 1; } }
@keyframes loader {
  0% {
    box-shadow: 45px -10px rgba(255, 255, 255, 0), 90px 0 rgba(255, 255, 255, 0), 0 -45px rgba(255, 255, 255, 0), 45px -45px rgba(255, 255, 255, 0), 90px -45px rgba(255, 255, 255, 0), 0 -90px rgba(255, 255, 255, 0), 45px -90px rgba(255, 255, 255, 0), 90px -90px rgba(242, 205, 123, 0); }
  13% {
    box-shadow: 45px -10px rgba(255, 255, 255, 0), 90px 0 rgba(255, 255, 255, 0), 0 -45px rgba(255, 255, 255, 0), 45px -45px rgba(255, 255, 255, 0), 90px -45px rgba(255, 255, 255, 0), 0 -90px rgba(255, 255, 255, 0), 45px -90px rgba(255, 255, 255, 0), 90px -90px rgba(242, 205, 123, 0); }
  26% {
    box-shadow: 45px 0 #ffbd2e, 90px -10px rgba(255, 255, 255, 0), 0 -45px rgba(255, 255, 255, 0), 45px -45px rgba(255, 255, 255, 0), 90px -45px rgba(255, 255, 255, 0), 0 -90px rgba(255, 255, 255, 0), 45px -90px rgba(255, 255, 255, 0), 90px -90px rgba(242, 205, 123, 0); }
  39% {
    box-shadow: 45px 0 #ffbd2e, 90px 0 #ffbd2e, 0 -55px rgba(255, 255, 255, 0), 45px -45px rgba(255, 255, 255, 0), 90px -45px rgba(255, 255, 255, 0), 0 -90px rgba(255, 255, 255, 0), 45px -90px rgba(255, 255, 255, 0), 90px -90px rgba(242, 205, 123, 0); }
  52% {
    box-shadow: 45px 0 #ffbd2e, 90px 0 #ffbd2e, 0 -45px #ffbd2e, 45px -55px rgba(255, 255, 255, 0), 90px -45px rgba(255, 255, 255, 0), 0 -90px rgba(255, 255, 255, 0), 45px -90px rgba(255, 255, 255, 0), 90px -90px rgba(242, 205, 123, 0); }
  65% {
    box-shadow: 45px 0 #ffbd2e, 90px 0 #ffbd2e, 0 -45px #ffbd2e, 45px -45px #ffbd2e, 90px -55px rgba(255, 255, 255, 0), 0 -90px rgba(255, 255, 255, 0), 45px -90px rgba(255, 255, 255, 0), 90px -90px rgba(242, 205, 123, 0); }
  78% {
    box-shadow: 45px 0 #ffbd2e, 90px 0 #ffbd2e, 0 -45px #ffbd2e, 45px -45px #ffbd2e, 90px -45px rgba(255, 255, 255, 0), 0 -90px #ffbd2e, 45px -100px white, 90px -90px rgba(242, 205, 123, 0); } }