.l-globalNavi {
  transform: translateX(-59%) !important;
}
.c-buttonReserve {
  width: 17rem !important;
  @media not all and (min-width: 1180px) {
    width: 14rem !important;
  }
  @media not all and (min-width: 1024px) {
    width: 34.33333333vw !important;
  }
}
@media not all and (min-width:1270px) {
  .l-globalNavi--toplevelText {
    font-size: 140px !important;
    font-size: 14px !important;
  }
}
@media not all and (min-width:1120px) {
  .l-globalNavi--toplevelText {
    font-size: 120px !important;
    font-size: 12px !important;
  }
}
.c-buttonMyPageWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  min-width: 13.5rem !important;
  @media not all and (min-width: 1180px) {
    min-width: 12rem !important;
    margin-right: 10px;
  }
  @media not all and (min-width: 1024px) {
    margin-right: 10px;
    min-width: 18vw !important;
  }
  .c-buttonReserve {
    width: 13.5rem !important;
    @media not all and (min-width: 1180px) {
      width: 12rem !important;
    }
    @media not all and (min-width: 1024px) {
      flex-direction: column-reverse !important;
      gap: .2vw;
      width: 18vw !important;
      .c-buttonReserve--text {
        font-size: 3.433333333vw;
      }
    }
  }
  .loading {
    width: 20px;
    padding: 4px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #A71A1C;
    --_m:
      conic-gradient(#0000 0%,#000),
      linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
    mask: var(--_m);
    -webkit-mask-composite: source-out;
    mask-composite: subtract;
    animation: linear 1s infinite linear;
  }
}

.l-header.-inview .c-buttonMyPageWrap {
  margin-right: 1px !important;
}

@keyframes linear {
  to{
    transform: rotate(1turn)
  }
}