/* style */
[data-sp-aspect-ratio="690:200"]:before { padding-top: calc((200 / 690) * 100%); }
[data-sp-aspect-ratio="690:235"]:before { padding-top: calc((235 / 690) * 100%); }
[data-sp-aspect-ratio="690:154"]:before { padding-top: calc((154 / 690) * 100%); }
[data-sp-aspect-ratio="173:98"]:before { padding-top: calc((98 / 173) * 100%); }
[data-sp-aspect-ratio="173:113"]:before { padding-top: calc((113 / 173) * 100%); }

.adjustAnchor {
  margin-top: -56px;
  padding-top: 56px;
}

.adjustAnchor:not(:first-of-type) {
  margin-top: -28px;
  padding-top: 28px;
}

.hero {
  position: relative;
}

.fr-heading.-backward {
  position: absolute;
  visibility: hidden;
  top: 0;
}

.fr-stepFlow_number.-uqFont {
  font-family: "UniqloPro Light", sans-serif;
  font-weight: normal;
  margin-right: auto;
  margin-left: auto;
}

.pointList {
  display: flex;
  flex-wrap: wrap;
}

.pointList_item {
  display: flex;
  flex-direction: column;
}

.pointList_item:nth-of-type(n + 2) {
  margin-top: 36px;
}

.pointList_item.-listFirst {
  order: 1;
}

.pointList_item.-listSecond {
  order: 3;
}

.pointList_item.-listThird {
  order: 4;
}

.announce {
  order: 2;
  margin-right: -4vw;
  margin-left: -4vw;
}

.announceInner {
  width: 100%;
  font-family: "ヒラギノ角ゴ Pro W6", sans-serif;
  font-weight: 700;
  background-color: #f4f4f4;
  margin-right: auto;
  margin-left: auto;
  padding: 24px 4vw;
}

.pointList_numberTitle {
  display: contents;
}

.pointList_title {
  order: 2;
}

.pointList_img {
  order: 1;
}

.pointList_text {
  order: 3;
}

.pointList_Button.u-only-sp {
  order: 4;
}

.fr-accordion_label.-noBorderTopSP {
  border-top: 0;
}

.lineupCategory_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-right: 11.533vw;
  margin-left: 11.533vw;
}

.lineupCategory_list.-leftSP {
  justify-content: left;
}

.lineupCategory_item {
  width: calc(99.99999% / 3);
}

.lineupCategory_item:nth-of-type(n + 4) {
  margin-top: 24px;
}

.lineupCategory_title {
  font-family: "ヒラギノ角ゴ Pro W6", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}

.fr-tappableGrid_item.-lineup {
  font-size: 14px;
  border-top: 0;
}

.sizeType_list {
  display: flex;
  flex-wrap: wrap-reverse;
}

.sizeType_item {
  width: 100%;
}

.sizeType_table {
  display: flex;
  flex-wrap: wrap;
  font-family: "ヒラギノ角ゴ Pro W6", sans-serif;
  font-weight: 700;
}

.sizeType_table + .sizeType_table {
  margin-top: 9px;
}

.sizeType_table_gender {
  flex-basis: 14.933vw;
}

.sizeType_table_gender,
.sizeType_table_size {
  width: calc((100% - 14.933vw) / 8);
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #dadada;
  border-left: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  padding: 4px;
  font-size: 10px;
}

.sizeType_table_size.-centimeter {
  width: calc((100% - 24.992vw) / 7);
}

.sizeType_table_size.-centimeter:nth-of-type(8) {
  margin-right:  calc((100% - 24.992vw) / 7);
}

.sizeType_table_gender span {
  transform: scale(0.9);
  transform-origin: 0 0;
}

.sizeType_table_size:not(.sizeType_table_size.-centimeter:nth-of-type(9)):nth-of-type(9),
.sizeType_table_size:last-of-type,
.sizeType_table_size.-centimeter:nth-of-type(8) {
  border-right: 1px solid #dadada;
}

.sizeType_table_size:not(.sizeType_table_size.-centimeter:nth-of-type(n + 10)):nth-of-type(n + 10),
.sizeType_table_size.-centimeter:nth-of-type(n + 9) {
  border-top: 0;
}

