/* -------------------------------------------
 * SP
 * ---------------------------------------- */

/* Fig Aspect */
[data-aspect-ratio="1:1"]:before { padding-top:calc((1/1) * 100%) }
[data-aspect-ratio="750:422"]:before { padding-top:calc((422/750) * 100%) }

[data-sp-aspect-ratio="750:562"]:before { padding-top:calc((562/750) * 100%) }

/* .hero */
.hero .swiper-container { padding-bottom: 0; }

/* .fr-body */
.fr-body { margin-top: 0; }
.fr-body-note { font-size: 11px; line-height: 16.5px; }

/* font */
.ffHProW6 { font-family: "ヒラギノ角ゴ Pro W6", sans-serif; }

/* #anchorNav */
#anchorNav .fr-anchorButton_item { flex: 1; }
#anchorNav .fr-anchorButton_itemText { line-height: 1; min-height: auto; padding: 0; }
#anchorNav .navThum { width: 100%; }
#anchorNav .navThum-txt { display: flex; justify-content: center; align-items: center; height: 42px; }

/* .fixedAnchor */
.fixedAnchor { display: flex; position: absolute; top: 0; margin-top: -50px; flex-wrap: nowrap; border: 1px solid #dadada; border-width: 0 0 1px 1px; background: #fff; width: 100%; transition: all 0.3s; }
.fixedAnchor.is-fixed { position: fixed; margin-top: 0; transition: all 0.3s; z-index: 11; }
.fixedAnchor_item { flex: 1; height: 50px; border-top: 1px solid #dadada; border-right: 1px solid #dadada; cursor: pointer; font-family: "ヒラギノ角ゴ Pro W6", sans-serif; }
.fixedAnchor_item:last-child { border-right: 1px solid #dadada; }
.fixedAnchor_itemLink { display: flex; align-items: center; justify-content: center; height: 100%; text-align: center; font-size: 12px; line-height: 15.6px; border-bottom: 2px solid transparent; font-weight: bold; font-size: 12px; border-bottom: 4px solid transparent; }
.fixedAnchor_itemLink[data-anchor-current="true"] { border-bottom-color: #1b1b1b; }

/* .anchorAdjustBox */
.anchorAdjustBox { margin-top: -50px; padding-top: 50px; }

/* .lineup-title */
.lineup-title { display: flex; align-items: center; }
.lineup-title-num { width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; border: 1px solid #e6e6e6; font-size: 24px; line-height: 1; font-family: "UniqloPro Light", sans-serif; }
.lineup-title-txt { flex: 1; font-size: 16px; line-height: 24px; padding-left: 16px; }

/* .product-kv */
.product-item-sub-features { display: flex; }
.product-item-sub-features-fig { width: 44vw; }
.product-item-sub-features-txt { flex: 1; padding-left: 4vw; }
.product-item-sub-features-txt-title.fr-heading { font-size: 13px; line-height: 19.5px; }
.product-item-sub-features-txt-title + .fr-body { margin-top: 6px; }

/* BFF */
.product-item-sub-bff .swiper-container,
.relatedProducts-bff .swiper-container { padding-bottom: 0; }
.relatedProducts-bff .relatedProducts-bff-title { font-size: 14px; line-height: 21px; }
.relatedProducts-bff .relatedProducts-bff .swiper-container.-noPaddingBottom { padding-bottom: 0; }
.relatedProducts-bff .swiper-container.-listNomargin[data-component-type=ProductCarousel] .fr-bff-product { margin-bottom: 0; }
@media screen and (max-width: 812px) {
  .relatedProducts-bff [data-destroy="sp"] .swiper-wrapper { flex-wrap: wrap !important; }
  .relatedProducts-bff [data-destroy="sp"] .fr-bff-product { width: calc(33.3% - 2.66vw) !important; }
  .relatedProducts-bff [data-destroy="sp"] .fr-bff-product:nth-of-type(3n) { margin-right: 0; }
  .relatedProducts-bff .swiper-container.-listNomargin[data-component-type=ProductCarousel][data-destroy="sp"] .fr-bff-product:nth-of-type(n+4) { margin-top: 21px; }
}

/* .movieArea */
.movieArea-title.fr-heading { font-size: 16px; line-height: 24px; }


















/* -------------------------------------------
 * PC
 * ---------------------------------------- */

@media screen and (min-width: 813px) {

  /* .fr-body */
  .fr-body-note { font-size: 13px; line-height: 18.2px; }

  /* .u-align-pc-center */
  .u-align-pc-center { text-align: center; }

  /* Fig Aspect */
  [data-pc-aspect-ratio="1:1"]:before { padding-top:calc((1/1) * 100%) }

  /* #anchorNav */
  #anchorNav.fr-anchorButton { border: none; }
  #anchorNav .fr-anchorButton_item { border-top: none; border-left: 2px solid #fff; background-color: #f4f4f4; }
  #anchorNav .fr-anchorButton_item:first-child { border-left: none; }

  #anchorNav .u-imgAdjustBox[data-aspect-ratio="1:1"] { width: 100%; }
  #anchorNav .navThum-txt { height: 68px; }

  /* .fixedAnchor */
  .fixedAnchor { width: auto; max-width: 1176px; left: 25px; right: 25px; padding: 0; margin-top: -82px; margin-right: auto; margin-left: auto; }
  .fixedAnchor_item { height: 82px; }
  .fixedAnchor_itemLink { font-size: 17px; line-height: 22.1px; }

  /* .anchorAdjustBox */
  .anchorAdjustBox { margin-top: -82px; padding-top: 82px; }

  /* .lineup-title */
  .lineup-title-num { width: 56px; height: 56px; border: 2px solid #e6e6e6; font-size: 36px; font-family: "UniqloPro Light", sans-serif; }
  .lineup-title-txt { font-size: 23px; line-height: 32.2px; padding-left: 24px; }

  /* .product-kv */
  .product-kv { display: flex; }
  .product-item-main { width: 50%; padding-right: 12px; }
  .product-item-sub { width: 50%; padding-left: 12px; }
  .product-item-sub-inner { display: flex; justify-content: center; }
  .product-item-sub-features { width: calc((324/576)*100%); flex-direction: column; }
  .product-item-sub-features-fig { width: 100%; }
  .product-item-sub-features-txt { flex: auto; padding-left: 0; }
  .product-item-sub-features-txt-title.fr-heading { font-size: 14px; line-height: 19.6px; }
  .product-item-sub-features-txt-title + .fr-body { margin-top: 12px; }

  /* BFF */
  .product-item-sub-bff [data-component-type=ProductGridStyling][data-component-column="1"] .fr-bff-product_imgWrapper,
  .product-item-sub-bff [data-component-type=ProductGridStyling][data-component-column="2"] .fr-bff-product_imgWrapper { width: 126px; }
  .relatedProducts-bff .relatedProducts-bff-title { font-size: 20px; line-height: 28px; }

  /* .movieArea */
  .movieArea-title.fr-heading { font-size: 23px; line-height: 32.2px; }
  .movieArea-prayer { max-width: 576px; margin-left: auto; margin-right: auto; }
  .movieArea-prayer .fr-video { margin-left: 0; margin-right: 0; cursor: pointer; }

}