/* hover
=================================================================== */
/* ================================================ vw */
/* ================================================ vh */
/* common
=================================================================== */
/* layout
=================================================================== */
/* imgCover
=================================================================== */
/* mask
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* textTate
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/*============================================================================================ 767px */
@media only screen and (max-width: 767px) {
  /* ================================================ vw */
  /* ============================================================================================ itemDetail */
  .itemDetail {
    /* --------------------------------------- pagesInner__flex */
  }
  .itemDetail .pagesInner__flex {
    flex-direction: column;
    padding-top: 6vw;
  }
  .itemDetail .pagesInner__flex .pagesArticle {
    width: 100%;
  }
  .itemDetail .pagesInner__flex .pagesInner__nav {
    width: 100%;
    padding-top: 5vw;
  }
  .itemDetail .pagesInner__flex .pagesArticle {
    padding-top: 7vw;
  }
  /* --------------------------------------- itemDetail__itemRecommend */
  .itemDetail__itemRecommend {
    margin-bottom: -18.052709vw;
  }
  .itemDetail__itemRecommend .tabSection {
    padding-bottom: 8vwvw;
  }
  .itemDetail__itemRecommend .tabHeader__bottom > div::after {
    background: radial-gradient(circle at 0% 100%, transpalent 8.5vw, #fff 0);
  }
  .itemDetail__itemRecommend .corner::after {
    background: radial-gradient(circle at 100% 0%, rgba(0, 0, 0, 0) 8.5vw, rgba(var(--keyColor-shopItem), 1) 0);
  }
  .itemDetail__itemRecommend .tabSection__inner {
    padding-top: 5.3333333333vw;
    padding-bottom: 5.3333333333vw;
  }
  #itemRecommend--slider .itemBlock {
    padding: 0.7320644217vw;
    padding-left: 30.6666666667vw;
  }
  /* ====================================================================== edit20240917 */
  .pages.item.itemDetail .pagesInner__nav {
    position: relative;
    width: 100%;
    padding: 0;
    margin-top: 4vw;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    background-color: transparent;
  }
}/*# sourceMappingURL=item-sp.css.map */