.sizeType_table_size:not(.sizeType_table_size.-centimeter:nth-of-type(10)):nth-of-type(10),
.sizeType_table_size.-centimeter:nth-of-type(9) {
  margin-left: 14.933vw;
}

.sizeType_table_size.-online {
  color: #fff;
  background-color: #727272;
}

.noteList {
  font-size: 11px;
}

.noteList_item {
  text-indent: -1em;
  padding-left: 1em;
}

.swiper-parent.-review,
.swiper-container.-review {
  overflow-y: visible;
}

.swiper-container.-review {
  padding-bottom: 86px;
}

.swiper-pagination.-textTop {
  bottom: 54px;
}

.fr-userReview + .fr-userReview {
  padding-top: 15px;
}

.fr-userReview_review.-fontSmall {
  font-size: 13px;
  line-height: 1.5;
}

.reviewText {
  position: absolute;
  bottom: -84px;
}

.reviewText.-singleLine {
  position: absolute;
  bottom: -64.5px;
}

.fr-userReviewParent_inner.-wide {
  margin: 0 4vw;
}

.u_center_onlysp {
  text-align: center;
}

.u_font_bold {
  font-family: "ヒラギノ角ゴ Pro W6", sans-serif;
  font-weight: 700;
}

/* genderTab */
.tabContentBlock {
  background-color: #fff;
}

.genderTabs {
  display: flex;
  justify-content: center;
  font-size: 15px;
  font-family: "UniqloPro Regular", sans-serif;
}

.genderTabs_item {
  margin: 0 9px;
  border-bottom: 3px solid transparent;
}

.tabBtnfull {
  justify-content: space-between;
  width: 100%;
}

.tabBtnfull .genderTabs_item {
  width: calc(100% / 2);
  color: #ababab;
  background-color: #f4f4f4;
  text-align: center;
  padding: 15px 0;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  margin: 0;
}

.tabBtnfull .genderTabs_item + .genderTabs_item {
  border-left: 1px solid #dadada;
}

.tabBtnfull .genderTabs_item.is-active {
  background-color: #fff;
  border-bottom: 1px solid transparent;
  color: #1b1b1b;
}

