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

/* Fig Aspect */
[data-aspect-ratio="1:1"]:before { padding-top:calc((1/1) * 100%) }
[data-aspect-ratio="2∶1"]:before { padding-top:calc((1/2) * 100%) }
[data-aspect-ratio="3∶1"]:before { padding-top:calc((1/3) * 100%) }
[data-aspect-ratio="15:8"]:before { padding-top: calc((8/15)*100%) }
[data-aspect-ratio="23∶6"]:before { padding-top:calc((6/23) * 100%) }
[data-aspect-ratio="23∶7"]:before { padding-top:calc((7/23) * 100%) }
[data-aspect-ratio="23∶11"]:before { padding-top:calc((11/23) * 100%) }
[data-aspect-ratio="58:52"]:before { padding-top:calc((52/58) * 100%) }
[data-aspect-ratio="69∶19"]:before { padding-top:calc((19/69) * 100%) }
[data-aspect-ratio="69∶20"]:before { padding-top:calc((20/69) * 100%) }
[data-aspect-ratio="69∶32"]:before { padding-top:calc((32/69) * 100%) }
[data-aspect-ratio="69∶34"]:before { padding-top:calc((34/69) * 100%) }
[data-aspect-ratio="69∶37"]:before { padding-top:calc((37/69) * 100%) }
[data-aspect-ratio="115∶51"]:before { padding-top:calc((51/115) * 100%) }
[data-aspect-ratio="138∶79"]:before { padding-top:calc((79/138) * 100%) }
[data-aspect-ratio="345:165"]:before { padding-top:calc((165/345) * 100%) }
[data-aspect-ratio="345∶173"]:before { padding-top:calc((173/345) * 100%) }
[data-aspect-ratio="501∶269"]:before { padding-top:calc((269/501) * 100%) }
[data-aspect-ratio="690:170"]:before { padding-top:calc((170/690) * 100%) }
[data-aspect-ratio="690:225"]:before { padding-top:calc((225/690) * 100%) }
[data-aspect-ratio="690:330"]:before { padding-top:calc((330/690) * 100%) }
[data-aspect-ratio="690:340"]:before { padding-top:calc((340/690) * 100%) }
[data-aspect-ratio="690∶373"]:before { padding-top:calc((373/690) * 100%) }


