@charset "UTF-8";
.page p, .page span, .page a, .page h2, .page h3 {
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.5;
  color: #222;
}
.page a {
  display: block;
  -webkit-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}
.page a:hover {
  opacity: 0.6;
}
.page img {
  max-width: 100%;
  height: auto;
}
.page div, .page span, .page applet, .page object, .page iframe,
.page h1, .page h2, .page h3, .page h4, .page h5, .page h6, .page p,
.page blockquote, .page pre, .page a, .page abbr, .page acronym, .page address,
.page big, .page cite, .page code, .page del, .page dfn, .page em, .page img, .page ins, .page kbd, .page q, .page s, .page samp, .page small, .page strike, .page strong, .page sub, .page sup, .page tt, .page var, .page b, .page u, .page i, .page center,
.page dl, .page dt, .page dd, .page ol, .page ul, .page li,
.page fieldset, .page form, .page label, .page legend,
.page table, .page caption, .page tbody, .page tfoot, .page thead, .page tr, .page th, .page td,
.page article, .page aside, .page canvas, .page details, .page embed, .page figure, .page figcaption, .page footer, .page header, .page hgroup,
.page menu, .page nav, .page output, .page ruby, .page section, .page summary, .page time, .page mark, .page audio, .page video, .page picture {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page article, .page aside, .page details, .page figcaption, .page figure, .page footer, .page header, .page hgroup, .page menu, .page nav, .page section, .page summary, .page picture {
  display: block;
}
.page *, .page *:before, .page *:after {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.page button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.l-wrap {
  overflow: initial;
}

.page {
  overflow: hidden;
}
.page p {
  font-size: 14px;
  line-height: 2.2;
}
@media screen and (max-width: 768px) {
  .page p {
    font-size: 4.2vw;
    line-height: 1.59;
  }
}
.page * {
  font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", "YuGothic", "游ゴシック体", "メイリオ", "sans-serif";
}

.page .ajax_area .preset_price_area {
  color: #333;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .page .ajax_area .preset_price_area {
    font-size: 3.6vw;
  }
}
.page .ajax_area a.cartinbtn {
  width: 80%;
  background-color: #79B4D5;
  margin: 13px auto 0;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .page .ajax_area a.cartinbtn {
    width: 100%;
    margin: 2.2vw auto 0;
    font-size: 3.5vw;
    line-height: 9.1vw;
  }
}
.page .ajax_area .stock_exist {
  width: 80%;
  font-size: 16px;
  margin: 10px auto 0;
}
@media screen and (max-width: 768px) {
  .page .ajax_area .stock_exist {
    width: 100%;
    font-size: 3.5vw;
    margin: 2vw auto 0;
  }
}
.page .reservation__btn .btn {
  position: relative;
  width: 80%;
  padding: 6px 16px 6px 16px;
  margin: 10px auto 0;
  font-size: 16px;
  text-align: center;
  color: #616161;
  display: block;
  border-radius: 5px;
  line-height: 1.3;
  font-weight: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .page .reservation__btn .btn {
    width: 100%;
    font-size: 3.6vw;
    margin: 0.9vw auto 0;
    padding: 0.8vw 2.1vw 0.8vw 2.1vw;
  }
}
.page .reservation__btn .btn::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 15px;
  background-image: url(/ec/img/usr/pg/campaign/urbansetter/hanger_icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 1px 4px 0 0;
}
@media screen and (max-width: 768px) {
  .page .reservation__btn .btn::before {
    width: 6.1vw;
    height: 4.4vw;
  }
}
.page .reservation__btn .btn .arrow_right {
  position: absolute;
  right: 5%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
}
@media screen and (max-width: 768px) {
  .page .reservation__btn .btn .arrow_right {
    right: 5%;
  }
}
.page .reservation__btn .btn .arrow_right:after {
  content: "";
  display: block;
  width: 0.5em;
  height: 0.5em;
  border: 1px solid;
  border-color: #ffffff #ffffff transparent transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 50%;
}

@media screen and (max-width: 768px) {
  .pc-br {
    display: none;
  }
}

.sp-br {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp-br {
    display: inline;
  }
}

/*
	セクションに関するパーツ
---------------------------------*/
.c-section__inner {
  width: 100%;
  max-width: 980px;
  margin: auto;
}
.c-section__title {
  text-align: center;
  color: #808080;
}
@media screen and (max-width: 768px) {
  .c-section__title {
    width: 89.6vw;
    margin: auto;
  }
}
.c-section__title h2 {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  font-size: 40px;
  color: #808080;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .c-section__title h2 {
    font-size: 6.3vw;
  }
}
.c-section__title h2 b {
  display: block;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bolder;
  font-size: 60px;
  color: #000;
  line-height: 1;
  letter-spacing: -0.03em;
}
@media screen and (max-width: 768px) {
  .c-section__title h2 b {
    font-size: 11.2vw;
    margin: 7px 0 0;
  }
}
.c-section__title h2 b::after {
  content: "円";
  display: inline-block;
  font-size: 32px;
  letter-spacing: -0.5rem;
}
@media screen and (max-width: 768px) {
  .c-section__title h2 b::after {
    font-size: 6.3vw;
  }
}
.c-section__title h3, .c-section__title span {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  font-size: 32px;
  line-height: 1.4;
  color: #222;
  margin: 0 0 47px;
}
@media screen and (max-width: 768px) {
  .c-section__title h3, .c-section__title span {
    font-size: 5.7vw;
    margin: 0 0 10.4vw;
    line-height: 1.5;
  }
}
.c-section__title h3 span, .c-section__title span span {
  display: inline-block;
  margin: 0;
}
.c-section__title h4 {
  font-size: 25px;
}
@media screen and (max-width: 768px) {
  .c-section__title h4 {
    font-size: 5.2vw;
  }
}
.c-section__title p {
  color: #808080;
  font-size: 18px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-section__title p {
    font-size: 3.6vw;
    text-align: center;
    line-height: 1.8;
  }
}
.c-section__line {
  position: relative;
  padding: 0 0 100px;
  margin: 144px auto 0;
}
@media screen and (max-width: 768px) {
  .c-section__line {
    padding: 0 0 13vw;
    margin: 12.5vw auto 0;
  }
}
.c-section__line:after {
  content: "";
  width: 100%;
  max-width: 980px;
  margin: auto;
  display: block;
  height: 2px;
  background: #707070;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .c-section__line:after {
    max-width: 89.6vw;
    height: 0.5vw;
  }
}
.c-section__no-line {
  position: relative;
  padding: 0 0 100px;
  margin: 98px auto 0;
}
@media screen and (max-width: 768px) {
  .c-section__no-line {
    padding: 0 0 13vw;
    margin: 12.5vw auto 0;
  }
}
.c-section__btn {
  display: block;
  margin: 79px auto 0;
  width: 100%;
  max-width: 540px;
}
@media screen and (max-width: 768px) {
  .c-section__btn {
    width: 89.6vw;
    max-width: 100%;
    margin: 11.2vw auto 0;
  }
}
.c-section__btn a {
  width: 100%;
  height: 118px;
  text-align: center;
  border: 2px solid #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .c-section__btn a {
    border: 0.3vw solid #000;
    height: 19.5vw;
  }
}
.c-section__btn a:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 24px;
  margin: auto;
  width: 31px;
  height: 9px;
  background-image: url("/ec/img/usr/pg/campaign/urbansetter/c-section_btn-arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
@media screen and (max-width: 768px) {
  .c-section__btn a:after {
    right: 3.9vw;
    width: 5.1vw;
    height: 1.4vw;
  }
}
.c-section__btn-img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.c-section__btn-img img {
  width: auto;
  height: 102px;
}
@media screen and (max-width: 768px) {
  .c-section__btn-img img {
    height: 17.7vw;
  }
}
.c-section__btn-text p {
  font-size: 24px;
  line-height: 1;
  font-weight: 500;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .c-section__btn-text p {
    font-size: 4.2vw;
    margin-left: 1.6vw;
    position: relative;
    top: -0.9vw;
  }
}
.c-section__btn-text p span {
  font-size: 18px;
  display: block;
  margin: 0 0 7px;
}
@media screen and (max-width: 768px) {
  .c-section__btn-text p span {
    font-size: 3.4vw;
    margin: 0 0 1.7vw;
  }
}
@media screen and (min-width: 769px) {
  .c-section__btn:hover a:after {
    -webkit-transform: translateX(3px);
            transform: translateX(3px);
  }
}

a.c-btn {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 79px auto 0;
  width: 100%;
  max-width: 540px;
  height: 80px;
  border: 2px solid #000;
  font-size: 24px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  a.c-btn {
    width: 89.6vw;
    max-width: 100%;
    margin: 11.2vw auto 0;
    border: 0.3vw solid #000;
    height: 13vw;
    font-size: 4.2vw;
  }
}
a.c-btn:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 24px;
  margin: auto;
  width: 31px;
  height: 9px;
  background-image: url("/ec/img/usr/pg/campaign/urbansetter/c-section_btn-arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
@media screen and (max-width: 768px) {
  a.c-btn:after {
    right: 3.9vw;
    width: 5.1vw;
    height: 1.4vw;
  }
}
a.c-btn.c-btn--large {
  height: 118px;
}
@media screen and (max-width: 768px) {
  a.c-btn.c-btn--large {
    height: 19.5vw;
  }
}

/*
	商品リスト
---------------------------------*/
.c-unit {
  width: 100%;
  max-width: 898px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .c-unit {
    max-width: 100%;
  }
}
.c-unit-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 62px 0 0;
}
@media screen and (max-width: 768px) {
  .c-unit-list {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    margin: 7.8vw 0 0 4.8vw;
    padding: 0 4.8vw 0 0;
  }
}
.c-unit-list-other {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .c-unit-list-other {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    margin: 0 0 4.8vw 4.8vw;
    padding: 0 4.8vw 0 0;
  }
}
.c-unit-item {
  width: 25.6%;
  max-width: 230px;
  margin-right: 10.6%;
  margin-top: 46px;
}
@media screen and (max-width: 768px) {
  .c-unit-item {
    width: 51.8vw;
    max-width: 100%;
    margin-right: 5.2vw;
    margin-top: 0;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
}
@media screen and (min-width: 769px) {
  .c-unit-item:nth-child(-n+3) {
    margin-top: 0;
  }
  .c-unit-item:nth-child(3n) {
    margin-right: 0;
  }
}
.c-unit-item__img {
  text-align: center;
}
.c-unit-item__img img {
  width: 130px;
}
@media screen and (max-width: 768px) {
  .c-unit-item__img img {
    width: 27.7vw;
  }
}
.c-unit-item__main {
  text-align: center;
  margin: 24px auto 0;
}
@media screen and (max-width: 768px) {
  .c-unit-item__main {
    margin: 2vw auto 0;
  }
}
.c-unit-item__main p {
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-unit-item__main p {
    font-size: 3.1vw;
  }
}
.c-unit-item__main .ajax_area a.cartinbtn {
  background-color: #222;
}
.c-unit-title {
  text-align: center;
}
.c-unit-title h3 {
  font-size: 30px;
  font-weight: 600;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media screen and (max-width: 768px) {
  .c-unit-title h3 {
    font-size: 6.5vw;
    font-weight: 400;
  }
}

/*
	KV
---------------------------------*/
.p-kv h1 {
  min-width: 1920px;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-kv h1 {
    min-width: 100%;
  }
}
.p-kv h1 img {
  margin: auto;
}

/*
	p-wear
---------------------------------*/
.p-wear {
  width: 100%;
  max-width: 750px;
  margin: 44px auto 0;
}
@media screen and (max-width: 768px) {
  .p-wear {
    margin: 12.5vw auto 0;
  }
}
.p-wear-title {
  text-align: center;
}
.p-wear-title h2 {
  font-size: 30px;
  font-weight: bold;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #222222;
}
@media screen and (max-width: 768px) {
  .p-wear-title h2 {
    font-size: 6.5vw;
  }
}
.p-wear-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
  .p-wear-main {
    display: block;
    margin: 5.2vw auto 0;
  }
}
.p-wear-main__mv {
  width: 40.2%;
  max-width: 302px;
}
@media screen and (max-width: 768px) {
  .p-wear-main__mv {
    width: 52.6vw;
    max-width: 100%;
    margin: auto;
  }
}
.p-wear-main__item {
  width: 54.4%;
  max-width: 408px;
}
@media screen and (max-width: 768px) {
  .p-wear-main__item {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-wear-main .c-unit-list {
    margin-top: 0;
  }
}
@media screen and (min-width: 769px) {
  .p-wear .c-unit-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
  .p-wear .c-unit-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 100%;
    margin-top: 40px;
  }
  .p-wear .c-unit-item:first-child {
    margin-top: 0;
  }
  .p-wear .c-unit-item__img {
    width: 46.5%;
    max-width: 190px;
    height: 218px;
    overflow: hidden;
  }
  .p-wear .c-unit-item__main {
    width: 56.3%;
    max-width: 230px;
  }
}

/*
	p-suit
---------------------------------*/
.p-suit {
  width: 100%;
  margin: 53px auto 0;
}
@media screen and (max-width: 768px) {
  .p-suit {
    margin: 19.5vw auto 0;
  }
}
.p-suit:before {
  content: "";
  display: block;
  width: 100%;
  max-width: 980px;
  height: 2px;
  border-top: 1px solid #000;
  margin: 0 auto 53px;
}
@media screen and (max-width: 768px) {
  .p-suit:before {
    max-width: 89.6vw;
    margin: 0 auto 15.6vw;
  }
}
.p-suit .c-section__title h3 {
  margin: 39px 0 12px;
}
@media screen and (max-width: 768px) {
  .p-suit .c-section__title h3 {
    margin: 5.6vw 0 3.9vw;
  }
}

.p-slacks .c-section__title h2 b::after {
  content: "円～";
}

/*
	p-pr
---------------------------------*/
.p-pr {
  width: 100%;
  background: #F3F3F3;
  padding: 95px 0 92px;
  margin: 100px auto 0;
  /*	p-trouble	*/
  /*	p-check	*/
  /*	p-point	*/
}
@media screen and (max-width: 768px) {
  .p-pr {
    margin: 17.7vw auto 0;
    padding: 11.5vw 0 13vw;
  }
}
.p-pr__inner {
  width: 100%;
  max-width: 900px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .p-pr__inner {
    max-width: 88.8vw;
  }
}
.p-pr.p-pr--movieNone {
  padding-bottom: 95px;
}
@media screen and (max-width: 768px) {
  .p-pr.p-pr--movieNone {
    padding-bottom: 12.1vw;
  }
}
.p-pr.p-pr--movieNone .p-point {
  margin-bottom: 0;
}
.p-pr .p-trouble__title {
  margin: 0 0 20px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-pr .p-trouble__title {
    margin: 0 0 5.2vw;
  }
}
.p-pr .p-trouble__title h3, .p-pr .p-trouble__title span {
  font-size: 34px;
  font-weight: bold;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #222222;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .p-pr .p-trouble__title h3, .p-pr .p-trouble__title span {
    font-size: 5.7vw;
  }
}
.p-pr .p-trouble__title span {
  white-space: nowrap;
}
.p-pr .p-trouble__main {
  text-align: center;
}
.p-pr .p-trouble-before {
  position: relative;
}
.p-pr .p-trouble-before:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -107px;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 38px 24.5px 0 24.5px;
  border-color: #808080 transparent transparent transparent;
}
@media screen and (max-width: 768px) {
  .p-pr .p-trouble-before:after {
    bottom: -23.8vw;
    border-width: 9.8vw 6.3vw 0 6.3vw;
  }
}
.p-pr .p-trouble-after {
  margin: 169px 0 0;
}
@media screen and (max-width: 768px) {
  .p-pr .p-trouble-after {
    margin: 34.9vw auto 0;
  }
}
.p-pr .p-trouble-after P {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.05rem;
}
@media screen and (max-width: 768px) {
  .p-pr .p-trouble-after P {
    font-size: 3.9vw;
  }
}
.p-pr .p-trouble-after h2 {
  width: 100%;
  max-width: 316px;
  margin: 50px auto 0;
}
@media screen and (max-width: 768px) {
  .p-pr .p-trouble-after h2 {
    max-width: 61.7vw;
    margin: 10.5vw auto 0;
  }
}
.p-pr .p-trouble .pc-view {
  display: block;
}
@media screen and (max-width: 768px) {
  .p-pr .p-trouble .pc-view {
    display: none;
  }
}
.p-pr .p-trouble .sp-view {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-pr .p-trouble .sp-view {
    display: block;
  }
}
.p-pr .p-check-list {
  display: inline-block;
}
.p-pr .p-check-item p {
  font-size: 18px;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 18px;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media screen and (max-width: 768px) {
  .p-pr .p-check-item p {
    font-size: 3.9vw;
    margin-top: 5.9vw;
  }
}
.p-pr .p-check-item p:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 19px;
  background-image: url("/ec/img/usr/pg/campaign/urbansetter/240219/check-icon.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 4px;
}
@media screen and (max-width: 768px) {
  .p-pr .p-check-item p:before {
    width: 6.4vw;
    height: 5.1vw;
    margin-right: 0.8vw;
  }
}
.p-pr .p-check-item:first-child p {
  margin-top: 0;
}
.p-pr .p-point {
  margin: 90px 0 132px;
}
@media screen and (max-width: 768px) {
  .p-pr .p-point {
    margin: 14.6vw auto 19.5vw;
    width: 78.1vw;
  }
}
.p-pr .p-point__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-pr .p-point__item {
  width: 30%;
  max-width: 270px;
  margin-right: 5%;
  margin-top: 62px;
}
@media screen and (max-width: 768px) {
  .p-pr .p-point__item {
    width: 100%;
    max-width: 100%;
    margin: 13vw auto 0;
  }
  .p-pr .p-point__item:first-child {
    margin-top: 0;
  }
}
@media screen and (min-width: 769px) {
  .p-pr .p-point__item:nth-child(-n+3) {
    margin-top: 0;
  }
  .p-pr .p-point__item:nth-child(3n) {
    margin-right: 0;
  }
}
.p-pr .p-point__title {
  text-align: center;
}
.p-pr .p-point__title img {
  width: auto;
  height: 36px;
}
@media screen and (max-width: 768px) {
  .p-pr .p-point__title img {
    height: 9.1vw;
  }
}
.p-pr .p-point__mv {
  margin: 30px 0 0;
}
@media screen and (max-width: 768px) {
  .p-pr .p-point__mv {
    margin: 3.9vw 0 0;
  }
}
.p-pr .p-point__text {
  margin: 13px 0 0;
}
@media screen and (max-width: 768px) {
  .p-pr .p-point__text {
    margin: 3.1vw 0 0;
  }
}

/*
	p-2_pants
---------------------------------*/
.p-2_pants {
  position: relative;
  margin: 100px 0 0;
}
@media screen and (max-width: 768px) {
  .p-2_pants {
    margin: 18.1vw 0 0;
  }
}

/*
	p-setup
---------------------------------*/
.p-setup .c-unit .c-section__title h2 {
  margin-top: 56px;
}
@media screen and (max-width: 768px) {
  .p-setup .c-unit .c-section__title h2 {
    margin-top: 10.4vw;
  }
}
.p-setup .c-unit .c-section__title h3.setup_title {
  margin-bottom: 28px;
}
@media screen and (max-width: 768px) {
  .p-setup .c-unit .c-section__title h3.setup_title {
    margin-bottom: 5.5vw;
  }
}
.p-setup .c-unit .c-section__title h3.setup_title, .p-setup .c-unit .c-section__title h3.setup_title span {
  display: inline-block;
  font-size: 32px;
  color: #222;
}
@media screen and (max-width: 768px) {
  .p-setup .c-unit .c-section__title h3.setup_title, .p-setup .c-unit .c-section__title h3.setup_title span {
    font-size: 5.7vw;
  }
}
.p-setup .c-unit .c-section__title h3.setup_title span {
  margin: 0;
}
.p-setup .c-unit .c-section__title h4 {
  letter-spacing: 0.05em;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .p-setup .c-unit .c-section__title h4 {
    font-size: 5.2vw;
    margin-bottom: 3.6vw;
  }
}
.p-setup .c-unit .c-section__title p {
  letter-spacing: 0.05em;
}
.p-setup .c-unit .c-section__btn p {
  margin: 0 0 43px;
}
@media screen and (max-width: 768px) {
  .p-setup .c-unit .c-section__btn p {
    text-align: center;
    margin: 0 0 8.7vw;
    font-size: 4.2vw;
  }
  .p-setup .c-unit .c-section__btn p br {
    display: block;
  }
}
.p-setup .c-unit-list {
  margin-top: 32.7px;
}
@media screen and (max-width: 768px) {
  .p-setup .c-unit-list {
    margin-top: 0.7vw;
  }
}
.p-setup .c-section__title h2 {
  margin: 45px auto 0;
}
@media screen and (max-width: 768px) {
  .p-setup .c-section__title h2 {
    margin: 6.8vw auto 0;
  }
}
.p-setup-list {
  margin: 104.7px 0 0;
}
@media screen and (max-width: 768px) {
  .p-setup-list {
    margin: 7.4vw 0 0;
  }
}
.p-setup-item .c-unit-title h3 {
  color: #808080;
}
.p-setup-item:nth-child(2) {
  margin: 50px 0 0;
}
@media screen and (max-width: 768px) {
  .p-setup-item:nth-child(2) {
    margin: 9.2vw 0 0;
  }
}
@media screen and (max-width: 768px) {
  .p-setup .c-section__btn p {
    margin-left: 4.6vw;
  }
}

/*
	p-shirt
---------------------------------*/
.p-shirt {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .p-shirt {
    margin-top: 13vw;
  }
}

/*
	p-order
---------------------------------*/
.p-order h2 {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .p-order h2 {
    margin-bottom: 10.4vw;
  }
}
.p-order h3 {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p-order h3 {
    margin-bottom: 7.8vw;
  }
}
@media screen and (max-width: 768px) {
  .p-order {
    padding-bottom: 0;
  }
  .p-order.c-section__line:after {
    display: none;
  }
}

/*
	p-price
---------------------------------*/
.p-price {
  width: 100%;
  max-width: 480px;
  background: #E7F6FD;
  padding: 10px 0 12px;
  margin: 4px auto 0;
}
@media screen and (max-width: 768px) {
  .p-price {
    max-width: 89.6vw;
    padding: 1.8vw 0;
    margin: 4.3vw auto 0;
  }
}
.p-price-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-price-item {
  width: 33.3333333333%;
  text-align: center;
  border-right: 1px solid #000;
}
@media screen and (max-width: 768px) {
  .p-price-item {
    border-right: 0.3vw solid #000;
  }
}
.p-price-item:last-child {
  border-right: none;
}
.p-price-item p {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .p-price-item p {
    padding: 1.3vw 0 1.6vw;
    font-size: 2.6vw;
  }
}
.p-price-item p b {
  display: block;
  font-size: 29px;
  line-height: 1;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin: 4px 0 0;
}
@media screen and (max-width: 768px) {
  .p-price-item p b {
    font-size: 6.5vw;
    margin: 1vw 0 0;
  }
}
.p-price-item p b:before {
  content: "￥";
  display: inline-block;
  font-size: 16px;
  letter-spacing: -0.3rem;
}
@media screen and (max-width: 768px) {
  .p-price-item p b:before {
    font-size: 3.3vw;
  }
}

/*
	p-prestige
---------------------------------*/
.p-prestige {
  width: 100%;
  max-width: 979px;
  margin: 0 auto 80px;
  border: #333 solid 1px;
  padding: 48px 0;
}
@media screen and (max-width: 768px) {
  .p-prestige {
    max-width: 89.6vw;
    margin: 18.2vw auto 0;
    padding: 5.2vw 4vw;
  }
}
.p-prestige__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .p-prestige__inner {
    display: block;
  }
}
.p-prestige__img {
  width: 28.1%;
  max-width: 242px;
  margin-right: 4.75%;
}
@media screen and (max-width: 768px) {
  .p-prestige__img {
    width: 50.1vw;
    max-width: 100%;
    margin: auto;
  }
}
.p-prestige__text {
  width: 60.1%;
  max-width: 589px;
}
@media screen and (max-width: 768px) {
  .p-prestige__text {
    width: 100%;
    max-width: 100%;
    margin: 4.8vw auto 0;
  }
}
.p-prestige__text h2 {
  font-size: 26px;
  font-weight: bold;
  margin: 0 0 22px;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
  .p-prestige__text h2 {
    font-size: 3.9vw;
    text-align: center;
    margin: 0 0 4vw;
  }
}
.p-prestige__text p {
  font-size: 16px;
  line-height: 2.18;
  margin: 18px 0 0;
}
@media screen and (max-width: 768px) {
  .p-prestige__text p {
    font-size: 3.1vw;
    margin: 1.6vw 0 0;
    line-height: 1.75;
  }
}
.p-prestige__text p:first-child {
  margin-top: 0;
}

