.sp-shipping-banner {
  display: none;
}

@media (max-width: 1100px) {
  .sp-shipping-banner,
  .sp-shipping-banner * {
    box-sizing: border-box;
  }

  .sp-shipping-banner {
    width: 100%;
    height: 6.25em;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #b80009;
    color: #fff;
    font-size: 10px;
    letter-spacing: normal;
    line-height: 1;
  }
  .sp-shipping-banner .shipping-banner__inner {
    width: min(62.5em, 100%);
    height: 100%;
    margin: 0 auto;
    padding: 0 min(0.4625em, 0.74vw) 0 min(1.0875em, 1.74vw);
    display: flex;
    align-items: center;
  }
  .sp-shipping-banner .shipping-banner__postage {
    flex: 0 0 min(30.15em, 48.24vw);
    height: 100%;
    display: flex;
    align-items: center;
    gap: min(1.1625em, 1.86vw);
    color: #fff;
    font-family: "yu-mincho-pr6n", sans-serif;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
  }
  .sp-shipping-banner img.shipping-banner__icon {
    flex: 0 0 auto;
    width: min(2.8625em, 4.58vw);
    height: min(2.125em, 3.4vw);
    margin: 0;
  }
  .sp-shipping-banner .shipping-banner__postage-copy {
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: min(0.9125em, 1.46vw);
  }
  .sp-shipping-banner strong.shipping-banner__title {
    margin-left: 0;
    font-size: min(3.2em, 5.12vw);
    font-weight: 700;
  }
  .sp-shipping-banner .shipping-banner__note {
    font-size: clamp(7px, min(1em, 1.6vw), 1em);
  }
  .sp-shipping-banner .shipping-banner__date-zone {
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    display: flex;
    align-items: center;
  }
  .sp-shipping-banner .shipping-banner__date-zone[hidden] {
    display: none;
  }
  .sp-shipping-banner .shipping-banner__divider {
    flex: 0 0 1px;
    width: 1px;
    height: min(3.725em, 5.96vw);
    background: #fff;
  }
  .sp-shipping-banner .shipping-banner__delivery {
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    display: flex;
    align-items: center;
    color: #fff;
    font-family: "yu-mincho-pr6n", sans-serif;
    font-weight: 600;
    text-decoration: none;
  }
  .sp-shipping-banner .shipping-banner__order {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: clamp(8px, min(1.5em, 2.4vw), 1.5em);
    line-height: 1.4;
    text-align: center;
    white-space: nowrap;
  }
  .sp-shipping-banner .shipping-banner__dispatch {
    flex: 0 0 min(15em, 23.98vw);
    width: min(15em, 23.98vw);
    height: 4.94em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 0.4em;
    color: #b80009;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
  }
  .sp-shipping-banner .shipping-banner__dispatch > span {
    font-size: clamp(8px, min(1.5em, 2.4vw), 1.5em);
  }
  .sp-shipping-banner .shipping-banner__dispatch strong {
    margin-top: min(0.175em, 0.56vw);
    margin-left: 0;
    font-size: min(2em, 3.2vw);
    font-weight: 700;
  }
}

@media (max-width: 900px) {
  .sp-shipping-banner {
    font-size: 9px;
  }
}

@media (max-width: 700px) {
  .sp-shipping-banner {
    font-size: 8px;
  }
}

@media (max-width: 370px) {
  .sp-shipping-banner {
    font-size: 7px;
  }
  .sp-shipping-banner .shipping-banner__postage {
    gap: 0.7em;
  }
  .sp-shipping-banner .shipping-banner__postage-copy {
    gap: 0.45em;
  }
  .sp-shipping-banner strong.shipping-banner__title {
    font-size: min(3.2em, 4.98vw);
  }
}