@charset "UTF-8";
.block-pants {
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal
}
.block-pants[id=pants_mens] {
  background-color: #f1f3f6
}
.pane-footer {
  margin-top: 0
}
.block-delimiter {
  display: inline-block
}
.block-br-show-sm {
  display: none
}
@media print, screen and (min-width:23.4375em) {
  .block-br-show-sm {
    display: inline
  }
}
.block-br-show-md {
  display: none
}
@media print, screen and (min-width:48em) {
  .block-br-show-md {
    display: inline
  }
}
.block-br-show-lg {
  display: none
}
@media print, screen and (min-width:75em) {
  .block-br-show-lg {
    display: inline
  }
}
.block-br-show-xl {
  display: none
}
@media print, screen and (min-width:90em) {
  .block-br-show-xl {
    display: inline
  }
}
.block-br-hide-sm {
  display: inline
}
@media print, screen and (min-width:23.4375em) {
  .block-br-hide-sm {
    display: none
  }
}
.block-br-hide-md {
  display: inline
}
@media print, screen and (min-width:48em) {
  .block-br-hide-md {
    display: none
  }
}
.block-br-hide-lg {
  display: inline
}
@media print, screen and (min-width:75em) {
  .block-br-hide-lg {
    display: none
  }
}
.block-br-hide-xl {
  display: inline
}
@media print, screen and (min-width:90em) {
  .block-br-hide-xl {
    display: none
  }
}
.block-hide-md {
  display: block
}
@media print, screen and (min-width:48em) {
  .block-hide-md {
    display: none
  }
}
.block-show-md {
  display: none
}
@media print, screen and (min-width:48em) {
  .block-show-md {
    display: block
  }
}
main.pane-main {
  margin: calc(1.5 * 2.415458vw) 0 0
}
@media print, screen and (min-width:48em) {
  [id=pants_ladies] .block-pants--hero {
    background-color: #fff4ed
  }
}
@media print, screen and (min-width:48em) {
  [id=pants_mens] .block-pants--hero {
    position: relative;
    background-image: linear-gradient(0deg, #d4d9e0 0%, #e3e5e9 100%);
    background-position: top -36px center
  }
  [id=pants_mens] .block-pants--hero::before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 36px;
    content: "";
    background-color: #f1f3f6
  }
}
.block-pants--hero-image {
  display: block;
  max-width: 1440px;
  margin: 0 auto
}
[id=pants_mens] .block-pants--hero-image {
  position: relative
}
.block-pants--button {
  position: relative;
  display: block;
  width: 100%;
  padding: 2.8rem 1em;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-decoration: none
}
@media print, screen and (min-width:48em) {
  .block-pants--button {
    padding: 28px 1em;
    font-size: 18px
  }
}
.block-pants--button.block-pants--button_skinny {
  background-color: #ea8e8e
}
.block-pants--button.block-pants--button_skinny-new {
  background-color: #fea1a1
}
.block-pants--button.block-pants--button_straight {
  background-color: #ab9ecd
}
.block-pants--button.block-pants--button_straight-new {
  background-color: #c2aef8
}
.block-pants--button.block-pants--button_tapered {
  background-color: #52a7c8
}
.block-pants--button.block-pants--button_tapered-new {
  background-color: #5ec6ed
}
.block-pants--button::after {
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  content: "";
  border: 6px solid #fff
}
.block-pants--coordinate .block-pants--button::after {
  border: 6px solid #fafafa
}
.block-pants--button-icon {
  position: absolute;
  top: 0;
  right: 3.7rem;
  bottom: 0;
  display: inline-block;
  width: 10px;
  height: 16px;
  margin: auto
}
@media print, screen and (min-width:48em) {
  .block-pants--button-icon {
    right: 47px
  }
}
.block-pants--button-icon::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -3px;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: auto;
  content: "";
  border: 0;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.block-pants--intro img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto
}
.block-pants--intro-inner {
  position: relative;
  max-width: 1200px;
  padding: 4rem 2rem 0;
  margin: 0 auto
}
@media print, screen and (min-width:48em) {
  .block-pants--intro-inner {
    padding: 56px 0
  }
}
.block-pants--intro-heading {
  margin: 0 0 1.4rem;
  font-size: 2.8rem;
  font-weight: 400;
  line-height: 1.44;
  color: #000;
  text-align: center
}
@media print, screen and (min-width:48em) {
  .block-pants--intro-heading {
    margin-bottom: 8px;
    font-size: 38px;
    line-height: 1.3;
    border: none
  }
}
.block-pants--intro-heading span {
  font-style: normal;
  font-weight: 700
}
.block-pants--intro-sale {
  margin-bottom: 1.8rem
}
@media print, screen and (min-width:48em) {
  .block-pants--intro-sale {
    position: absolute;
    top: 57px;
    left: 4px;
    z-index: 1;
    margin-bottom: 0
  }
}
.block-pants--hero-image img {
  display: block;
  width: 100%
}
@media print, screen and (min-width:48em) {
  .block-pants--intro-body {
    display: flex
  }
}
@media print, screen and (min-width:48em) {
  .block-pants--intro-body-first {
    flex-basis: 51.66667%;
    max-width: 51.66667%;
    padding-top: 46px
  }
}
.block-pants--intro-body-video {
  position: relative;
  display: block;
  height: 0;
  padding-bottom: 70.66667%;
  overflow: hidden
}
@media print, screen and (min-width:48em) {
  .block-pants--intro-body-video {
    padding-bottom: 57.30519%
  }
}
.block-pants--intro-body-video video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  -o-object-fit: cover;
  object-fit: cover
}
.block-pants--intro-body-second {
  margin-top: 1.5rem
}
@media print, screen and (min-width:48em) {
  .block-pants--intro-body-second {
    flex-basis: 48.33333%;
    max-width: 48.33333%;
    padding-right: 20px;
    padding-left: 78px;
    margin-top: 35px
  }
}
.block-pants--intro-body-second-text {
  margin-bottom: .8rem;
  font-size: 1.6rem;
  line-height: 1.8;
  text-align: center
}
@media print, screen and (min-width:48em) {
  .block-pants--intro-body-second-text {
    margin-bottom: -58px;
    font-size: 16px;
    line-height: 2;
    text-align: left
  }
}
.block-pants--intro-body-second-text em {
  font-style: normal;
  font-weight: inherit;
  background: linear-gradient(transparent 20%, #fde4e4 20%);
  background-repeat: no-repeat;
  background-position: center bottom -3px
}
.block-pants--intro-body-second-image img {
  position: relative;
  left: 10px;
  width: calc(100% + 10px) !important;
  max-width: none !important;
  margin-left: -10px
}
@media print, screen and (min-width:48em) {
  .block-pants--intro-body-second-image img {
    position: static;
    left: 0;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0
  }
}
@media print, screen and (min-width:48em) {
  .block-pants--page-link {
    margin-top: 82px
  }
}
.block-pants--page-link-inner {
  position: relative;
  max-width: 1200px;
  padding: 2.8rem 2rem 2rem;
  margin: 0 auto
}
@media print, screen and (min-width:48em) {
  .block-pants--page-link-inner {
    padding: 0 0 32px;
    margin-top: -82px
  }
}
.block-pants--page-link-head {
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none
}
.block-pants--page-link-head-image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto
}
.block-pants--page-link-body {
  margin-top: 2rem
}
@media print, screen and (min-width:48em) {
  .block-pants--page-link-body {
    max-width: 900px;
    margin: 20px auto 0
  }
}
.block-pants--page-link-list {
  display: flex;
  width: 150%
}
.block-pants--page-link-item {
  position: relative;
  flex-basis: 33.33333%;
  max-width: 33.33333%
}
.block-pants--page-link-item:nth-of-type(n+2)::before {
  position: absolute;
  top: 0;
  left: 1px;
  display: block;
  width: 1px;
  height: 100%;
  content: "";
  border-left: solid 1px #8d8d8d
}
.block-pants--page-link-link {
  display: block;
  padding: .5rem 0 .4rem;
  text-align: center;
  text-decoration: none
}
@media print, screen and (min-width:48em) {
  .block-pants--page-link-link {
    padding: 13px 0 17px
  }
}
.block-pants--page-link-text img {
  display: block;
  width: auto;
  height: 3.6rem;
  margin: auto
}
@media print, screen and (min-width:48em) {
  .block-pants--page-link-text img {
    height: 60px
  }
}
.block-pants--page-link-icon {
  width: 1em;
  height: 1em;
  margin-top: 1.2rem;
  font-size: 2.2rem
}
@media print, screen and (min-width:48em) {
  .block-pants--page-link-icon {
    font-size: 26px
  }
}
.block-pants--compare {
  background-color: #f9f7ec
}
.block-pants--compare-inner {
  position: relative;
  max-width: 1200px;
  padding: 3rem 2rem 4rem;
  margin: 0 auto
}
@media print, screen and (min-width:48em) {
  .block-pants--compare-inner {
    padding: 38px 0 72px
  }
}
.block-pants--compare-heading {
  position: relative;
  padding: 0;
  margin: 0 0 2.8rem;
  border: none
}
@media print, screen and (min-width:48em) {
  .block-pants--compare-heading {
    margin-bottom: 50px
  }
}
.block-pants--compare-heading::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: .8rem;
  margin: auto;
  content: "";
  border-top: 1px solid #e79595;
  border-bottom: 1px solid #e79595
}
@media print, screen and (min-width:48em) {
  .block-pants--compare-heading::before {
    height: 8px
  }
}
.block-pants--compare-heading-image {
  position: relative;
  display: block;
  width: calc(100% - 60px);
  margin: 0 auto;
  text-align: center;
  background-color: #f9f7ec
}
@media print, screen and (min-width:48em) {
  .block-pants--compare-heading-image {
    width: calc(365px + 48px);
    padding: 0 24px
  }
}
.block-pants--compare-heading-image img {
  width: 61.33333vw;
  height: auto
}
@media print, screen and (min-width:48em) {
  .block-pants--compare-heading-image img {
    width: 100%
  }
}
.block-pants--compare-image-sp {
  display: block;
  width: 100%;
  margin-bottom: 2.8rem
}
@media print, screen and (min-width:48em) {
  .block-pants--compare-image-sp {
    display: none
  }
}
.block-pants--compare-sp-only {
  display: block
}
@media print, screen and (min-width:48em) {
  .block-pants--compare-sp-only {
    display: none
  }
}
.block-pants--compare-sp-tab {
  display: flex;
  width: 100vw;
  padding: 0;
  margin: 0 0 3.2rem;
  margin-right: calc(-50vw + 50%);
  margin-left: calc(-50vw + 50%);
  list-style-type: none
}
.block-pants--compare-sp-tab-item {
  position: relative;
  width: 100%;
  text-align: center
}
.block-pants--compare-sp-tab-item:nth-of-type(n+2)::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 2px;
  height: 100%;
  content: "";
  border-left: 2px solid #f9f7ec
}
.block-pants--compare-sp-tab-link {
  position: relative;
  display: block;
  width: 100%;
  padding: 1.7rem 0 2.2rem;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1;
  color: #424242;
  background-color: #fff;
  border-top: 2px solid #e79595
}
.block-pants--compare-sp-tab-link em {
  display: inline-block;
  margin-top: .9rem;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  color: #000;
  pointer-events: none
}
.block-pants--compare-sp-tab-link::after {
  position: absolute;
  right: 0;
  bottom: -1.2rem;
  left: 0;
  display: block;
  margin: auto;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  border-width: 12px 11px 0 11px
}
[aria-expanded=true] .block-pants--compare-sp-tab-link {
  color: #fff;
  background-color: #403b3b;
  border-top-color: transparent
}
[aria-expanded=true] .block-pants--compare-sp-tab-link em {
  color: inherit
}
[aria-expanded=true] .block-pants--compare-sp-tab-link::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #403b3b transparent transparent transparent;
  border-width: 12px 11px 0 11px
}
.block-pants--compare-carousel-sp-wrap[aria-hidden=true] {
  display: none
}
.block-pants--compare-carousel-sp-wrap .slick-arrow::after {
  top: calc(50% - .84rem);
  width: 1.68rem;
  height: 1.68rem
}
.block-pants--compare-carousel-sp-wrap .slick-arrow.slick-prev::after {
  left: calc(50% - 2px)
}
.block-pants--compare-carousel-sp-wrap .slick-arrow.slick-next::after {
  left: calc(50% - 16px)
}
.block-pants--compare-carousel-pc-nav, .block-pants--compare-carousel-sp-nav {
  display: flex;
  padding: 0;
  margin: 0;
  list-style-type: none
}
.block-pants--compare-carousel-pc-nav-item, .block-pants--compare-carousel-sp-nav-item {
  position: relative;
  width: 100%;
  text-align: center
}
.block-pants--compare-carousel-pc-nav-item:nth-of-type(n+2)::before, .block-pants--compare-carousel-sp-nav-item:nth-of-type(n+2)::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 2px;
  height: 100%;
  content: "";
  border-left: 2px solid #f9f7ec
}
.block-pants--compare-carousel-pc-nav-button, .block-pants--compare-carousel-sp-nav-button {
  display: block;
  width: 100%;
  padding: 1.8rem 0;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1;
  color: #424242;
  cursor: pointer;
  background-color: transparent;
  background-color: #fff;
  border: none;
  border-bottom: 2px solid #f9f7ec;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: opacity .3s
}
.block-pants--compare-carousel-pc-nav-button[aria-selected=true], .block-pants--compare-carousel-sp-nav-button[aria-selected=true] {
  background-color: #eaadad
}
.block-pants--compare-carousel-pc-nav-button:hover, .block-pants--compare-carousel-sp-nav-button:hover {
  opacity: .6
}
.block-pants--compare-carousel-pc-item, .block-pants--compare-carousel-sp-item {
  background-color: #fff
}
.block-pants--compare-carousel-pc-text, .block-pants--compare-carousel-sp-text {
  position: relative;
  width: calc(100% - 24px);
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin: 0 auto;
  font-size: 1.6rem;
  line-height: 1.6;
  text-align: center;
  border-top: 1px solid #dcdcdc
}
.block-pants--compare-carousel-pc-text::before, .block-pants--compare-carousel-sp-text::before {
  position: absolute;
  top: -2rem;
  right: 0;
  left: 0;
  display: block;
  margin: auto;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #dcdcdc transparent;
  border-width: 0 1.6rem 2rem 1.6rem
}
.block-pants--compare-carousel-pc-text::after, .block-pants--compare-carousel-sp-text::after {
  position: absolute;
  top: -1.8rem;
  right: 0;
  left: 0;
  display: block;
  margin: auto;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  border-width: 0 1.6rem 2rem 1.6rem
}
.block-pants--compare-carousel-pc-only {
  display: none
}
@media print, screen and (min-width:48em) {
  .block-pants--compare-carousel-pc-only {
    display: block
  }
}
.block-pants--compare-carousel-pc-wrap .slick-arrow {
  width: 60px;
  height: 60px;
  background-color: rgba(64, 59, 59, .5);
  border-radius: 50%;
  transition: opacity .3s
}
.block-pants--compare-carousel-pc-wrap .slick-arrow:hover {
  opacity: .6
}
.block-pants--compare-carousel-pc-wrap .slick-arrow::before {
  top: 21.5px;
  width: 17px;
  height: 17px;
  border-color: #fff;
  border-top-width: 2px;
  border-left-width: 2px
}
.block-pants--compare-carousel-pc-wrap .slick-arrow.slick-prev {
  left: 20px
}
.block-pants--compare-carousel-pc-wrap .slick-arrow.slick-prev::before {
  left: 26px
}
.block-pants--compare-carousel-pc-wrap .slick-arrow.slick-next {
  right: 20px
}
.block-pants--compare-carousel-pc-wrap .slick-arrow.slick-next::before {
  left: 17px
}
.block-pants--compare-carousel-pc-nav {
  justify-content: center;
  border-bottom: 2px solid #d4d4d4
}
.block-pants--compare-carousel-pc-nav-item {
  width: 160px
}
.block-pants--compare-carousel-pc-nav-item:nth-of-type(n+2)::before {
  z-index: 2;
  border-left-width: 5px
}
.block-pants--compare-carousel-pc-nav-button {
  position: relative;
  z-index: 1;
  padding: 19px 0;
  font-size: 16px;
  border-bottom: none
}
.block-pants--compare-carousel-pc-nav-button[aria-selected=true]::after {
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  z-index: 1;
  display: block;
  margin: auto;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #eaadad transparent transparent transparent;
  border-width: 10px 10px 0 10px
}
.block-pants--compare-carousel-pc-items {
  display: flex !important
}
.block-pants--compare-carousel-pc-item {
  width: 100%
}
.block-pants--compare-carousel-pc-lead {
  padding: 40px 0 22px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  background-color: #f9f7ec
}
.block-pants--compare-carousel-pc-lead em {
  display: inline-block;
  margin-top: 10px;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  color: #ed6a6a
}
.block-pants--compare-carousel-pc-text {
  width: 340px;
  padding: 22px 0 24px;
  font-size: 16px
}
.block-pants--compare-carousel-pc-text::before {
  top: -20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #dcdcdc transparent;
  border-width: 0 16px 20px 16px
}
.block-pants--compare-carousel-pc-text::after {
  top: -18px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  border-width: 0 16px 20px 16px
}
.block-pants--compare-carousel-pc-note {
  position: absolute;
  top: 570px;
  right: 24px;
  font-size: 14px;
  line-height: 1.4
}
.block-pants--recommend-inner {
  max-width: 1200px;
  padding: 0 2rem 0;
  margin: 0 auto
}
@media print, screen and (min-width:48em) {
  .block-pants--recommend-inner {
    padding: 0
  }
}
.block-pants--recommend-heading {
  padding: 0;
  margin-top: 4rem;
  text-align: center;
  border-bottom: none
}
@media print, screen and (min-width:48em) {
  .block-pants--recommend-heading {
    margin-top: 50px
  }
}
.block-pants--recommend-newer-image {
  display: block;
  margin: 2.7rem 0 2rem;
  text-align: center
}
@media print, screen and (min-width:48em) {
  .block-pants--recommend-newer-image {
    max-width: 557px;
    margin: 25px auto 30px
  }
}
.block-pants--recommend-heading-image {
  display: block
}
.block-pants--recommend-heading-image img {
  width: 86vw
}
@media print, screen and (min-width:48em) {
  .block-pants--recommend-heading-image img {
    width: 550px
  }
}
.block-pants--recommend-page-link {
  position: relative;
  display: flex;
  max-width: 37.4rem;
  padding-bottom: 2rem;
  margin: 0 auto
}
@media print, screen and (min-width:48em) {
  .block-pants--recommend-page-link {
    justify-content: center;
    max-width: none
  }
}
.block-pants--recommend-page-link::after {
  position: absolute;
  right: 0;
  bottom: -2.8rem;
  left: 0;
  display: block;
  margin: auto;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  border-width: 28px 28px 0 28px
}
@media print, screen and (min-width:48em) {
  .block-pants--recommend-page-link::after {
    bottom: -28px
  }
}
.block-pants--recommend-page-link-item {
  position: relative;
  width: 100%
}
@media print, screen and (min-width:48em) {
  .block-pants--recommend-page-link-item {
    width: 208px
  }
}
@media print, screen and (min-width:48em) {
  .block-pants--recommend-page-link-item:nth-of-type(n+2) {
    margin-left: 60px
  }
}
.block-pants--recommend-page-link-item:nth-of-type(n+2)::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1px;
  height: 100%;
  content: "";
  border-left: 1px solid #8d8d8d
}
@media print, screen and (min-width:48em) {
  .block-pants--recommend-page-link-item:nth-of-type(n+2)::before {
    display: none
  }
}
.block-pants--recommend-page-link-link {
  display: block;
  padding: .5rem 0;
  text-align: center;
  text-decoration: none
}
@media print, screen and (min-width:48em) {
  .block-pants--recommend-page-link-link {
    padding: 0
  }
}
.block-pants--recommend-page-link-text {
  display: block
}
.block-pants--recommend-page-link-text img {
  display: block;
  width: auto;
  height: 7rem;
  margin: auto
}
@media print, screen and (min-width:48em) {
  .block-pants--recommend-page-link-text img {
    height: 181px
  }
}
.block-pants--lineup-point-new {
  padding: 0;
  margin: 5rem 0 0
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-new {
    margin: 75px 0 0
  }
}
[id=lineup_skinny] .block-pants--lineup-point-new {
  background-color: #fff8f8
}
[id=lineup_straight] .block-pants--lineup-point-new {
  background-color: #faf8ff
}
[id=lineup_tapered] .block-pants--lineup-point-new {
  background-color: #f5fcff
}
.block-pants--lineup-point-new::before {
  display: table;
  content: ""
}
.block-pants--lineup-point-new-inner {
  max-width: 1200px;
  padding: 0 2rem 5.2rem;
  margin: 0 auto
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-new-inner {
    padding: 0 0 106px
  }
}
.block-pants--lineup-point-new-head {
  position: relative;
  display: flex;
  flex-direction: column
}
.block-pants--lineup-point-new-head > * {
  min-height: 0%
}
.block-pants--lineup-point-new-headings {
  margin-bottom: 0
}
.block-pants--lineup-point-new-heading {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  color: #000;
  text-align: center;
  border-bottom: none
}
.block-pants--lineup-point-new-heading-number {
  display: block;
  width: auto;
  height: 2.2rem;
  margin: 0 auto 1.4rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-new-heading-number {
    height: 31px;
    margin-bottom: 22px
  }
}
.block-pants--lineup-point-new-heading-text {
  display: block;
  width: 100%;
  text-align: center
}
.block-pants--lineup-point-new-heading-text img {
  width: auto;
  height: 10.5rem
}
.block-pants--lineup-point-new-catch {
  position: relative;
  padding: .7rem;
  text-align: center;
  border-radius: 22px
}
[id=lineup_skinny] .block-pants--lineup-point-new-catch {
  background-color: #e79595
}
[id=lineup_straight] .block-pants--lineup-point-new-catch {
  background-color: #ab9ecd
}
[id=lineup_tapered] .block-pants--lineup-point-new-catch {
  background-color: #52a7c8
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-new-catch {
    position: absolute;
    top: 10px;
    left: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 190px;
    height: 190px;
    border-radius: 50%
  }
}
.block-pants--lineup-point-new-catch::after {
  position: absolute;
  right: 0;
  bottom: -1.2rem;
  left: 0;
  display: block;
  margin: auto;
  content: ""
}
[id=lineup_skinny] .block-pants--lineup-point-new-catch::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #e79595 transparent transparent transparent;
  border-width: 12px 11px 0 11px
}
[id=lineup_straight] .block-pants--lineup-point-new-catch::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #ab9ecd transparent transparent transparent;
  border-width: 12px 11px 0 11px
}
[id=lineup_tapered] .block-pants--lineup-point-new-catch::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #52a7c8 transparent transparent transparent;
  border-width: 12px 11px 0 11px
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-new-catch::after {
    display: none
  }
}
.block-pants--lineup-point-new-catch-text {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  color: #000
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-new-catch-text {
    font-size: 22px;
    line-height: 1.46
  }
}
.block-pants--lineup-point-new-catch-text em {
  font-style: normal;
  font-weight: inherit;
  color: #fff
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-new-body {
    display: flex
  }
}
.block-pants--lineup-point-new-body-overall {
  margin-bottom: 7.2rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-new-body-overall {
    flex-basis: 48.33333%;
    max-width: 48.33333%;
    padding-right: 64px;
    padding-left: 80px;
    margin-bottom: 0
  }
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-new-body-details {
    flex-basis: 51.66667%;
    max-width: 51.66667%
  }
}
.block-pants--lineup-point-new-body-detail {
  display: flex;
  align-items: center;
  margin-left: -2.2rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-new-body-detail {
    margin-left: 0
  }
}
.block-pants--lineup-point-new-body-detail:nth-of-type(n+2) {
  margin-top: 2.5rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-new-body-detail:nth-of-type(n+2) {
    margin-top: 40px
  }
}
.block-pants--lineup-point-new-body-detail-left {
  flex-basis: 17100%;
  max-width: 17100%;
  padding-left: 2.2rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-new-body-detail-left {
    flex-basis: auto;
    width: 270px;
    max-width: none;
    padding-left: 0
  }
}
.block-pants--lineup-point-new-body-detail-right {
  flex-basis: 20300%;
  max-width: 20300%;
  padding-left: 2.2rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-new-body-detail-right {
    flex-basis: auto;
    flex-basis: 0;
    flex-grow: 1;
    max-width: none;
    padding-left: 35px
  }
}
.block-pants--lineup-point-new-body-detail-number {
  width: auto;
  height: 2.9rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-new-body-detail-number {
    height: 37px
  }
}
.block-pants--lineup-point-new-body-detail-title {
  margin-top: 1.2rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-new-body-detail-title {
    margin-top: 12px;
    font-size: 25px;
    line-height: 1.2
  }
}
.block-pants--lineup-point-new-body-detail-title em {
  font-style: normal;
  font-weight: inherit;
  color: #ed6a6a
}
.block-pants--lineup-point-new-body-detail-text {
  margin-top: .8rem;
  font-size: 1.6rem;
  line-height: 1.5
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-new-body-detail-text {
    margin-top: 8px;
    font-size: 16px
  }
}
.block-pants--lineup-compare {
  margin-top: -7rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare {
    margin-top: -46px
  }
}
.block-pants--lineup-compare .slick-arrow {
  top: 15rem;
  background-color: transparent;
  transition: opacity .3s
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare .slick-arrow {
    top: 247px;
    width: 60px;
    height: 60px;
    background-color: rgba(64, 59, 59, .5);
    border-radius: 50%
  }
}
.block-pants--lineup-compare .slick-arrow:hover {
  opacity: .6
}
.block-pants--lineup-compare .slick-arrow::before {
  width: 1.68rem;
  height: 1.68rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare .slick-arrow::before {
    top: 21.5px;
    width: 17px;
    height: 17px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff
  }
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare .slick-arrow.slick-prev {
    left: 20px
  }
}
.block-pants--lineup-compare .slick-arrow.slick-prev::before {
  left: calc(50% - 2px)
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare .slick-arrow.slick-prev::before {
    left: 26px;
    -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
    transform: rotate(-45deg) translate3d(0, 0, 0)
  }
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare .slick-arrow.slick-next {
    right: 20px
  }
}
.block-pants--lineup-compare .slick-arrow.slick-next::before {
  left: calc(50% - 16px)
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare .slick-arrow.slick-next::before {
    left: 17px;
    -webkit-transform: rotate(135deg) translate3d(0, 0, 0);
    transform: rotate(135deg) translate3d(0, 0, 0)
  }
}
.block-pants--lineup-compare-inner {
  max-width: 1200px;
  margin: 0 auto
}
.block-pants--lineup-compare-heading {
  padding: 1.5rem 0 1.4rem;
  margin: 0 2rem 4rem;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
  text-align: center;
  background-color: #fff;
  border-top: 1px solid #020202;
  border-bottom: 1px solid #020202
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px 0 16px;
    margin: 0 0 50px;
    font-size: 30px;
    line-height: 1.5;
    background-color: transparent;
    background-image: url(/lp/leggingspants-classic22ss/pc/images/bg_lineup_heading_pc.png);
    background-repeat: no-repeat;
    background-position: center;
    border: none
  }
}
.block-pants--lineup-compare-heading > span {
  display: inline-block
}
.block-pants--lineup-compare-heading > span > span {
  font-weight: 400
}
.block-pants--lineup-compare-heading-image {
  display: block
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare-heading-image {
    display: inline-block
  }
}
.block-pants--lineup-compare-heading-image img {
  width: auto;
  height: 3rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare-heading-image img {
    height: 64px
  }
}
.block-pants--lineup-compare-heading-text {
  margin-top: .8rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare-heading-text {
    margin-top: 6px;
    margin-left: 13px
  }
}
.block-pants--lineup-compare-nav {
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style-type: none
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare-nav {
    border-bottom: 1px solid #d4d4d4
  }
}
.block-pants--lineup-compare-nav-item {
  position: relative;
  width: 15rem;
  text-align: center
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare-nav-item {
    width: 260px
  }
}
.block-pants--lineup-compare-nav-item:nth-of-type(n+2)::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 2px;
  height: 100%;
  content: "";
  border-left: 2px solid #fff
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare-nav-item:nth-of-type(n+2)::before {
    z-index: 2;
    border-left-width: 5px
  }
}
.block-pants--lineup-compare-nav-button {
  display: block;
  width: 100%;
  padding: 1.8rem 0;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1;
  color: #424242;
  cursor: pointer;
  background-color: #f2f2f2;
  border: none;
  border-bottom: 2px solid #eeede8;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: opacity .3s
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare-nav-button {
    position: relative;
    z-index: 1;
    padding: 19px 0;
    font-size: 16px;
    border-bottom: none
  }
}
[id=lineup_skinny] .block-pants--lineup-compare-nav-button[aria-selected=true] {
  background-color: #eaadad
}
[id=lineup_straight] .block-pants--lineup-compare-nav-button[aria-selected=true] {
  background-color: #ab9ecd
}
[id=lineup_tapered] .block-pants--lineup-compare-nav-button[aria-selected=true] {
  background-color: #52a7c8
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare-nav-button[aria-selected=true]::after {
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    z-index: 1;
    display: block;
    margin: auto;
    content: ""
  }
  [id=lineup_skinny] .block-pants--lineup-compare-nav-button[aria-selected=true]::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #eaadad transparent transparent transparent;
    border-width: 10px 10px 0 10px
  }
  [id=lineup_straight] .block-pants--lineup-compare-nav-button[aria-selected=true]::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #ab9ecd transparent transparent transparent;
    border-width: 10px 10px 0 10px
  }
  [id=lineup_tapered] .block-pants--lineup-compare-nav-button[aria-selected=true]::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #52a7c8 transparent transparent transparent;
    border-width: 10px 10px 0 10px
  }
}
.block-pants--lineup-compare-nav-button:hover {
  opacity: .6
}
.block-pants--lineup-compare-carousel-head {
  position: relative
}
.block-pants--lineup-compare-carousel-image-text-wrap {
  position: absolute;
  right: 0;
  bottom: 1.6rem;
  left: 0;
  display: flex;
  justify-content: center;
  width: calc(100% - 40px);
  margin: auto
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare-carousel-image-text-wrap {
    bottom: 38px;
    width: 100%
  }
}
.block-pants--lineup-compare-carousel-image-text {
  width: 100%;
  text-align: center
}
.block-pants--lineup-compare-carousel-image-stature {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1
}
.block-pants--lineup-compare-carousel-image-detail {
  margin-top: 1rem;
  font-size: 1.2rem;
  line-height: 1
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare-carousel-image-detail {
    display: none
  }
}
.block-pants--lineup-compare-carousel-body-sp {
  display: block
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare-carousel-body-sp {
    display: none
  }
}
.block-pants--lineup-compare-carousel-sp-comments {
  position: relative;
  height: 17rem;
  padding: 1.6rem 2rem 2.4rem;
  overflow: hidden
}
.block-pants--lineup-compare-carousel-sp-comments.block-pants--lineup-compare-carousel-sp-comments_show {
  height: auto
}
.block-pants--lineup-compare-carousel-sp-comments.block-pants--lineup-compare-carousel-sp-comments_show::after {
  display: none
}
.block-pants--lineup-compare-carousel-sp-comments::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 17rem;
  content: "";
  background-image: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 100%)
}
.block-pants--lineup-compare-carousel-sp-comments p:not([class]) {
  font-size: 1.6rem;
  line-height: 1.6
}
.block-pants--lineup-compare-carousel-sp-comments p:not([class]) + p:not([class]) {
  margin-top: 1.8rem
}
.block-pants--lineup-compare-carousel-sp-comments b:not([class]) {
  font-weight: 700
}
.block-pants--lineup-compare-carousel-sp-heading {
  margin-bottom: .5rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.6;
  color: #ed6a6a
}
.block-pants--lineup-compare-carousel-sp-accordion {
  padding: 0 2rem 1rem
}
.block-pants--lineup-compare-carousel-sp-accordion-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 1.3rem 1em;
  margin: 0;
  font-size: 1.8rem;
  font-weight: 700;
  color: #000;
  background-color: #f2f2f2;
  border: 2px solid #fff;
  box-shadow: 0 5px 6px 0 rgba(53, 59, 49, .11);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.block-pants--lineup-compare-carousel-sp-accordion-button em {
  font-style: normal;
  font-weight: inherit;
  color: #ed6a6a;
  pointer-events: none
}
.block-pants--lineup-compare-carousel-sp-accordion-icon-wrap {
  position: absolute;
  top: 0;
  right: 2.4rem;
  bottom: 0;
  display: block;
  width: 1em;
  height: 1em;
  margin: auto;
  font-size: 2.1rem;
  background-color: #7c7676;
  border-radius: 50%
}
.block-pants--lineup-compare-carousel-sp-accordion-icon {
  position: relative;
  display: block;
  width: 100%;
  height: 100%
}
.block-pants--lineup-compare-carousel-sp-accordion-icon::after, .block-pants--lineup-compare-carousel-sp-accordion-icon::before {
  position: absolute;
  right: 50%;
  bottom: calc(50% + 1px);
  display: inline-block;
  content: "";
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%)
}
.block-pants--lineup-compare-carousel-sp-accordion-icon::before {
  width: 1.1rem;
  height: .1rem;
  border-top: 1px solid #fff
}
.block-pants--lineup-compare-carousel-sp-accordion-icon::after {
  width: .1rem;
  height: 1.1rem;
  border-left: 1px solid #fff
}
[aria-selected=true] .block-pants--lineup-compare-carousel-sp-accordion-icon::after {
  display: none
}
.block-pants--lineup-compare-carousel-body-pc {
  display: none
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare-carousel-body-pc {
    display: block
  }
}
.block-pants--lineup-compare-carousel-pc-comments {
  display: flex;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8
}
.block-pants--lineup-compare-carousel-pc-comment {
  position: relative;
  width: 100%;
  padding: 16px 30px
}
.block-pants--lineup-compare-carousel-pc-comment:nth-of-type(n+2)::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 1px;
  height: calc(100% - 30px);
  margin: auto;
  content: "";
  border-left: 1px solid #e8e8e8
}
.block-pants--lineup-compare-carousel-pc-comment-inner {
  position: relative
}
.block-pants--lineup-compare-carousel-pc-comment-inner::after, .block-pants--lineup-compare-carousel-pc-comment-inner::before {
  position: absolute;
  right: 0;
  left: 0;
  display: block;
  margin: auto;
  content: ""
}
.block-pants--lineup-compare-carousel-pc-comment-inner::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #e8e8e8 transparent;
  border-width: 0 15px 18px 15px;
  top: -35px
}
.block-pants--lineup-compare-carousel-pc-comment-inner::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  border-width: 0 15px 18px 15px;
  top: -33px
}
.block-pants--lineup-compare-carousel-pc-comment-heading {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  color: #ed6a6a;
  text-align: center
}
.block-pants--lineup-compare-carousel-pc-comment-text {
  font-size: 16px;
  line-height: 1.6
}
.block-pants--lineup-size-inner {
  max-width: 1200px;
  padding: 4rem 2rem 0;
  margin: 0 auto
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-size-inner {
    padding: 86px 0 0
  }
}
.block-pants--lineup-new-size-heading {
  padding: 0;
  margin: 0 0 1.3rem;
  color: #000;
  text-align: center;
  background-color: transparent;
  border-bottom: none
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-new-size-heading {
    margin-bottom: 0
  }
}
.block-pants--lineup-new-size-heading span {
  display: inline-block;
  padding: 1.2rem 3.5rem;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
  border-color: transparent;
  border-style: solid;
  border-width: 0;
  border-top-width: 3px;
  border-bottom-width: 3px
}
[id=lineup_skinny] .block-pants--lineup-new-size-heading span {
  border-color: #fea1a1
}
[id=lineup_straight] .block-pants--lineup-new-size-heading span {
  border-color: #cab8fa
}
[id=lineup_tapered] .block-pants--lineup-new-size-heading span {
  border-color: #6dcef3
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-new-size-heading span {
    padding: 10px 120px;
    font-size: 30px
  }
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-size-body {
    display: flex
  }
}
.block-pants--lineup-size-image-wrap {
  text-align: center
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-size-image-wrap {
    width: 316px
  }
}
.block-pants--lineup-size-image-wrap img {
  width: 60.38647vw
}
.block-pants--lineup-size-table-wrap {
  margin-top: 1.6rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-size-table-wrap {
    flex-basis: 0;
    flex-grow: 1;
    margin-top: 50px
  }
}
.block-pants--lineup-size-table-wrap .block-goodsdetail--spec-table-area th {
  background-color: #fffeeb
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-size-table-wrap table {
    min-width: 100%;
    border: solid 1px #ccc
  }
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-size-table-wrap td, .block-pants--lineup-size-table-wrap th {
    padding: 18px 14px;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: solid 1px #ccc
  }
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-size-table-wrap th {
    min-width: 6em;
    font-weight: 700;
    background: #f6f6f6
  }
}
.block-pants--lineup-size-notes {
  margin-top: 1rem;
  margin-left: 1em;
  list-style-type: none
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-size-notes {
    margin-top: 10px
  }
}
.block-pants--lineup-size-notes-item {
  position: relative;
  font-size: 1.4rem;
  line-height: 1.5
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-size-notes-item {
    font-size: 14px
  }
}
.block-pants--lineup-size-notes-item::before {
  position: absolute;
  top: 0;
  left: -1em;
  content: "※"
}
.block-pants--lineup-action-inner {
  max-width: 1200px;
  padding: 1.3rem 2rem 0;
  margin: 0 auto
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-inner {
    padding: 30px 0 0
  }
}
.block-pants--lineup-action-head {
  position: relative;
  display: flex;
  padding-top: 3rem;
  margin-bottom: 3.2rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-head {
    padding-top: 0;
    padding-left: 216px;
    margin-bottom: 40px
  }
}
.block-pants--lineup-action-catch {
  position: absolute;
  top: 0;
  left: -.5rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-catch {
    position: static;
    left: 0;
    order: 3;
    width: 305px;
    margin-top: 35px
  }
}
.block-pants--lineup-action-catch-image {
  display: block;
  width: 100%
}
.block-pants--lineup-action-catch-image img {
  display: block;
  width: auto;
  height: 3.6rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-catch-image img {
    height: 100px
  }
}
.block-pants--lineup-action-image-wrap {
  width: 130px
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-image-wrap {
    order: 1;
    width: 170px
  }
}
.block-pants--lineup-action-details {
  flex-basis: 0;
  flex-grow: 1;
  padding-left: 1.8rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-details {
    order: 2;
    padding-right: 36px;
    padding-left: 36px
  }
}
.block-pants--lineup-action-goods-name {
  padding: 0;
  margin: 0 0 .8rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  background-color: transparent;
  border-bottom: none
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-goods-name {
    margin-bottom: 12px;
    font-size: 18px
  }
}
.block-pants--lineup-action-goods-name b {
  font-weight: inherit
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-goods-name b {
    font-weight: 700
  }
}
.block-pants--lineup-action-goods-price {
  margin-bottom: 1.4rem;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-goods-price {
    margin-bottom: 20px;
    font-size: 30px
  }
}
.block-pants--lineup-action-goods-tax {
  font-size: 2rem;
  font-weight: inherit;
  line-height: 1.2
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-goods-tax {
    font-size: 25px
  }
}
.block-pants--lineup-action-goods-pattern {
  display: flex
}
.block-pants--lineup-action-goods-pattern-name {
  width: 4.6rem;
  margin-top: .9rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-goods-pattern-name {
    width: 90px;
    margin-top: 10px
  }
}
.block-pants--lineup-action-goods-pattern-name img {
  display: block;
  width: auto;
  height: 1.2rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-goods-pattern-name img {
    height: 18px
  }
}
.block-pants--lineup-action-goods-pattern-size {
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  flex-wrap: wrap
}
.block-pants--lineup-action-goods-pattern-size li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.6rem;
  height: 2.6rem;
  margin-bottom: .6rem;
  margin-left: .6rem;
  font-size: 1.6rem;
  line-height: 1;
  color: #424242;
  border: 1px solid #868686;
  border-radius: 5px
}
@media print, screen and (min-width:25.875em) {
  .block-pants--lineup-action-goods-pattern-size li {
    width: 3rem;
    height: 3rem;
    font-size: 1.9rem
  }
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-goods-pattern-size li {
    width: 35px;
    height: 35px;
    margin-bottom: 12px;
    margin-left: 12px;
    font-size: 21px
  }
}
.block-pants--lineup-action-goods-pattern-color {
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  flex-wrap: wrap
}
.block-pants--lineup-action-goods-pattern-color li {
  width: 2.6rem;
  height: 2.6rem;
  margin-bottom: .6rem;
  margin-left: .6rem;
  line-height: 1;
  border: 1px solid #868686;
  border-radius: 5px
}
@media print, screen and (min-width:25.875em) {
  .block-pants--lineup-action-goods-pattern-color li {
    width: 3rem;
    height: 3rem
  }
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-goods-pattern-color li {
    width: 35px;
    height: 35px;
    margin-bottom: 12px;
    margin-left: 12px
  }
}
.block-pants--lineup-action-goods-pattern-color li.black {
  background-color: #000
}
.block-pants--lineup-action-goods-pattern-color li.deep-navy {
  background-color: #233471
}
.block-pants--lineup-action-goods-pattern-color li.chocolate-brown {
  background-color: #5f5038
}
.block-pants--lineup-action-goods-pattern-color li.beige {
  background-color: #d3c6b1
}
.block-pants--lineup-action-goods-pattern-color li.white {
  background-color: #fff
}
.block-pants--lineup-action-goods-pattern-color li.khaki {
  background-color: #727c64
}
.block-pants--lineup-action-goods-pattern-color li.dark-brown {
  background-color: #644f2e
}
.block-pants--lineup-action-goods-pattern-color li.light-beige {
  background-color: #e5d8c2
}
.block-pants--lineup-action-goods-pattern-color li.charcoal-grey {
  background-color: #454852
}
.block-pants--lineup-action-body {
  max-width: 650px;
  margin: 0 auto
}
.block-pants--lineup-action-cta:nth-of-type(n+2) {
  margin-top: 1.3rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-cta:nth-of-type(n+2) {
    margin-top: 15px
  }
}
.block-pants--lineup-action-cta-more {
  position: relative;
  display: block;
  width: 100%;
  padding: 2.8rem 1em;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #ea8e8e
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-cta-more {
    padding: 28px 1em;
    font-size: 18px
  }
}
.block-pants--lineup-action-cta-more::after {
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  content: "";
  border: 6px solid #fff
}
.block-pants--lineup-action-cta-more-icon {
  position: absolute;
  top: 0;
  right: 3.7rem;
  bottom: 0;
  display: inline-block;
  width: 10px;
  height: 16px;
  margin: auto
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-cta-more-icon {
    right: 47px
  }
}
.block-pants--lineup-action-cta-more-icon::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -3px;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: auto;
  content: "";
  border: 0;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.block-pants--lineup-action-cta-all {
  position: relative;
  display: block;
  width: 100%;
  padding: 2.8rem 1em;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  color: #424242;
  text-align: center;
  text-decoration: none;
  background-color: #e7caca
}
[id=lineup_straight] .block-pants--lineup-action-cta-all {
  background-color: #ded7f0
}
[id=lineup_tapered] .block-pants--lineup-action-cta-all {
  background-color: #c5e2ed
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-cta-all {
    padding: 28px 1em;
    font-size: 18px
  }
}
.block-pants--lineup-action-cta-all::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  border: 6px solid #fff
}
.block-pants--lineup-action-cta-all-icon {
  position: absolute;
  top: 0;
  right: 3.7rem;
  bottom: 0;
  display: inline-block;
  width: 10px;
  height: 16px;
  margin: auto
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-cta-all-icon {
    right: 47px
  }
}
.block-pants--lineup-action-cta-all-icon::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -3px;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: auto;
  content: "";
  border: 0;
  border-top: 2px solid #424242;
  border-right: 2px solid #424242;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.block-pants--lineup {
  padding-bottom: 5rem
}
[id=lineup_skinny] .block-pants--lineup-point {
  background-color: #fef0f0
}
[id=lineup_straight] .block-pants--lineup-point {
  background-color: #f0edf6
}
[id=lineup_tapered] .block-pants--lineup-point {
  background-color: #e8f4f8
}
.block-pants--lineup-point-inner {
  max-width: 1200px;
  padding: 5.5rem 2rem 11rem;
  margin: 0 auto
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-inner {
    padding: 92px 0 106px
  }
}
.block-pants--lineup-point-head {
  position: relative;
  display: flex;
  flex-direction: column
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-head {
    margin-bottom: 45px
  }
}
.block-pants--lineup-point-head > * {
  min-height: 0%
}
.block-pants--lineup-point-headings {
  margin-bottom: 3.2rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-headings {
    margin-bottom: 0
  }
}
.block-pants--lineup-point-heading {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  color: #000;
  text-align: center;
  border-bottom: none
}
.block-pants--lineup-point-heading-sub {
  display: block;
  width: 100%;
  padding: 0;
  margin: 4.8rem 0 2.6rem;
  color: #000;
  text-align: center;
  background-color: transparent
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-heading-sub {
    max-width: 1048px;
    margin: 60px auto 45px
  }
}
.block-pants--lineup-point-heading-sub img {
  max-width: 100% !important
}
.block-pants--lineup-point-heading-number {
  display: block;
  width: auto;
  height: 2.2rem;
  margin: 0 auto 1.4rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-heading-number {
    height: 31px;
    margin-bottom: 22px
  }
}
.block-pants--lineup-point-heading-text {
  display: block;
  width: 100%;
  text-align: center
}
.block-pants--lineup-point-heading-text img {
  width: auto;
  height: 10.5rem
}
.block-pants--lineup-point-catch {
  position: relative;
  padding: .7rem;
  text-align: center;
  border-radius: 22px
}
[id=lineup_skinny] .block-pants--lineup-point-catch {
  background-color: #e79595
}
[id=lineup_straight] .block-pants--lineup-point-catch {
  background-color: #ab9ecd
}
@media print, screen and (min-width:48em) {
  [id=lineup_straight] .block-pants--lineup-point-catch {
    padding: 17px 14px 11px
  }
}
[id=lineup_tapered] .block-pants--lineup-point-catch {
  background-color: #52a7c8
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-catch {
    position: absolute;
    top: 10px;
    left: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 190px;
    height: 190px;
    border-radius: 50%
  }
}
.block-pants--lineup-point-catch-text {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  color: #000
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-catch-text {
    font-size: 22px;
    line-height: 1.46
  }
}
.block-pants--lineup-point-catch-text em {
  font-style: normal;
  font-weight: inherit;
  color: #fff
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-body {
    display: flex
  }
}
.block-pants--lineup-point-body-overall {
  margin-bottom: 7.2rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-body-overall {
    flex-basis: 48.33333%;
    max-width: 48.33333%;
    padding-right: 64px;
    padding-left: 80px
  }
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-body-details {
    flex-basis: 51.66667%;
    max-width: 51.66667%
  }
}
.block-pants--lineup-point-body-detail {
  display: flex;
  align-items: flex-start;
  margin-left: -2.2rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-body-detail {
    align-items: center;
    margin-left: 0
  }
}
.block-pants--lineup-point-body-detail:nth-of-type(n+2) {
  margin-top: 2.5rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-body-detail:nth-of-type(n+2) {
    margin-top: 40px
  }
}
.block-pants--lineup-point-body-detail-left {
  flex-basis: 17100%;
  max-width: 17100%;
  padding-left: 2.2rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-body-detail-left {
    flex-basis: auto;
    width: 270px;
    max-width: none;
    padding-left: 0
  }
}
.block-pants--lineup-point-body-detail-right {
  flex-basis: 20300%;
  max-width: 20300%;
  padding-left: 2.2rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-body-detail-right {
    flex-basis: auto;
    flex-basis: 0;
    flex-grow: 1;
    max-width: none;
    padding-left: 35px
  }
}
.block-pants--lineup-point-body-detail-number {
  width: auto;
  height: 2.9rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-body-detail-number {
    height: 37px
  }
}
.block-pants--lineup-point-body-detail-title {
  margin-top: 1.2rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-body-detail-title {
    margin-top: 12px;
    font-size: 25px;
    line-height: 1.2
  }
}
.block-pants--lineup-point-body-detail-title em {
  font-style: normal;
  font-weight: inherit;
  color: #ed6a6a
}
.block-pants--lineup-point-body-detail-text {
  margin-top: .8rem;
  font-size: 1.6rem;
  line-height: 1.5
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-point-body-detail-text {
    margin-top: 8px;
    font-size: 16px
  }
}
.block-pants--lineup-compare {
  margin-top: -7rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare {
    margin-top: -46px
  }
}
.block-pants--lineup-compare .slick-arrow {
  top: 15rem;
  background-color: transparent;
  transition: opacity .3s
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare .slick-arrow {
    top: 247px;
    width: 60px;
    height: 60px;
    background-color: rgba(64, 59, 59, .5);
    border-radius: 50%
  }
}
.block-pants--lineup-compare .slick-arrow:hover {
  opacity: .6
}
.block-pants--lineup-compare .slick-arrow::before {
  width: 1.68rem;
  height: 1.68rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare .slick-arrow::before {
    top: 21.5px;
    width: 17px;
    height: 17px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff
  }
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare .slick-arrow.slick-prev {
    left: 20px
  }
}
.block-pants--lineup-compare .slick-arrow.slick-prev::before {
  left: calc(50% - 2px)
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare .slick-arrow.slick-prev::before {
    left: 26px;
    -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
    transform: rotate(-45deg) translate3d(0, 0, 0)
  }
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare .slick-arrow.slick-next {
    right: 20px
  }
}
.block-pants--lineup-compare .slick-arrow.slick-next::before {
  left: calc(50% - 16px)
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare .slick-arrow.slick-next::before {
    left: 17px;
    -webkit-transform: rotate(135deg) translate3d(0, 0, 0);
    transform: rotate(135deg) translate3d(0, 0, 0)
  }
}
.block-pants--lineup-compare-inner {
  max-width: 1200px;
  margin: 0 auto
}
.block-pants--lineup-compare-heading {
  padding: 1.5rem 0 1.4rem;
  margin: 0 2rem 4rem;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
  text-align: center;
  background-color: #fff;
  border-top: 1px solid #020202;
  border-bottom: 1px solid #020202
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px 0 16px;
    margin: 0 0 50px;
    font-size: 30px;
    line-height: 1.5;
    background-color: transparent;
    background-image: url(/lp/leggingspants-classic22ss/pc/images/bg_lineup_heading_pc.png);
    background-repeat: no-repeat;
    background-position: center;
    border: none
  }
}
.block-pants--lineup-compare-heading > span {
  display: inline-block
}
.block-pants--lineup-compare-heading > span > span {
  font-weight: 400
}
.block-pants--lineup-compare-heading-image {
  display: block
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare-heading-image {
    display: inline-block
  }
}
.block-pants--lineup-compare-heading-image img {
  width: auto;
  height: 3rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare-heading-image img {
    height: 64px
  }
}
.block-pants--lineup-compare-heading-text {
  margin-top: .8rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare-heading-text {
    margin-top: 6px;
    margin-left: 13px
  }
}
.block-pants--lineup-compare-nav {
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style-type: none
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare-nav {
    border-bottom: 1px solid #d4d4d4
  }
}
.block-pants--lineup-compare-nav-item {
  position: relative;
  width: 15rem;
  text-align: center
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare-nav-item {
    width: 260px
  }
}
.block-pants--lineup-compare-nav-item:nth-of-type(n+2)::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 2px;
  height: 100%;
  content: "";
  border-left: 2px solid #fff
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare-nav-item:nth-of-type(n+2)::before {
    z-index: 2;
    border-left-width: 5px
  }
}
.block-pants--lineup-compare-nav-button {
  display: block;
  width: 100%;
  padding: 1.8rem 0;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1;
  color: #424242;
  cursor: pointer;
  background-color: #f2f2f2;
  border: none;
  border-bottom: 2px solid #eeede8;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: opacity .3s
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare-nav-button {
    position: relative;
    z-index: 1;
    padding: 19px 0;
    font-size: 16px;
    border-bottom: none
  }
}
[id=lineup_skinny] .block-pants--lineup-compare-nav-button[aria-selected=true] {
  background-color: #eaadad
}
[id=lineup_straight] .block-pants--lineup-compare-nav-button[aria-selected=true] {
  background-color: #ab9ecd
}
[id=lineup_tapered] .block-pants--lineup-compare-nav-button[aria-selected=true] {
  background-color: #52a7c8
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare-nav-button[aria-selected=true]::after {
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    z-index: 1;
    display: block;
    margin: auto;
    content: ""
  }
  [id=lineup_skinny] .block-pants--lineup-compare-nav-button[aria-selected=true]::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #eaadad transparent transparent transparent;
    border-width: 10px 10px 0 10px
  }
  [id=lineup_straight] .block-pants--lineup-compare-nav-button[aria-selected=true]::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #ab9ecd transparent transparent transparent;
    border-width: 10px 10px 0 10px
  }
  [id=lineup_tapered] .block-pants--lineup-compare-nav-button[aria-selected=true]::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #52a7c8 transparent transparent transparent;
    border-width: 10px 10px 0 10px
  }
}
.block-pants--lineup-compare-nav-button:hover {
  opacity: .6
}
.block-pants--lineup-compare-carousel-head {
  position: relative
}
.block-pants--lineup-compare-carousel-image-text-wrap {
  position: absolute;
  right: 0;
  bottom: 1.6rem;
  left: 0;
  display: flex;
  justify-content: center;
  width: calc(100% - 40px);
  margin: auto
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare-carousel-image-text-wrap {
    bottom: 38px;
    width: 100%
  }
}
.block-pants--lineup-compare-carousel-image-text {
  width: 100%;
  text-align: center
}
.block-pants--lineup-compare-carousel-image-stature {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1
}
.block-pants--lineup-compare-carousel-image-detail {
  margin-top: 1rem;
  font-size: 1.2rem;
  line-height: 1
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare-carousel-image-detail {
    display: none
  }
}
.block-pants--lineup-compare-carousel-body-sp {
  display: block
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare-carousel-body-sp {
    display: none
  }
}
.block-pants--lineup-compare-carousel-sp-comments {
  position: relative;
  height: 17rem;
  padding: 1.6rem 2rem 2.4rem;
  overflow: hidden
}
.block-pants--lineup-compare-carousel-sp-comments.block-pants--lineup-compare-carousel-sp-comments_show {
  height: auto
}
.block-pants--lineup-compare-carousel-sp-comments.block-pants--lineup-compare-carousel-sp-comments_show::after {
  display: none
}
.block-pants--lineup-compare-carousel-sp-comments::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 17rem;
  content: "";
  background-image: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 100%)
}
.block-pants--lineup-compare-carousel-sp-comments p:not([class]) {
  font-size: 1.6rem;
  line-height: 1.6
}
.block-pants--lineup-compare-carousel-sp-comments p:not([class]) + p:not([class]) {
  margin-top: 1.8rem
}
.block-pants--lineup-compare-carousel-sp-comments b:not([class]) {
  font-weight: 700
}
.block-pants--lineup-compare-carousel-sp-heading {
  margin-bottom: .5rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.6;
  color: #ed6a6a
}
.block-pants--lineup-compare-carousel-sp-accordion {
  padding: 0 2rem 1rem
}
.block-pants--lineup-compare-carousel-sp-accordion-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 1.3rem 1em;
  margin: 0;
  font-size: 1.8rem;
  font-weight: 700;
  color: #000;
  background-color: #f2f2f2;
  border: 2px solid #fff;
  box-shadow: 0 5px 6px 0 rgba(53, 59, 49, .11);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.block-pants--lineup-compare-carousel-sp-accordion-button em {
  font-style: normal;
  font-weight: inherit;
  color: #ed6a6a;
  pointer-events: none
}
.block-pants--lineup-compare-carousel-sp-accordion-icon-wrap {
  position: absolute;
  top: 0;
  right: 2.4rem;
  bottom: 0;
  display: block;
  width: 1em;
  height: 1em;
  margin: auto;
  font-size: 2.1rem;
  background-color: #7c7676;
  border-radius: 50%
}
.block-pants--lineup-compare-carousel-sp-accordion-icon {
  position: relative;
  display: block;
  width: 100%;
  height: 100%
}
.block-pants--lineup-compare-carousel-sp-accordion-icon::after, .block-pants--lineup-compare-carousel-sp-accordion-icon::before {
  position: absolute;
  right: 50%;
  bottom: calc(50% + 1px);
  display: inline-block;
  content: "";
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%)
}
.block-pants--lineup-compare-carousel-sp-accordion-icon::before {
  width: 1.1rem;
  height: .1rem;
  border-top: 1px solid #fff
}
.block-pants--lineup-compare-carousel-sp-accordion-icon::after {
  width: .1rem;
  height: 1.1rem;
  border-left: 1px solid #fff
}
[aria-selected=true] .block-pants--lineup-compare-carousel-sp-accordion-icon::after {
  display: none
}
.block-pants--lineup-compare-carousel-body-pc {
  display: none
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-compare-carousel-body-pc {
    display: block
  }
}
.block-pants--lineup-compare-carousel-pc-comments {
  display: flex;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8
}
.block-pants--lineup-compare-carousel-pc-comment {
  position: relative;
  width: 100%;
  padding: 16px 30px
}
.block-pants--lineup-compare-carousel-pc-comment:nth-of-type(n+2)::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 1px;
  height: calc(100% - 30px);
  margin: auto;
  content: "";
  border-left: 1px solid #e8e8e8
}
.block-pants--lineup-compare-carousel-pc-comment-inner {
  position: relative
}
.block-pants--lineup-compare-carousel-pc-comment-inner::after, .block-pants--lineup-compare-carousel-pc-comment-inner::before {
  position: absolute;
  right: 0;
  left: 0;
  display: block;
  margin: auto;
  content: ""
}
.block-pants--lineup-compare-carousel-pc-comment-inner::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #e8e8e8 transparent;
  border-width: 0 15px 18px 15px;
  top: -35px
}
.block-pants--lineup-compare-carousel-pc-comment-inner::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  border-width: 0 15px 18px 15px;
  top: -33px
}
.block-pants--lineup-compare-carousel-pc-comment-heading {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  color: #ed6a6a;
  text-align: center
}
.block-pants--lineup-compare-carousel-pc-comment-text {
  font-size: 16px;
  line-height: 1.6
}
.block-pants--lineup-size-inner {
  max-width: 1200px;
  padding: 4rem 2rem 0;
  margin: 0 auto
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-size-inner {
    padding: 86px 0 0
  }
}
.block-pants--lineup-size-heading {
  padding: 0;
  margin: 0 0 1.3rem;
  color: #000;
  text-align: center;
  background-color: transparent;
  border-bottom: none
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-size-heading {
    margin-bottom: 0
  }
}
.block-pants--lineup-size-heading span {
  display: inline-block;
  padding: 1.2rem 3.5rem;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
  border-color: transparent;
  border-style: solid;
  border-width: 0;
  border-top-width: 3px;
  border-bottom-width: 3px
}
[id=lineup_skinny] .block-pants--lineup-size-heading span {
  border-color: #e79595
}
[id=lineup_straight] .block-pants--lineup-size-heading span {
  border-color: #8574b5
}
[id=lineup_tapered] .block-pants--lineup-size-heading span {
  border-color: #52a7c8
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-size-heading span {
    padding: 10px 120px;
    font-size: 30px
  }
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-size-body {
    display: flex
  }
}
.block-pants--lineup-size-image-wrap {
  text-align: center
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-size-image-wrap {
    width: 316px
  }
}
.block-pants--lineup-size-image-wrap img {
  width: 60.38647vw
}
.block-pants--lineup-size-table-wrap {
  margin-top: 1.6rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-size-table-wrap {
    flex-basis: 0;
    flex-grow: 1;
    margin-top: 50px
  }
}
.block-pants--lineup-size-table-wrap .block-goodsdetail--spec-table-area th {
  background-color: #fffeeb
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-size-table-wrap table {
    min-width: 100%;
    border: solid 1px #ccc
  }
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-size-table-wrap td, .block-pants--lineup-size-table-wrap th {
    padding: 18px 14px;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: solid 1px #ccc
  }
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-size-table-wrap th {
    min-width: 6em;
    font-weight: 700;
    background: #f6f6f6
  }
}
.block-pants--lineup-size-notes {
  margin-top: 1rem;
  margin-left: 1em;
  list-style-type: none
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-size-notes {
    margin-top: 10px
  }
}
.block-pants--lineup-size-notes-item {
  position: relative;
  font-size: 1.4rem;
  line-height: 1.5
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-size-notes-item {
    font-size: 14px
  }
}
.block-pants--lineup-size-notes-item::before {
  position: absolute;
  top: 0;
  left: -1em;
  content: "※"
}
.block-pants--lineup-action-inner {
  max-width: 1200px;
  padding: 1.3rem 2rem 0;
  margin: 0 auto
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-inner {
    padding: 30px 0 0
  }
}
.block-pants--lineup-action-head {
  position: relative;
  display: flex;
  padding-top: 3rem;
  margin-bottom: 3.2rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-head {
    padding-top: 0;
    padding-left: 216px;
    margin-bottom: 40px
  }
}
.block-pants--lineup-action-catch {
  position: absolute;
  top: 0;
  left: -.5rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-catch {
    position: static;
    left: 0;
    order: 3;
    width: 305px;
    margin-top: 35px
  }
}
.block-pants--lineup-action-catch-image {
  display: block;
  width: 100%
}
.block-pants--lineup-action-catch-image img {
  display: block;
  width: auto;
  height: 3.6rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-catch-image img {
    height: 100px
  }
}
.block-pants--lineup-action-image-wrap {
  width: 130px
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-image-wrap {
    order: 1;
    width: 170px
  }
}
.block-pants--lineup-action-details {
  flex-basis: 0;
  flex-grow: 1;
  padding-left: 1.8rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-details {
    order: 2;
    padding-right: 36px;
    padding-left: 36px
  }
}
.block-pants--lineup-action-goods-name {
  padding: 0;
  margin: 0 0 .8rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  background-color: transparent;
  border-bottom: none
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-goods-name {
    margin-bottom: 12px;
    font-size: 18px
  }
}
.block-pants--lineup-action-goods-name b {
  font-weight: inherit
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-goods-name b {
    font-weight: 700
  }
}
.block-pants--lineup-action-goods-price {
  margin-bottom: 1.4rem;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-goods-price {
    margin-bottom: 20px;
    font-size: 30px
  }
}
.block-pants--lineup-action-goods-tax {
  font-size: 2rem;
  font-weight: inherit;
  line-height: 1.2
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-goods-tax {
    font-size: 25px
  }
}
.block-pants--lineup-action-goods-pattern {
  display: flex
}
.block-pants--lineup-action-goods-pattern-name {
  width: 4.6rem;
  margin-top: .9rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-goods-pattern-name {
    width: 90px;
    margin-top: 10px
  }
}
.block-pants--lineup-action-goods-pattern-name img {
  display: block;
  width: auto;
  height: 1.2rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-goods-pattern-name img {
    height: 18px
  }
}
.block-pants--lineup-action-goods-pattern-size {
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  flex-wrap: wrap
}
.block-pants--lineup-action-goods-pattern-size li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.6rem;
  height: 2.6rem;
  margin-bottom: .6rem;
  margin-left: .6rem;
  font-size: 1.6rem;
  line-height: 1;
  color: #424242;
  border: 1px solid #868686;
  border-radius: 5px
}
@media print, screen and (min-width:25.875em) {
  .block-pants--lineup-action-goods-pattern-size li {
    width: 3rem;
    height: 3rem;
    font-size: 1.9rem
  }
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-goods-pattern-size li {
    width: 35px;
    height: 35px;
    margin-bottom: 12px;
    margin-left: 12px;
    font-size: 21px
  }
}
.block-pants--lineup-action-goods-pattern-color {
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  flex-wrap: wrap;
  padding-right: 6.6rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-goods-pattern-color {
    padding-right: 0
  }
}
.block-pants--lineup-action-goods-pattern-color.block-pants--lineup-action-goods-pattern-color-column4 {
  flex-wrap: nowrap;
  padding-right: 0
}
.block-pants--lineup-action-goods-pattern-color li {
  width: 2.6rem;
  height: 2.6rem;
  margin-bottom: .6rem;
  margin-left: .6rem;
  line-height: 1;
  border: 1px solid #868686;
  border-radius: 5px
}
@media print, screen and (min-width:25.875em) {
  .block-pants--lineup-action-goods-pattern-color li {
    width: 3rem;
    height: 3rem
  }
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-goods-pattern-color li {
    width: 35px;
    height: 35px;
    margin-bottom: 12px;
    margin-left: 12px
  }
}
.block-pants--lineup-action-goods-pattern-color li.black {
  background-color: #000
}
.block-pants--lineup-action-goods-pattern-color li.deep-navy {
  background-color: #233471
}
.block-pants--lineup-action-goods-pattern-color li.chocolate-brown {
  background-color: #5f5038
}
.block-pants--lineup-action-goods-pattern-color li.beige {
  background-color: #d3c6b1
}
.block-pants--lineup-action-goods-pattern-color li.white {
  background-color: #fff
}
.block-pants--lineup-action-goods-pattern-color li.khaki {
  background-color: #727c64
}
.block-pants--lineup-action-goods-pattern-color li.dark-brown {
  background-color: #644f2e
}
.block-pants--lineup-action-goods-pattern-color li.light-beige {
  background-color: #e5d8c2
}
.block-pants--lineup-action-goods-pattern-color li.charcoal-grey {
  background-color: #454852
}
.block-pants--lineup-action-body {
  max-width: 650px;
  margin: 0 auto
}
.block-pants--lineup-action-cta:nth-of-type(n+2) {
  margin-top: 1.3rem
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-cta:nth-of-type(n+2) {
    margin-top: 15px
  }
}
.block-pants--lineup-action-cta-more {
  position: relative;
  display: block;
  width: 100%;
  padding: 2.8rem 1em;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #ea8e8e
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-cta-more {
    padding: 28px 1em;
    font-size: 18px
  }
}
.block-pants--lineup-action-cta-more::after {
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  content: "";
  border: 6px solid #fff
}
.block-pants--lineup-action-cta-more-icon {
  position: absolute;
  top: 0;
  right: 3.7rem;
  bottom: 0;
  display: inline-block;
  width: 10px;
  height: 16px;
  margin: auto
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-cta-more-icon {
    right: 47px
  }
}
.block-pants--lineup-action-cta-more-icon::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -3px;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: auto;
  content: "";
  border: 0;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.block-pants--lineup-action-cta-all {
  position: relative;
  display: block;
  width: 100%;
  padding: 2.8rem 1em;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  color: #424242;
  text-align: center;
  text-decoration: none;
  background-color: #e7caca
}
[id=lineup_straight] .block-pants--lineup-action-cta-all {
  background-color: #ded7f0
}
[id=lineup_tapered] .block-pants--lineup-action-cta-all {
  background-color: #c5e2ed
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-cta-all {
    padding: 28px 1em;
    font-size: 18px
  }
}
.block-pants--lineup-action-cta-all::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  border: 6px solid #fff
}
.block-pants--lineup-action-cta-all-icon {
  position: absolute;
  top: 0;
  right: 3.7rem;
  bottom: 0;
  display: inline-block;
  width: 10px;
  height: 16px;
  margin: auto
}
@media print, screen and (min-width:48em) {
  .block-pants--lineup-action-cta-all-icon {
    right: 47px
  }
}
.block-pants--lineup-action-cta-all-icon::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -3px;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: auto;
  content: "";
  border: 0;
  border-top: 2px solid #424242;
  border-right: 2px solid #424242;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.block-pants--coordinate {
  background-color: #fafafa
}
.block-pants--coordinate-inner {
  max-width: 1200px;
  padding: 5rem 2rem 4rem;
  margin: 0 auto
}
@media print, screen and (min-width:48em) {
  .block-pants--coordinate-inner {
    padding: 80px 0 65px
  }
}
.block-pants--coordinate-heading2 {
  padding: 4.7rem 0 0;
  margin: 0 0 3.5rem;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.23;
  color: #000;
  text-align: center;
  background-image: url(/lp/leggingspants-classic22ss/pc/images/bg_coordinate_heading.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 85.74879vw auto;
  border-bottom: none
}
@media print, screen and (min-width:48em) {
  .block-pants--coordinate-heading2 {
    padding-top: 62px;
    margin-bottom: 70px;
    font-size: 40px;
    background-size: 355px auto
  }
}
.block-pants--coordinate-heading2 em {
  font-style: normal;
  font-weight: inherit;
  color: #ed6a6a
}
.block-pants--coordinate-section:nth-of-type(n+2) {
  margin-top: 6rem
}
@media print, screen and (min-width:48em) {
  .block-pants--coordinate-section:nth-of-type(n+2) {
    margin-top: 80px
  }
}
.block-pants--coordinate-heading3 {
  padding: 0;
  margin: 0 0 1rem;
  color: #000;
  text-align: center;
  background-color: transparent;
  border-bottom: none
}
.block-pants--coordinate-heading3-number {
  display: block;
  width: auto;
  height: 2.2rem;
  margin: 0 auto .6rem
}
@media print, screen and (min-width:48em) {
  .block-pants--coordinate-heading3-number {
    height: 22px;
    margin-bottom: 6px
  }
}
.block-pants--coordinate-heading3-text {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center
}
@media print, screen and (min-width:48em) {
  .block-pants--coordinate-heading3-text {
    font-size: 37px
  }
}
.block-pants--coordinate-heading3-text em {
  font-style: normal;
  font-weight: inherit;
  color: #ed6a6a
}
.block-pants--coordinate-heading3-text b {
  font-size: 3rem;
  line-height: 1.5
}
@media print, screen and (min-width:48em) {
  .block-pants--coordinate-heading3-text b {
    font-size: 35px
  }
}
.block-pants--coordinate-description {
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center
}
@media print, screen and (min-width:48em) {
  .block-pants--coordinate-description {
    font-size: 18px
  }
}
.block-pants--coordinate-image-wrap {
  width: 100vw;
  margin-top: 2.5rem;
  margin-right: calc(-50vw + 50%);
  margin-left: calc(-50vw + 50%)
}
@media print, screen and (min-width:48em) {
  .block-pants--coordinate-image-wrap {
    width: 100%;
    margin: 30px 0 0
  }
}
.block-pants--coordinate-list {
  margin-top: 2.4rem
}
@media print, screen and (min-width:48em) {
  .block-pants--coordinate-list {
    display: flex;
    margin-top: 36px
  }
}
@media print, screen and (min-width:48em) {
  .block-pants--coordinate-item {
    width: 590px
  }
}
.block-pants--coordinate-item ~ .block-pants--coordinate-item {
  margin-top: 4rem
}
@media print, screen and (min-width:48em) {
  .block-pants--coordinate-item ~ .block-pants--coordinate-item {
    margin-top: 0;
    margin-left: 20px
  }
}
.block-pants--coordinate-button {
  margin-top: 2.8rem
}
@media print, screen and (min-width:48em) {
  .block-pants--coordinate-button {
    margin-top: 40px
  }
}
.block-pants--coordinate-button .block-pants--button {
  display: flex;
  align-items: center;
  justify-content: center
}
@media print, screen and (min-width:48em) {
  .block-pants--coordinate-button .block-pants--button {
    width: 664px;
    height: 74px;
    padding: 0 1em;
    margin: auto
  }
  .block-pants--coordinate-list .block-pants--coordinate-button .block-pants--button {
    width: auto
  }
}
.block-pants--coordinate-button-badge {
  position: absolute;
  left: 1.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  padding-top: .25em;
  font-size: 1rem;
  color: #ed6a6a;
  background-color: #fff;
  border-radius: 50%
}
@media print, screen and (min-width:48em) {
  .block-pants--coordinate-button-badge {
    position: relative;
    left: auto;
    width: 45px;
    height: 45px;
    padding-top: 1px;
    margin-right: 10px;
    font-size: 14px
  }
}
@media print, screen and (min-width:48em) {
  .block-pants--button_straight .block-pants--coordinate-button-badge {
    padding-top: 2px
  }
}
.block-pants--qanda-inner {
  max-width: 1000px;
  padding: 4rem 2rem 0;
  margin: 0 auto 6rem
}
@media print, screen and (min-width:48em) {
  .block-pants--qanda-inner {
    padding: 66px 0 0;
    margin: 0 auto 80px
  }
}
.block-pants--qanda-lead {
  text-align: center
}
.block-pants--qanda-lead img {
  width: auto;
  height: 2.3rem
}
@media print, screen and (min-width:48em) {
  .block-pants--qanda-lead img {
    height: 30px
  }
}
.block-pants--qanda-heading2 {
  padding: 0;
  margin: 1.1rem 0 0;
  color: #000;
  text-align: center;
  background-color: transparent;
  border-bottom: none
}
@media print, screen and (min-width:48em) {
  .block-pants--qanda-heading2 {
    margin-top: 18px
  }
}
.block-pants--qanda-heading2 img {
  width: auto;
  height: 3.8rem
}
@media print, screen and (min-width:48em) {
  .block-pants--qanda-heading2 img {
    height: 43px
  }
}
.block-pants--qanda-items {
  padding-left: 0;
  margin-top: 3rem;
  list-style-type: none
}
@media print, screen and (min-width:48em) {
  .block-pants--qanda-items {
    margin-top: 48px
  }
}
.block-pants--qanda-item:nth-of-type(n+2) {
  margin-top: 1.3rem
}
@media print, screen and (min-width:48em) {
  .block-pants--qanda-item:nth-of-type(n+2) {
    margin-top: 20px
  }
}
.block-pants--qanda-q-item {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  color: #000;
  text-align: left;
  cursor: pointer;
  background-color: #eae2e1;
  border: none
}
.block-pants--qanda-q-item[type=button] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.block-pants--qanda-q-item:active {
  color: #000
}
.block-pants--qanda-q-item-inner {
  display: flex
}
.block-pants--qanda-q-box {
  width: 6rem;
  padding: 1.7rem 1.5rem 0 0;
  text-align: right;
  background-color: #ea8e8e
}
@media print, screen and (min-width:48em) {
  .block-pants--qanda-q-box {
    width: 80px;
    padding: 25px 23px 0 0
  }
}
.block-pants--qanda-q-box img {
  width: auto;
  height: 24px
}
@media print, screen and (min-width:48em) {
  .block-pants--qanda-q-box img {
    height: 28px
  }
}
.block-pants--qanda-q-content {
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  padding: 1.7rem 0 1.7rem 1.3rem
}
@media print, screen and (min-width:48em) {
  .block-pants--qanda-q-content {
    padding: 25px 0 25px 16px
  }
}
.block-pants--qanda-q-text {
  flex-basis: 0;
  flex-grow: 1;
  font-size: 1.6rem;
  line-height: 1.6
}
@media print, screen and (min-width:48em) {
  .block-pants--qanda-q-text {
    font-size: 20px
  }
}
.block-pants--qanda-q-icon {
  position: relative;
  display: block;
  width: 6rem;
  height: 100%;
  padding: 0 2rem
}
@media print, screen and (min-width:48em) {
  .block-pants--qanda-q-icon {
    width: 80px;
    padding: 0 30px
  }
}
.block-pants--qanda-q-icon::after, .block-pants--qanda-q-icon::before {
  position: absolute;
  right: 50%;
  bottom: 50%;
  display: inline-block;
  width: 2rem;
  height: .2rem;
  content: "";
  background-color: #424242;
  transition: .5s;
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%)
}
@media print, screen and (min-width:48em) {
  .block-pants--qanda-q-icon::after, .block-pants--qanda-q-icon::before {
    width: 20px;
    height: 2px
  }
}
.block-pants--qanda-q-item[aria-expanded=false] .block-pants--qanda-q-icon::after {
  -webkit-transform: translate(50%, 50%) rotate(90deg);
  transform: translate(50%, 50%) rotate(90deg)
}
.block-pants--qanda-a-item {
  overflow: hidden;
  transition: .5s;
  transition-property: padding-top, opacity
}
@media print, screen and (min-width:48em) {
  .block-pants--qanda-a-item {
    padding-bottom: 13px
  }
}
.block-pants--qanda-a-item[aria-hidden=true] {
  height: 0;
  padding-top: 0;
  overflow: hidden;
  visibility: hidden
}
.block-pants--qanda-a-item[aria-hidden=false] {
  height: auto;
  padding-top: .8rem;
  overflow: auto;
  visibility: visible
}
@media print, screen and (min-width:48em) {
  .block-pants--qanda-a-item[aria-hidden=false] {
    padding-top: 14px
  }
}
.block-pants--qanda-a-item-inner {
  display: flex
}
.block-pants--qanda-a-box {
  width: 6rem;
  padding: .6rem 1.5rem 0 0;
  text-align: right
}
@media print, screen and (min-width:48em) {
  .block-pants--qanda-a-box {
    width: 80px;
    padding: 5px 21px 0 0
  }
}
.block-pants--qanda-a-box img {
  width: auto;
  height: 24px
}
@media print, screen and (min-width:48em) {
  .block-pants--qanda-a-box img {
    height: 23px
  }
}
.block-pants--qanda-a-content {
  flex-basis: 0;
  flex-grow: 1;
  padding: .4rem 1.3rem 0;
  font-size: 1.6rem;
  line-height: 1.6
}
@media print, screen and (min-width:48em) {
  .block-pants--qanda-a-content {
    padding: 4px 20px 0;
    font-size: 16px
  }
}
.block-pants--bottom-inner {
  position: relative;
  max-width: 1200px;
  padding: 2rem 2rem .6rem;
  margin: 0 auto
}
@media print, screen and (min-width:48em) {
  .block-pants--bottom-inner {
    padding: 38px 0 32px
  }
}
.block-pants--bottom-head {
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none
}
.block-pants--bottom-head-image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto
}
.block-pants--bottom-body {
  margin-top: 2rem
}
@media print, screen and (min-width:48em) {
  .block-pants--bottom-body {
    max-width: 900px;
    margin: 20px auto 0
  }
}
.block-pants--bottom-list {
  display: flex;
  justify-content: center
}
.block-pants--bottom-item {
  position: relative;
  flex-basis: 33.33333%;
  max-width: 33.33333%
}
.block-pants--bottom-item:nth-of-type(n+2)::before {
  position: absolute;
  top: 0;
  left: 1px;
  display: block;
  width: 1px;
  height: 100%;
  content: "";
  border-left: solid 1px #8d8d8d
}
.block-pants--bottom-link {
  display: block;
  padding: .4rem 0 1rem;
  text-align: center;
  text-decoration: none
}
@media print, screen and (min-width:48em) {
  .block-pants--bottom-link {
    padding: 13px 0 17px
  }
}
.block-pants--bottom-icon {
  width: 1em;
  height: 1em;
  margin-bottom: 1rem;
  font-size: 2.2rem
}
@media print, screen and (min-width:48em) {
  .block-pants--bottom-icon {
    font-size: 26px
  }
}
.block-pants--bottom-text img {
  display: block;
  width: auto;
  height: 3.6rem;
  margin: auto
}
@media print, screen and (min-width:48em) {
  .block-pants--bottom-text img {
    height: 60px
  }
}
.block-pants--nav-inner {
  max-width: 1200px;
  padding: 0 2rem;
  margin: 6rem auto 0
}
@media print, screen and (min-width:48em) {
  .block-pants--nav-inner {
    padding: 0;
    margin: 50px auto 0
  }
}
.block-pants--nav-bg {
  position: relative;
  padding: 4.6rem 2rem;
  background-color: #f3f2f2
}
@media print, screen and (min-width:48em) {
  .block-pants--nav-bg {
    padding: 60px 100px
  }
}
.block-pants--nav-bg > * {
  position: relative
}
.block-pants--nav-bg::before {
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  content: "";
  border: 4px solid #fff
}
.block-pants--nav-lead {
  margin-bottom: .9rem
}
@media print, screen and (min-width:48em) {
  .block-pants--nav-lead {
    margin-bottom: 12px
  }
}
.block-pants--nav-lead-image {
  display: block;
  text-align: center
}
.block-pants--nav-lead-image img {
  width: auto;
  height: 2.3rem
}
@media print, screen and (min-width:48em) {
  .block-pants--nav-lead-image img {
    height: 29px
  }
}
.block-pants--nav-heading2 {
  padding: 0;
  margin-bottom: 4.5rem;
  font-weight: 700;
  color: #000;
  text-align: center;
  background-color: transparent;
  border-bottom: none
}
@media print, screen and (min-width:48em) {
  .block-pants--nav-heading2 {
    margin-bottom: 45px
  }
}
.block-pants--nav-heading2-gunze {
  font-size: 3.7rem;
  line-height: 1.02703;
  letter-spacing: .05em
}
@media print, screen and (min-width:48em) {
  .block-pants--nav-heading2-gunze {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: 40px;
    line-height: 1.125
  }
}
.block-pants--nav-heading2-no {
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 1.08571
}
@media print, screen and (min-width:48em) {
  .block-pants--nav-heading2-no {
    font-size: 40px;
    line-height: 1.125
  }
}
.block-pants--nav-heading2-leggings {
  font-size: 3.5rem;
  font-weight: inherit;
  line-height: 1.08571
}
@media print, screen and (min-width:48em) {
  .block-pants--nav-heading2-leggings {
    font-size: 40px;
    line-height: 1.125
  }
}
.block-pants--nav-heading3 {
  position: relative;
  padding: 0;
  margin: 0 0 2rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  background-color: transparent;
  border-bottom: none
}
@media print, screen and (min-width:48em) {
  .block-pants--nav-heading3 {
    margin-bottom: 26px;
    font-size: 25px
  }
}
.block-pants--nav-heading3 span {
  position: relative;
  display: inline-block;
  padding: 0 1.3rem;
  background-color: #f3f2f2
}
@media print, screen and (min-width:48em) {
  .block-pants--nav-heading3 span {
    padding: 0 15px
  }
}
.block-pants--nav-heading3 em {
  font-style: normal;
  font-weight: inherit;
  color: #ed6a6a
}
.block-pants--nav-heading3::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  margin: auto;
  content: "";
  background-image: linear-gradient(to right, #000, #000 4px, transparent 4px, transparent 6px);
  background-repeat: repeat-x;
  background-size: 6px 1px
}
.block-pants--nav-list + .block-pants--nav-heading3 {
  margin-top: 4.5rem
}
@media print, screen and (min-width:48em) {
  .block-pants--nav-list + .block-pants--nav-heading3 {
    margin-top: 43px
  }
}
@media print, screen and (min-width:48em) {
  .block-pants--nav-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -26px;
    margin-left: -26px
  }
}
@media print, screen and (min-width:48em) {
  .block-pants--nav-list-item {
    flex-basis: 25%;
    max-width: 25%;
    padding-left: 26px;
    margin-bottom: 26px
  }
}
.block-pants--nav-list-item:nth-of-type(n+2) {
  margin-top: 1.3rem
}
@media print, screen and (min-width:48em) {
  .block-pants--nav-list-item:nth-of-type(n+2) {
    margin-top: 0
  }
}
.block-pants--nav-list-link {
  position: relative;
  display: inline-flex;
  width: 100%;
  padding: 1.8rem 1.5rem;
  font-weight: 700;
  text-decoration: none;
  background-color: #fff;
  box-shadow: 0 4px 6px 0 rgba(146, 145, 145, .49)
}
@media print, screen and (min-width:48em) {
  .block-pants--nav-list-link {
    padding: 30px 15px
  }
}
.block-pants--nav-list-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  margin-top: .2rem;
  margin-right: 1rem;
  background-color: #525151;
  border-radius: 50%
}
@media print, screen and (min-width:48em) {
  .block-pants--nav-list-icon {
    right: 47px;
    width: 20px;
    min-width: 20px;
    height: 20px;
    margin-top: 0;
    margin-right: 10px
  }
}
.block-pants--nav-list-icon::before {
  position: relative;
  left: -1px;
  display: inline-block;
  width: 6px;
  height: 6px;
  content: "";
  border: 0;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.block-pants--nav-list-text {
  font-size: 1.6rem;
  line-height: 1.3
}
@media print, screen and (min-width:48em) {
  .block-pants--nav-list-text {
    font-size: 16px
  }
}
.block-pants--fixed {
  position: fixed;
  top: auto;
  right: 0;
  bottom: 0;
  z-index: 9998
}
.block-pants--fixed.is-open {
  z-index: 9999
}
.block-pants--fixed-button-wrap {
  position: absolute;
  right: .6rem;
  bottom: 7.5rem;
  width: 5.6rem;
  height: 5.6rem;
  line-height: 1;
  text-align: center;
  background-color: #000;
  border-radius: 50%;
  opacity: 0;
  transition: opacity .3s ease-out
}
.is-active .block-pants--fixed-button-wrap {
  opacity: 1
}
.block-pants--fixed-button {
  position: relative;
  display: inline-flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 1.7rem 0 0;
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  background-color: transparent;
  border: none
}
.block-pants--fixed-button[type=button] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.block-pants--fixed-button::after, .block-pants--fixed-button::before {
  position: absolute;
  right: 0;
  left: 0;
  display: block;
  width: 3rem;
  height: .2rem;
  margin: auto;
  content: "";
  border-top: 2px solid #fff
}
.block-pants--fixed-button::before {
  bottom: 2.3rem
}
.block-pants--fixed-button::after {
  bottom: 1.6rem
}
.block-pants--fixed-menu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: .7rem;
  pointer-events: none;
  background: rgba(0, 0, 0, .8);
  opacity: 0
}
.is-open .block-pants--fixed-menu {
  pointer-events: auto;
  opacity: 1
}
.block-pants--fixed-menu-inner {
  padding: 0 2rem
}
.block-pants--fixed-menu-item:nth-of-type(n+2) {
  margin-top: 2rem
}
.block-pants--fixed-menu-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.6rem 4.5rem;
  font-weight: 700;
  color: #000;
  text-align: center;
  text-decoration: none;
  background-image: linear-gradient(90deg, #e8e7e6 0%, #fff 100%, #fff 100%, #fff 100%)
}
.block-pants--fixed-menu-image01 {
  width: auto;
  height: 5rem
}
.block-pants--fixed-menu-arrow {
  position: absolute;
  top: 0;
  right: 2.5rem;
  bottom: 0;
  display: inline-block;
  width: 20px;
  height: 12px;
  margin: auto
}
@media print, screen and (min-width:48em) {
  .block-pants--fixed-menu-arrow {
    right: 47px
  }
}
.block-pants--fixed-menu-arrow::before {
  position: relative;
  top: -.7rem;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: auto;
  content: "";
  border: 0;
  border-right: 2px solid #424242;
  border-bottom: 2px solid #424242;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.block-pants--fixed-menu-item-box01 {
  padding: 2rem .5rem .4rem;
  background-color: #877a7b
}
.block-pants--fixed-menu-heading01 {
  margin-bottom: 2rem;
  text-align: center
}
.block-pants--fixed-menu-image02 {
  width: auto;
  height: 2rem
}
.block-pants--fixed-menu-list {
  display: flex;
  padding: 0;
  margin: 0;
  margin-left: -.2rem;
  list-style-type: none
}
.block-pants--fixed-menu-list-item {
  flex-basis: 33.33333%;
  max-width: 33.33333%;
  padding-left: .2rem
}
.block-pants--fixed-menu-list-link {
  display: flex;
  flex-direction: column;
  padding: 3rem 0 2.5rem;
  text-align: center;
  text-decoration: none;
  background-color: #fff
}
.block-pants--fixed-menu-list-link > * {
  min-height: 0%
}
.block-pants--fixed-menu-list-description {
  font-size: 1.6rem;
  line-height: 1.3;
  color: #685e5f
}
.block-pants--fixed-menu-list-title {
  margin-top: 1.2rem;
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1
}
.block-pants--fixed-menu-list-arrow {
  display: block;
  width: 100%;
  height: 12px;
  margin-top: 2rem
}
.block-pants--fixed-menu-list-arrow::before {
  position: relative;
  top: -.7rem;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: auto;
  content: "";
  border: 0;
  border-right: 2px solid #ed6a6a;
  border-bottom: 2px solid #ed6a6a;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.block-pants--fixed-menu-text01 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1
}
.block-pants--fixed-menu-text01 em {
  font-style: normal;
  font-weight: inherit;
  color: #ed6a6a
}
.block-pants--fixed-menu-close-wrap {
  margin-top: 4rem;
  text-align: center
}
.block-pants--fixed-menu-close {
  position: relative;
  width: 5rem;
  height: 5rem;
  background-color: #605758;
  border: none;
  border-radius: 50%
}
.block-pants--fixed-menu-close span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}
.block-pants--fixed-menu-close[type=button] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.block-pants--fixed-menu-close::after, .block-pants--fixed-menu-close::before {
  position: absolute;
  right: 50%;
  bottom: 50%;
  display: inline-block;
  content: "";
  -webkit-transform: translate(50%, 50%) rotate(45deg);
  transform: translate(50%, 50%) rotate(45deg);
  -webkit-transform-origin: center;
  transform-origin: center
}
.block-pants--fixed-menu-close::before {
  width: 2.8rem;
  height: .2rem;
  border-top: 2px solid #fff
}
.block-pants--fixed-menu-close::after {
  width: .2rem;
  height: 2.8rem;
  border-left: 2px solid #fff
}
@media print, screen and (max-width:47.99em) {
  .block-pants {
    max-width: 100%;
    overflow: hidden
  }
  .st-Breadcrumbs {
    padding: 0;
    margin: 0 3.6vw 10px;
    font-size: 0;
    list-style: none
  }
  .st-Breadcrumbs_Item {
    display: inline;
    font-size: 2.933vw
  }
  a.st-Breadcrumbs_Link {
    color: #7e7e7e;
    text-decoration: underline
  }
  li.st-Breadcrumbs_Item::after {
    margin: 0 6px;
    content: ">"
  }
  li.st-Breadcrumbs_Item:last-child::after {
    display: none
  }
  .block-goodsdetail--spec-table-area {
    max-width: 100%;
    overflow-x: scroll
  }
  .block-goodsdetail--spec-table-area-wrap {
    position: relative;
    margin: 1rem 0 0
  }
  .block-goodsdetail--spec-table-area-wrap::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    pointer-events: none;
    content: "";
    border: solid 1px #ccc
  }
  .block-goodsdetail--spec-table-area-wrap .block-goodsdetail--spec-table-swipe {
    position: absolute;
    top: calc(50% - 3rem);
    left: calc(50% - 3.75rem);
    width: 7.5rem;
    height: 7rem;
    background: rgba(0, 0, 0, .5);
    border-radius: 5px
  }
  .block-goodsdetail--spec-table-area-wrap .block-goodsdetail--spec-table-swipe::before {
    position: absolute;
    top: calc(50% - 2.05rem);
    left: 50%;
    display: block;
    width: 3.7rem;
    height: 4.1rem;
    content: "";
    background: url(https://www.gunze.jp/img/usr/goodsdetail/icon_pointer.png) 0 0/contain no-repeat;
    opacity: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: swipeCursor 2.5s linear 1s infinite normal;
    animation: swipeCursor 2.5s linear 1s infinite normal
  }}
  @-webkit-keyframes swipeCursor {
    0% {
      left: 50%;
      opacity: 1
    }
    20% {
      left: 50%;
      opacity: 1
    }
    45% {
      left: 5%;
      opacity: 0
    }
    55% {
      left: 80%;
      opacity: 0
    }
    70% {
      left: 50%;
      opacity: 1
    }
    100% {
      left: 50%;
      opacity: 1
    }
  }
  @keyframes swipeCursor {
    0% {
      left: 50%;
      opacity: 1
    }
    20% {
      left: 50%;
      opacity: 1
    }
    45% {
      left: 5%;
      opacity: 0
    }
    55% {
      left: 80%;
      opacity: 0
    }
    70% {
      left: 50%;
      opacity: 1
    }
    100% {
      left: 50%;
      opacity: 1
    }
  }
  .block-goodsdetail--spec-table-area table, .block-goodsdetail--spec-table-head {
    position: relative;
    min-width: 100%;
    margin: .8rem 0 0
  }
  .block-goodsdetail--spec-table-area-wrap .block-goodsdetail--spec-table-area table {
    margin: 0
  }
  .block-goodsdetail--spec-table-head {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: auto;
    min-width: auto;
    margin: 0%;
    pointer-events: none
  }
  .block-goodsdetail--spec-table-area table th, .block-goodsdetail--spec-table-head th {
    min-width: 8rem;
    padding: .9rem 1.2rem 1rem;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background: #f6f6f6;
    border: solid 1px #ccc
  }
  .block-goodsdetail--spec-table-area-wrap .block-goodsdetail--spec-table-area table th:first-child {
    color: #444;
    opacity: 1
  }
  .block-goodsdetail--spec-table-area table td {
    min-width: 9rem;
    padding: .5rem;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: solid 1px #ccc
  }
  .block-goodsdetail--spec-table-area-wrap .block-goodsdetail--spec-table-area table td, .block-goodsdetail--spec-table-area-wrap .block-goodsdetail--spec-table-area table th {
    border-right: none
  }
  .block-goodsdetail--spec-table dd > ul {
    margin: 1rem 0 0 1em;
    font-size: 1.2rem;
    text-indent: -1em
  }
  .block-goodsdetail--spec-table dd > p {
    margin: 1.5rem 0 0;
    overflow: hidden
  }
  .block-goodsdetail--spec-table dd > p a {
    float: right;
    width: 11rem;
    min-width: 0;
    height: auto;
    padding: .3rem;
    font-size: 1.4rem;
    font-weight: 700;
    font-weight: 400;
    color: #717171;
    background: #eee
  }
.page-Campaign_PriceNormal.cms-Ctrl_ItemPrice_Normal {
    margin-bottom: 20px;
    font-size: 1.3rem;
    font-weight: bold;
}
/*納品後の追記*/
@media print, screen and (min-width:48em) {
/*リストが4つのとき
    .block-pants--nav-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -26px;
    margin-left: -26px;
  }*/
/*リストが3つのとき*/
    .block-pants--nav-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: center;
  }
}