/*
	p-recommendBnr
---------------------------------*/
.p-recommendBnr {
  width: 100%;
  max-width: 500px;
  margin: 100px auto 0;
}
@media screen and (max-width: 768px) {
  .p-recommendBnr {
    max-width: 89.6vw;
    margin: 18.2vw auto 0;
  }
}
.p-recommendBnr__title {
  text-align: center;
  margin: 0 0 20px;
}
@media screen and (max-width: 768px) {
  .p-recommendBnr__title {
    margin: 0 0 3.9vw;
  }
}
.p-recommendBnr__title h2 {
  font-size: 26px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .p-recommendBnr__title h2 {
    font-size: 3.9vw;
  }
}
.p-recommendBnr__img {
  margin: 0 0 20px;
}
@media screen and (max-width: 768px) {
  .p-recommendBnr__img {
    margin: 0 0 3.9vw;
  }
}
.p-recommendBnr__text p {
  line-height: 1.8;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-recommendBnr__text p {
    white-space: normal;
    font-size: 3.1vw;
  }
}
.p-recommendBnr__btn {
  display: block;
  width: 300px;
  margin: 20px auto 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-recommendBnr__btn {
    width: 80%;
    margin: 4.6vw auto 0;
  }
}
.p-recommendBnr__btn a {
  line-height: 50px;
  border: 1px solid #000;
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .p-recommendBnr__btn a {
    line-height: 10.4vw;
    padding-left: 2.6vw;
    font-size: 3.1vw;
  }
}
.p-recommendBnr__btn a:after {
  position: relative;
  content: ">";
  display: inline-block;
  margin-left: 20px;
  -webkit-transform: scale(0.8, 1.5);
          transform: scale(0.8, 1.5);
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
@media screen and (max-width: 768px) {
  .p-recommendBnr__btn a:after {
    margin-left: 2.6vw;
  }
}
@media screen and (min-width: 769px) {
  .p-recommendBnr__btn a:hover:after {
    -webkit-transform: scale(0.8, 1.5) translateX(3px);
            transform: scale(0.8, 1.5) translateX(3px);
  }
}

/*
	期間限定バナー掲載時
---------------------------------*/
.p-limited__bnr--kv {
  width: 100%;
  max-width: 980px;
  margin: 40px auto 70px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-limited__bnr--kv {
    max-width: 100%;
    margin: 0 auto 26.6vw;
  }
}
.p-limited__bnr--kv a {
  width: 100%;
  display: inline-block;
}
.p-limited__bnr--kv img {
  image-rendering: -webkit-optimize-contrast;
}
.p-limited__bnr--sec {
  width: 100%;
  max-width: 480px;
  margin: 38px auto 0;
}
@media screen and (max-width: 768px) {
  .p-limited__bnr--sec {
    max-width: 89.8vw;
    margin: 7.8vw auto 9.6vw;
  }
}
.p-limited__bnr--sec img {
  margin: auto;
  image-rendering: -webkit-optimize-contrast;
}
.p-limited__wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 90px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.p-limited__wrap:after {
  content: "";
  width: 100%;
  max-width: 980px;
  margin: auto;
  display: block;
  height: 2px;
  background: #808080;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .p-limited__wrap:after {
    max-width: 89.6vw;
    height: 0.5vw;
  }
}
.p-limited__wrap .p-pr {
  margin-top: 0;
}
.p-limited__wrap .p-suit {
  margin: 150px auto 0;
}
.p-limited__wrap .p-suit:before {
  content: none;
}
.p-limited__wrap2 .p-pr {
  margin-top: 0;
}

.p-setup--limited {
  padding: 54px 0 90px;
}
@media screen and (max-width: 768px) {
  .p-setup--limited {
    padding: 10.4vw 0 11.7vw;
  }
}
.p-setup--limited .c-unit-list {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .p-setup--limited .c-unit-list {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.p-setup--limited .c-unit-item:last-child {
  margin-right: 0;
}

@media screen and (min-width: 769px) {
  .view--pc {
    display: block;
  }
  .view--sp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .view--pc {
    display: none;
  }
  .view--sp {
    display: block;
  }
}/*# sourceMappingURL=style.css.map */