body.show-error-modal {
  position: fixed;
  left: 0;
  width: 100%;
}

.show-error-modal header.local, .show-error-modal .sns-footer {
  display: none;
}

.modal-item {
  font-size: 2.67vw;
  display: none;
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-y: auto;
}
@media (max-width: 909px) {
  .modal-item {
    z-index: 9999;
  }
}

.modal-item .modal-item__box {
  position: absolute;
  left: 50%;
  width: 90.66667vw;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.modal-item .modal-item__inner {
  position: relative;
  padding: 6.4vw;
  overflow-y: auto;
  border-radius: 10px;
  background-color: #f2f0eb;
}

.modal-item .modal-item__bg {
  z-index: -1;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.modal-item .modal-item__inner {
  padding: 8vw 6.4vw;
  overflow: visible;
  text-align: center;
}

.modal-item.modal-error .modal-error__text {
  margin: 0 auto 5.4vw;
  font-size: 1.4em;
}

.modal-item.modal-error .modal-maintenance__image {
  width: 18.7vw;
  margin: 0 auto 5.4vw;
}
.modal-item.modal-error .modal-maintenance__image svg {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.modal-item.modal-login .modal-login__image {
  width: 9.6vw;
  margin: 0 auto 4.26667vw;
}
.modal-item.modal-login .modal-login__image svg {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.modal-item.modal-login .modal-login__text {
  margin-bottom: 4.26667vw;
  font-size: 1.4em;
}

.modal-item.modal-login .modal-login__button {
  display: block;
  width: 24vw;
  margin: 0 auto 5.33333vw;
  padding: 1.6vw 0;
  border: 1px solid #008248;
  border-radius: 100px;
  color: #008248;
  font-size: 1.4em;
  font-weight: 700;
}

.modal-item.modal-login .modal-login__button:hover {
  background: rgba(0, 130, 72, 0.08);
  opacity: 1;
}

.modal-item.modal-login .modal-login__button:active {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
  background: rgba(0, 130, 72, 0.08);
  opacity: 1;
}

.modal-item.modal-login .modal-login__link {
  margin: 0;
  color: #008248;
  font-size: 1.4em;
}

.modal-__link {
  margin: 0;
  color: #008248;
  font-size: 1.4em;
}

@media (max-width: 909px) {
  .modal-item.modal-error .modal-item__box,
.modal-item.modal-login .modal-item__box {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media (min-width: 910px) {
  .modal-item {
    font-size: 10px;
    top: 0;
    left: 60px;
    min-height: 660px;
  }

  .modal-item .modal-item__box {
    top: 50%;
    left: 50%;
    width: auto;
    margin: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .modal-item .modal-item__inner {
    width: 500px;
    max-width: 500px;
    max-height: 540px;
    padding: 24px 20px;
  }

  .modal-item .modal-item__bg {
    left: 120px;
  }

  .modal-item .modal-item__inner {
    width: 400px;
    padding: 40px 20px;
  }

  .modal-item.modal-error .modal-error__text {
    margin-bottom: 20px;
  }

  .modal-item.modal-error .modal-maintenance__image {
    width: 70px;
    margin: 0 auto 20px;
  }
  .modal-item.modal-error .modal-maintenance__image svg {
    width: 100%;
    height: auto;
    vertical-align: top;
  }

  .modal-item.modal-login .modal-login__image {
    width: 36px;
    margin: 0 auto 16px;
  }

  .modal-item.modal-login .modal-login__text {
    margin-bottom: 16px;
  }

  .modal-item.modal-login .modal-login__button {
    width: 100px;
    margin: 0 auto 20px;
    padding: 6px 0;
    font-size: 1.6em;
  }
}