@charset "UTF-8";
.ss-popup-area {
  right: 10px !important;
  bottom: 10px !important;
}

.ss-popup-html-area {
  max-width: 415px;
  min-width: 375px;
}

.smp-widget-close-button {
  font-size: 1.5em;
}

.ss-popup-html-area .smp-widget-content {
  cursor: pointer;
}

.ss-popup-html-area .smp-widget-title-text {
  padding: 15px 0;
  margin-bottom: 0;
  letter-spacing: 0.06em;
  font-size: 1.25em;
}

.ss-popup-html-area div.smp-widget-image {
  margin: 20px auto 0;
  text-align: center;
}

.ss-popup-html-area img.web-widget-image {
  max-width: 175px;
  height: auto;
}

.ss-popup-html-area .smp-widget-body-text {
  margin: -15px 0 0;
}

.ss-popup-html-area .smp-widget-body-text p {
  line-height: 2;
  font-size: 0.875em;
}

.ss-popup-html-area .smp-widget-button {
  width: calc(100% - 20px);
  height: 40px;
  margin: 20px 10px 0;
  padding: 0;
  cursor: pointer;
  border-radius: 5px;
  font-size: 1em;
  font-family:
    "Noto Sans JP",
    /* Google Fonts */ "Helvetica Neue",
    "Segoe UI",
    Verdana,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "BIZ UDPGothic",
    Meiryo,
    sans-serif;
}

.ss-popup-html-area .smp-widget-button:hover {
  opacity: 0.8;
}

@media only screen and (max-width: 767px) {
  .ss-popup-html-area {
    max-width: 285px;
  }

  .ss-popup-area {
    width: 100%;
    max-width: 200px;
    min-width: auto;
  }

  .smp-widget-close-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0 2px;
    width: 20px;
    height: 20px;
    font-size: 1em;
  }

  .ss-popup-html-area .smp-widget-content {
    padding: 10px 5px;
  }

  .ss-popup-html-area .smp-widget-header {
    font-size: 0.9375em;
  }

  .ss-popup-html-area div.smp-widget-image {
    margin: 10px auto 0;
  }

  .ss-popup-html-area img.web-widget-image {
    max-width: 100px;
  }

  .ss-popup-html-area .smp-widget-body-text {
    margin: -10px 0 0;
  }

  .ss-popup-html-area .smp-widget-title-text {
    padding: 10px 0;
    font-size: 0.875em;
  }

  .ss-popup-html-area .smp-widget-body-text p {
    font-size: 0.625em;
    line-height: 1.5;
  }

  .ss-popup-html-area .smp-widget-button {
    width: calc(100% - 10px);
    height: 27.5px;
    margin: 10px 5px 0;
    font-size: 0.625em;
  }
}