.genderContents_item {
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.genderContents_item.is-active {
  visibility: visible;
  height: auto;
}

.genderTabs_itemInner {
  padding-bottom: 4.5px;
  font-weight: normal;
}

.is-active .genderTabs_itemInner {
  border-bottom: 2px solid #1b1b1b;
  line-height: 1;
}

@media screen and (min-width: 813px) {
  /*  override */
  a:hover,
  a:hover img,
  a:hover p,
  a[href]:hover,
  a[href]:hover img,
  a[data-link]:hover,
  a[data-link]:hover img,
  .fr-accordion_label:hover {
    cursor: pointer;
    opacity: 0.8;
    text-decoration: none;
  }
  .fr-linkButton,
  .fr-accordion_label {
    transition: 0.5s;
  }

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

  .adjustAnchor,
  .adjustAnchor:not(:first-of-type) {
    margin-top: -70px;
    padding-top: 70px;
  }

  .border_pc {
    border: 1px solid #dadada;
  }

  .middleContents {
    max-width: 876px;
    margin-right: calc((150 / 1176) * 100%);
    margin-left: calc((150 / 1176) * 100%);
  }

  .fr-anchorButton_item.-quarter {
    width: 25%;
  }

  .pointList {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(4, auto);
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 24px;
  }

  .pointList_item {
    display: contents;
    width: calc((99.99999% - 48px) / 3);
  }

  .pointList_item + .pointList_item {
    margin-left: 24px;
  }

  .pointList_item.-listFirst,
  .pointList_item.-listSecond,
  .pointList_item.-listThird {
    order: unset;
  }

  .pointList_Button.u-only-pc {
    grid-column: 1 / 4;
    grid-row: 4 / 5;
  }

  .announceInner {
    max-width: 576px;
    text-align: center;
    padding: 40px calc((118 / 1176) * 100%);
  }

  .pointList_numberTitle {
    display: flex;
    flex-wrap: wrap;
  }

  .pointList_title {
    order: unset;
    flex: 1;
    margin-left: 24px;
  }

  .pointList_img {
    order: unset;
    width: 100%;
  }

  .pointList_text {
    order: unset;
  }

  .fr-accordion.-wide {
    margin-right: calc((150 / 1176) * 100%);
    margin-left: calc((150 / 1176) * 100%);
  }

  .fr-accordion_label.-noBorderTopSP {
    border-top: 1px solid #dadada;
  }

  .fr-accordion_content.-wide {
    padding: 0;
  }

  .fr-accordion_checkBox:checked + .fr-accordion_label + .fr-accordion_content.-wide {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .lineupCategory_list {
    margin-right: calc((138 / 876) * 100%);
    margin-left: calc((138 / 876) * 100%);
  }

  .lineupCategory_list.-leftSP {
    justify-content: center;
  }

  .lineupCategory_item {
    width: calc(99.99999% / 6);
  }

  .lineupCategory_item:nth-of-type(n + 4) {
    margin-top: 0;
  }

  .lineupCategory_title {
    font-size: 17px;
    line-height: 1.4;
  }

  .fr-tappableGrid_item.-lineup {
    font-size: 17px;
    border-top: 1px solid #dadada;
  }

  .sizeType_list {
    display: flex;
    justify-content: center;
  }

  .sizeType_item.-order2 {
    order: 2;
    margin-left: 36px;
  }

  .sizeType_item.-order3 {
    order: 3;
  }

  .sizeType_item {
    width: calc((100% - 36px) / 2);
    margin-top: 40px;
  }

  .sizeType_item:nth-of-type(n+3) {
    margin-top: 0;
  }

  .sizeType_table + .sizeType_table {
    margin-top: 14px;
  }

  .sizeType_table_gender {
    flex-basis: 22%;
  }

  .sizeType_table_gender,
  .sizeType_table_size {
    width: calc((100% - 22%) / 8);
    padding: 7px;
    font-size: 16px;
  }

  .sizeType_table_size.-centimeter {
    width: calc((100% - 31.75%) / 7);
  }

  .sizeType_table_size.-centimeter:nth-of-type(8) {
    margin-right:  calc((100% - 31.75%) / 7);
  }

  .sizeType_table_gender span {
    font-size: 14px;
    transform: scale(1.0);
  }

  .sizeType_table_size:not(.sizeType_table_size.-centimeter:nth-of-type(10)):nth-of-type(10),
  .sizeType_table_size.-centimeter:nth-of-type(9) {
    margin-left: 22%;
  }

  .noteList {
    font-size: 14px;
  }

  .swiper-parent.-review,
  .swiper-container.-review {
    overflow-y: hidden;
  }

  .swiper-pagination.-textTop {
    bottom: -5px;
  }

  .fr-userReview + .fr-userReview {
    padding-top: 0;
  }

  .fr-userReview_review.-fontSmall {
    font-size: 14px;
    line-height: 1.4;
  }

  .reviewText,
  .reviewText.-singleLine {
    position: inherit;
    bottom: 0;
  }

  .swiper-container.-review {
    padding-bottom: 28px;
  }

  .fr-userReviewParent_inner.-wide {
    margin: 0;
  }

  .u_center_onlysp {
    text-align: left;
  }

  .u_center_onlypc {
    text-align: center;
  }

  /* genderTab */
  .genderTabs {
    font-size: 20px;
  }

  .tabBtnfull {
    border-bottom: none;
  }

  .tabBtnfull .genderTabs_item {
    background-color: #fff;
    border-top: 0;
    border-bottom: 4px solid transparent;
    padding: 21px 0;
    cursor: pointer;
  }

  .tabBtnfull .genderTabs_item + .genderTabs_item {
    border-left: 0;
  }

  .tabBtnfull .genderTabs_item.is-active {
    border-bottom: 4px solid#1b1b1b;
  }

  .genderTabs_itemInner {
    padding-bottom: 0;
  }

  .is-active .genderTabs_itemInner {
    border: 0;
  }
}

@media screen and (max-width: 320px) {
  .reviewText.-singleLine {
    bottom: -84px;
  }
}