@media (max-width: 1100px) {
  html.sp-bottom-nav-scroll-pending .sp-bottom-nav,
  html.sp-bottom-nav-scroll-ready .sp-bottom-nav,
  html.sp-bottom-nav-scroll-pending .sp-product-fixed-actions,
  html.sp-bottom-nav-scroll-ready .sp-product-fixed-actions {
    visibility: hidden;
    pointer-events: none;
    transition: transform 0.4s ease, visibility 0s linear 0.4s;
    will-change: transform;
  }

  html.sp-bottom-nav-scroll-pending .sp-bottom-nav,
  html.sp-bottom-nav-scroll-ready .sp-bottom-nav {
    transform: translate3d(0, calc(100% + 1px), 0);
  }

  html.sp-bottom-nav-scroll-pending .sp-product-fixed-actions,
  html.sp-bottom-nav-scroll-ready .sp-product-fixed-actions {
    transform: translate3d(0, calc(100% + var(--sp-bottom-nav-height, 68px) + 1px), 0);
  }

  html.sp-bottom-nav-scroll-ready .sp-bottom-nav.is-scroll-trigger-visible,
  html.sp-bottom-nav-scroll-ready body.is-sp-menu-open .sp-bottom-nav,
  html.sp-bottom-nav-scroll-ready .sp-product-fixed-actions.is-scroll-trigger-visible {
    visibility: visible;
    pointer-events: auto;
    transform: translate3d(0, 0, 0);
    transition-delay: 0s;
  }

  html.sp-bottom-nav-scroll-ready .sp-bottom-nav.is-scroll-state-initial,
  html.sp-bottom-nav-scroll-ready .sp-product-fixed-actions.is-scroll-state-initial {
    transition: none;
  }

  .sp-bottom-nav,
  .sp-bottom-nav nav,
  .sp-bottom-nav nav .gnavi__lists {
    height: 68px;
  }

  .sp-bottom-nav nav .gnavi__lists .gnavi__list {
    width: 20%;
    height: 67px;
    min-width: 0;
    flex: 0 0 20%;
  }

  .sp-bottom-nav nav .gnavi__lists .gnavi__list .gnavi__link {
    width: 100%;
    height: 67px;
    min-height: 67px;
    padding: 5px 0 4px;
    justify-content: flex-start;
    color: #040000;
    font-size: clamp(9px, 2.8vw, 13px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.04em;
    white-space: nowrap;
  }

  .sp-bottom-nav nav .gnavi__lists .gnavi__list .gnavi__link > img,
  .sp-bottom-nav nav .gnavi__lists .gnavi__list:nth-child(2) .gnavi__link > img,
  .sp-bottom-nav nav .gnavi__lists .gnavi__list:nth-child(5) .gnavi__link > img {
    width: 31px;
    height: 34px;
    margin: 0 auto 3px;
    flex: 0 0 34px;
    object-fit: contain;
  }

  .sp-bottom-nav nav .gnavi__lists .gnavi__list:nth-child(2) .gnavi__link > img {
    width: 34px;
  }

  .sp-bottom-nav nav .gnavi__lists .gnavi__list--gift-search .gnavi__link {
    background: #982a1b;
    color: #fff;
    font-weight: 700;
  }

  .sp-bottom-nav nav .gnavi__lists .gnavi__list--gift-search .gnavi__link > img.sp-bottom-nav__search-icon {
    width: 29px;
    height: 34px;
    filter: brightness(0) invert(1);
  }

  .sp-bottom-nav nav .gnavi__lists .gnavi__list--line .gnavi__link {
    background: #22c55a;
    color: #fff;
    font-weight: 700;
  }

  .sp-bottom-nav nav .gnavi__lists .gnavi__list--line .gnavi__link > img.sp-bottom-nav__line-icon {
    width: 31px;
    height: 34px;
  }

  .sp-menu-overlay {
    bottom: var(--sp-bottom-nav-height, 68px);
  }

  .sp-bottom-popup {
    bottom: calc(var(--sp-bottom-nav-height, 68px) + 5.25rem);
  }

  .sp-bottom-popup--gift {
    --sp-popup-pointer-position: 70vw;
  }

  .sp-bottom-popup__content > .pc-nav-popup__surface,
  .sp-bottom-popup__content > .pc-gift-panel__surface {
    max-height: calc(100vh - var(--sp-bottom-nav-height, 68px) - 5.25rem - 20px);
    max-height: calc(100dvh - var(--sp-bottom-nav-height, 68px) - 5.25rem - 20px);
  }

  footer #page-top,
  .page-detail footer #page-top {
    display: none !important;
  }

  footer.footer-defalt .copyright {
    padding-bottom: calc(var(--sp-bottom-nav-height, 68px) + 12px);
  }

  .page-detail footer.footer-defalt .copyright {
    padding-bottom: calc(var(--sp-bottom-nav-height, 68px) + var(--sp-product-fixed-actions-height, 54px) + 12px);
  }

  .sp-product-fixed-actions,
  .sp-product-fixed-actions * {
    box-sizing: border-box;
  }

  .sp-product-fixed-actions {
    position: fixed;
    right: 0;
    bottom: var(--sp-bottom-nav-height, 68px);
    left: 0;
    z-index: 3900;
    width: 100%;
    height: 54px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #f8f8f2;
    font-family: "Noto Sans JP", sans-serif;
  }

  .sp-product-fixed-actions__links {
    min-width: 0;
    height: 36px;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 6px;
  }

  .sp-product-fixed-actions__links a {
    min-width: 0;
    color: #ad9761;
    font-size: clamp(10px, 3.1vw, 13px);
    font-weight: 500;
    line-height: 1;
    text-decoration: underline;
    white-space: nowrap;
  }

  .sp-product-fixed-actions__order {
    height: 36px;
    flex: 0 0 57%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(6px, 2.5vw, 12px);
    background: #ad9761;
    border-radius: 18px;
    color: #fff;
    font-size: clamp(13px, 4.1vw, 16px);
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
  }

  .sp-product-fixed-actions__order img {
    width: 23px;
    height: 23px;
    margin: 0;
    filter: brightness(0) invert(1);
  }
}

@media (max-width: 1100px) and (prefers-reduced-motion: reduce) {
  html.sp-bottom-nav-scroll-pending .sp-bottom-nav,
  html.sp-bottom-nav-scroll-ready .sp-bottom-nav,
  html.sp-bottom-nav-scroll-pending .sp-product-fixed-actions,
  html.sp-bottom-nav-scroll-ready .sp-product-fixed-actions {
    transition: none;
  }
}