/* Bg */
.bgBlack,
.bgBlack a { background-color: #000; color: #fff; }
.bgBlack .fr-linkButton.-black { background-color: #000; border: 1px solid #fff; }
.bgWhite { background-color: #fff; }

/* Animation */
.-ease { transition: all 0.5s 0s ease; }
.is-fadein { animation: fadein 1s ease 6s 1 forwards; opacity: 0; }
.is-fadeOut { animation: fadeOut 1s ease 6s 1 forwards; }
@keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }
@keyframes anchorShow { 0% { opacity: 0.5; transform: translateY(-80px); } 100% { opacity: 1; transform: translateY(0); } }

/* .hero */
.heroVideo { width: 100%; height: auto; vertical-align: bottom; }
.hero-inner { position: relative; padding-top: calc((375/375)*100%); }
.hero-item { position: absolute; top: 0; left: 0; }
.hero-01 { z-index: 2; }
.hero-02 { z-index: 1; }

/* .swiper-button */
.OriginalArrow .swiper-button-next,
.OriginalArrow .swiper-button-prev { background-color: transparent; }
.OriginalArrow .swiper-button-prev:after,
.OriginalArrow .swiper-button-next:after { content: ""; display: block; width: 40px; height: 40px; }
.OriginalArrow .swiper-button-prev:after {
  background: url(https://image.uniqlo.com/UQ/ST3/jp/imagesother/ff35th/img/crousel/swiper-button-prev.png) 0/40px 41px no-repeat; }
.OriginalArrow .swiper-button-next:after {
  background: url(https://image.uniqlo.com/UQ/ST3/jp/imagesother/ff35th/img/crousel/swiper-button-next.png) 0/40px 41px no-repeat; }

/* .audioBtnBox */
.main { margin-top: -44px; }
.audioBtnBox { width: 44px; height: 44px; position: sticky; top: 10px; z-index: 10; }
.audioBtnBox.is-display { top: 78px; }
.audioBtn_CheckBox { display: none; }
.audioBtn_Label,
.audioBtn_CheckBox:checked+.audioBtn_Label { display: block; width: 44px; height: 44px; padding: 19px; z-index: 2; cursor: pointer; }
.audioBtn_Label { background: url(https://image.uniqlo.com/UQ/ST3/jp/imagesother/ff35th/img/navi_icon/audio_off.svg) 50%/28px 28px no-repeat; }
.audioBtn_CheckBox:checked+.audioBtn_Label { background: url(https://image.uniqlo.com/UQ/ST3/jp/imagesother/ff35th/img/navi_icon/audio_on.svg) 50%/28px 28px no-repeat; }

/* .fr-pagetop */
.fr-pagetop { background: url(https://image.uniqlo.com/UQ/ST3/jp/imagesother/ff35th/img/navi_icon/chocobo_70.gif) 50%/28px 40px no-repeat #000; width: 55px; height: 55px; bottom: 0; z-index: 3; background-color: #000; }

/* .questEventBox */
.questEventBox { position: fixed; left: 0; bottom: 0; width: 58px; height: 52px; z-index: 3; }

/* .fr-heading */
h1 { display: none; }
.fr-heading.-h2 { font-size: 18px; line-height: 27px; }
.fr-heading.-h3 { font-size: 16px; line-height: 24px; }
.sales.fr-heading { font-size: 16px; line-height: 24px; }

/* .fr-body */
.fr-body a { text-decoration: underline; }
.fr-body a:hover { text-decoration: none; }
.fr-body.fr-bold { font-family: "ヒラギノ角ゴ Pro W6", sans-serif; font-weight: 700; }
.fr-note { font-size: 11px; line-height: 16.5px; }
.fr-price { font-size: 18px; line-height: 1; }
a[data-link] { cursor: pointer; }

/* .fr-anchorButton */
.fr-anchorButton { border: 1px solid #4c4c4c; border-bottom: 1px solid #4c4c4c; border-width: 0 0 1px 0; }
.fr-anchorButton_item { flex: 1; text-align: center; background-color: #4c4c4c; border-top: 1px solid #4c4c4c; border-left: 1px solid #4c4c4c; }
.fr-fixedAnchor_itemLink { font-size: 12px; line-height: 18px; font-family: "ヒラギノ角ゴ Pro W6", sans-serif; font-weight: 700; }

/* .fr-fixedAnchor */
.fr-fixedAnchor { background-color: #000; border: 1px solid #4c4c4c; border-width: 0 0 1px 0; box-shadow: none; top: 0; }
.fr-fixedAnchor_item+.fr-fixedAnchor_item { border-left: 1px solid #4c4c4c; }
.fr-fixedAnchor_itemLink { border-top: none; border-bottom: none; }
#fixedAnchorNav.fr-fixedAnchor { box-shadow: none; }
#fixedAnchorNav.fr-fixedAnchor .fr-fixedAnchor_item,
#fixedAnchorNav.fr-fixedAnchor.-isActive .fr-fixedAnchor_item { width: calc((68/375)*100%); }
#fixedAnchorNav.fr-fixedAnchor { display: none; margin-top: -71px; transition: all 0.5s 0s ease; }
#fixedAnchorNav.is-display { display: block; animation: anchorShow 0.3s linear 0s; }
#fixedAnchorNav .fr-fixedAnchor_itemLink { line-height: 1; padding: 0; }
#fixedAnchorNav .fr-fixedAnchor_itemLink.-current { border-bottom: none; position: relative; }
#fixedAnchorNav .fr-fixedAnchor_itemLink.-current::before { display: block; content: ""; width: 100%; height: 100%; position: absolute; left: 0; right: 0; background-color: #4c4c4c; opacity: .5; z-index: 1; }
#fixedAnchorNav .fr-fixedAnchor_movingButton { display: none; }

/* .swiper */
.swiper-pagination-bullet-active { border: 1px solid #dadada; }

/* section */
.fr-body { margin-top: 0; margin-bottom: 0; }
.fr-linkButtonParent { position: relative; z-index: 2; }
.swiper-container.pbOn { padding-bottom: 18px; }
.swiper-container.pbOff { padding-bottom: 0; }
.concept-title-txt { display: inline-block; position: relative; z-index: 2; }
.fr-anchorButton_item .u-imgAdjustBox[data-aspect-ratio="1:1"] { width: 100%; }

/* #lineupNav */
#lineupNav .fr-anchorButton_item { width: calc(100%/4); flex: auto; background-color: #000; }

/* slidePlusThumbs */
.thumbs_wrapper { display: flex; flex-wrap: wrap; }
.thumbs_item { width: calc((100% - 6.4vw) / 5); background-color: #000; margin-top: 6px; margin-right: 1.6vw; border: 1px solid #000; }
.thumbs_item:nth-of-type(5n) { margin-right: 0; }
.thumbs_item:nth-child(-n + 5) { margin-top: 0; }
.thumbs_item img { opacity: 0.6; }
.thumbs_item img { border: 1px solid #000; }
.thumbs_item.-current img { opacity: 1.0; border: 1px solid #fff; }
.swiper-container.-noPaddingBottom { padding-bottom: 0; }

/* #relatedInfo */
.info-twoColBox { display: flex; }
.info-twoColBox-Fig { width: 32vw; }
.info-twoColBox-Txt { flex: 1; padding-left: 4vw; }
.info-twoColBox-Txt-Title.fr-heading { font-size: 13px; line-height: 19.5px; }
#relatedInfo .link-line { text-align: right; }
#relatedInfo .link-line-inner { font-size: 12px; line-height: 18px; text-decoration: underline; }

/* #lineup */
.anchorAdjustBox { margin-top: -69px; padding-top: 69px; }
.ffSeriesList-title span { display: block; }
.productsData li { display: inline-block; }
.productsDat-genderPrice { font-size: 18px; line-height: 21.6px; margin-right: 10px; }
.productsDat-gender { display: inline-block; border: 1px solid #fff; padding-left: 3px; padding-right: 3px; margin-right: 10px; }
.productsDat-price { display: inline-block; }



/* -------------------------------------------
  * 445px 〜
  * ---------------------------------------- */
@media screen and (min-width: 445px) {
  /* .audioBtnBox */
  .audioBtnBox.is-display:before { display: block; content: ""; padding-top: calc((40/40)*100%); }
}



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

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

  /* .main */
  .main_inner { max-width: 100%; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; }
  .mainContainer { max-width: 1226px; margin-right: auto; margin-left: auto; padding-right: 25px; padding-left: 25px; }

  /* .hero */
  .hero-inner { padding-top: calc((662/1176)*100%); }

  /* .audioBtnBox */
  .fr-breadcrumbs { margin-top: 0; margin-bottom: 0; padding-top: 24px; padding-bottom: 24px; }
  .main { margin-top: -40px; }
  .audioBtnBox { width: 40px; height: 40px; margin-left: 24px; top: 10px; }
  .audioBtnBox.is-display { top: 78px; }
  .audioBtnBox.is-display:before { display: none; }
  .audioBtn_Label,
  .audioBtn_CheckBox:checked+.audioBtn_Label { width: 40px; height: 40px; padding: 0; }
  .audioBtn_Label { background: url(https://image.uniqlo.com/UQ/ST3/jp/imagesother/ff35th/img/navi_icon/audio_off.svg) 50%/40px 40px no-repeat; }
  .audioBtn_CheckBox:checked+.audioBtn_Label { background: url(https://image.uniqlo.com/UQ/ST3/jp/imagesother/ff35th/img/navi_icon/audio_on.svg) 50%/40px 40px no-repeat; }

  /* .fr-pagetop */
  .fr-pagetop { background: url(https://image.uniqlo.com/UQ/ST3/jp/imagesother/ff35th/img/navi_icon/chocobo_70.gif) 50%/35px 50px no-repeat #000; width: 75px; height: 75px; right: 0; bottom: 0; background-color: #000; }

  /* .questEventBox */
  .questEventBox { width: 80px; height: 72px; }

  /* .fr-heading */
  .fr-heading.-h2 { font-size: 30px; line-height: 41px; }
  .fr-heading.-h3 { font-size: 20px; line-height: 28px; }
  .sales.fr-heading { font-size: 23px; line-height: 32.2px; }

  /* .fr-body */
  .fr-note { font-size: 11px; line-height: 15.4px; }
  .fr-price { font-size: 24px; line-height: 28.8px; }

  /* .fr-anchorButton */
  .fr-anchorButton { border-width: 0 1px 1px 0; }
  .fr-anchorButton_item { width: auto; flex: 1; }
  .fr-fixedAnchor_itemLink { font-size: 17px; line-height: 23.8px; }

  /* .fr-fixedAnchor */
  .fr-fixedAnchor_itemLink { border-top-width: 0px; border-bottom-width: 0px; }
  #fixedAnchorNav.fr-fixedAnchor { margin-top: -101px; margin-left: 75px; margin-right: 75px; }
  #fixedAnchorNav.fr-fixedAnchor.-isActive .fr-fixedAnchor_item { width: calc((98/1026)*100%); border-bottom: 0; }
  #fixedAnchorNav.fr-fixedAnchor.-horizontalScroll .fr-fixedAnchor_item { flex-basis: 98px; }

  /* slidePlusThumbs */
  .thumbs_item { width: calc((100% - 24px) / 5); margin-right: 6px; cursor: pointer; }
  .thumbs_item img { opacity: 0.6; }
  .thumbs_item.-current img { opacity: 1.0; }

  /* section */
  .u-align-pc-center { text-align: center; }
  .pcTxtWide { max-width: 1026px; margin-left: auto; margin-right: auto; }
  .swiper-container.-pc-pb20 { padding-bottom: 20px; }

  /* #intoro */
  #video .fr-video { margin-right: 0; margin-left: 0; cursor: pointer; }

  /* #lineupNav */
  #lineupNav .fr-anchorButton_item { width: calc(100%/8); flex: auto; }

  /* #relatedInfo */
  .relatedInfo-lists { display: flex; justify-content: center; }
  .relatedInfo-lists-item { width: calc(100%/2); }
  .info-title.fr-heading { font-size: 23px; line-height: 32.2px; }
  .info-twoColBox { display: flex; }
  .info-twoColBox-Fig { width: calc((186/576)*100%); }
  .info-twoColBox-Txt { padding-left: 24px; }
  .info-twoColBox-Txt-Title.fr-heading { font-size: 17px; line-height: 23.8px; }
  #relatedInfo a:hover .link-line-inner { text-decoration: none; }
  #relatedInfo .link-line-inner { font-size: 14px; line-height: 19.6px; }

  /* #lineup */
  .anchorAdjustBox { margin-top: -99px; padding-top: 99px; }
  .ffSeriesList { display: flex; max-width: 1026px; margin-left: auto; margin-right: auto; }
  .ffSeriesList-summary { width: calc((525/1026)*100%); padding-right: 24px; display: flex; align-items: center; }
  .ffSeriesList-products { width: calc((501/1026)*100%); }
  .-odd .ffSeriesList-summary { order: 2; padding-left: 24px; padding-right: 0; }
  .-odd .ffSeriesList-products { order: 1; }
  .-even .ffSeriesList-summary { order: 1; padding-right: 24px; }
  .-even .ffSeriesList-products { order: 2; }
  .videoBtn { cursor: pointer; }

  /* PC Center Contents */
  .pcw576 { max-width: 576px; margin-left: auto; margin-right: auto; }
  .pcw651 { max-width: 651px; margin-left: auto; margin-right: auto; }
  .pcw715 { max-width: 715px; margin-left: auto; margin-right: auto; }
  .pcw726 { max-width: 726px; margin-left: auto; margin-right: auto; }
  .pcw1026 { max-width: 1026px; margin-left: auto; margin-right: auto; }

}