@charset "UTF-8";

/* Base
  ================== */
[data-browse-mode="P"] .is-SP {
  display: none;
}
[data-browse-mode="S"] .is-PC {
  display: none;
}
[data-browse-mode="S"] h1,
[data-browse-mode="S"] h2,
[data-browse-mode="S"] h3 {
  padding: 0;
  background: transparent;
}
[data-browse-mode="S"] ul,
[data-browse-mode="S"] ol {
  padding: 0;
  list-style: none;
}
#deerskinColororder23 picture,
#deerskinColororder23 img {display: block;}
#deerskinColororder23 button {
  padding: 0;
  border: none;
  background-color: transparent;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}
#deerskinColororder23 em {
  font-style: normal;
}

#deerskinColororder23 {
  font-family: 'Noto Sans Japanese', "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  /* overflow: hidden; */
}

[data-browse-mode="P"] #deerskinColororder23 .contenstInner {
  margin: 0 auto;
  width: 1200px;
}

/* Common
  ================== */
#deerskinColororder23 .listNote,
#js-modalContentsArea .listNote {
  margin-top: 20px;
  display: table;
  width: 100%;
}

[data-browse-mode="S"] #js-modalContentsArea .listNote{margin-top: 10px;}
#deerskinColororder23 .listNote-item,
#js-modalContentsArea .listNote-item {
  display: table-row;
}

[data-browse-mode="S"] #js-modalContentsArea .listNote-item span.txt{
  display: block;
  margin-bottom: 20px;
  font-size: 11px;
  color: #707070;
}

#deerskinColororder23 .listNote-item > .ast,
#deerskinColororder23 .listNote-item > .txt,
#js-modalContentsArea .listNote-item > .ast,
#js-modalContentsArea .listNote-item > .txt {
  display: table-cell;
  vertical-align: top;
  font-size: 14px;
  line-height: 1.75;
  color: #707070;
}
[data-browse-mode="S"] #deerskinColororder23 .listNote-item > .ast,
[data-browse-mode="S"] #deerskinColororder23 .listNote-item > .txt,
[data-browse-mode="S"] #js-modalContentsArea .listNote-item > .ast,
[data-browse-mode="S"] #js-modalContentsArea .listNote-item > .txt {
  font-size: calc(14 / 430 * 100vw);
}

[data-browse-mode="S"] #deerskinColororder23 .listNote-item > .txt{line-height: 1.4;}
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-item-size .listNote-item > .txt{font-size: 11px;}

#deerskinColororder23 .listNote-item > .ast,
#js-modalContentsArea .listNote-item > .ast {
  white-space: pre;
}
#deerskinColororder23 .listNote-item > .txt,
#js-modalContentsArea .listNote-item > .txt {
  width: 100%;
}

/* Top
  ================== */
#deerskinColororder23 .topArea {
  background: no-repeat top center;
  position: relative;
}
[data-browse-mode="P"] #deerskinColororder23 .topArea {
  padding: 100px 15px 130px;
  background-image: url(../../../img/usr/freepage/pumps_colororder_2023/mv.jpg);
  background-size: cover;
}
[data-browse-mode="S"] #deerskinColororder23 .topArea {
  padding: 30px 15px 0;
  background-image: url(../../../img/usr/freepage/pumps_colororder_2023/sp/mv.jpg);
  background-size: 100% calc(623 / 430 * 100vw);
}
#deerskinColororder23 .hdgLv1 {
  text-align: center;
  color: #fff;
}
#deerskinColororder23 .hdgLv1-main {
  margin-top: 0;
  display: block;
  text-shadow: 11px 9px 22px rgba(31,3,3,.48);
}
[data-browse-mode="P"] #deerskinColororder23 .hdgLv1-main {
  font-size: 79px;
  font-weight: 200;
  line-height: 1.32;
}
[data-browse-mode="S"] #deerskinColororder23 .hdgLv1-main {
  font-size: calc(40 / 430 * 100vw);
  font-weight: 300;
  line-height: 1.5;
}
[data-browse-mode="P"] #deerskinColororder23 .hdgLv1-sub {
  display: block;
  font-size: 54px;
  font-weight: 300;
  text-shadow: 2px 3px 16px rgba(0,0,0,.48);
}
[data-browse-mode="S"] #deerskinColororder23 .hdgLv1-sub {
  display: none;
}

#deerskinColororder23 .topArea-date {
  margin-top: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-shadow: 0 3px 6px rgba(0,0,0,.16);
  color: #fff;
}
#deerskinColororder23 .topArea-date-ttl {
  display: inline-block;
  font-weight: 500;
}
[data-browse-mode="P"] #deerskinColororder23 .topArea-date-ttl {
  margin-right: 54px;
  font-size: 38px;
}
[data-browse-mode="S"] #deerskinColororder23 .topArea-date-ttl {
  font-size: calc(18 / 430 * 100vw);
  white-space: pre;
}
[data-browse-mode="S"] #deerskinColororder23 .topArea-date-ttl::after {
  content: "\FF1A";
}
#deerskinColororder23 .topArea-date-desc {
  font-weight: 400;
}
[data-browse-mode="P"] #deerskinColororder23 .topArea-date-desc {
  font-size: 36px;
  white-space: pre;
  letter-spacing: .02em;
}
[data-browse-mode="S"] #deerskinColororder23 .topArea-date-desc {
  font-size: calc(18 / 430 * 100vw);
}
[data-browse-mode="P"] #deerskinColororder23 .topArea-date-desc em {
  font-size: 46px;
}

#deerskinColororder23 .topArea-box {
  background-color: rgba(255,255,255,.85);
  position: relative;
}
[data-browse-mode="P"] #deerskinColororder23 .topArea-box {
  margin: 55px auto 0;
  padding: 40px 10px 38px;
  width: 800px;
}
[data-browse-mode="S"] #deerskinColororder23 .topArea-box {
  margin: calc(26 / 430 * 100vw) 0 0;
  padding: calc(30 / 430 * 100vw) 15px calc(40 / 430 * 100vw);
}
#deerskinColororder23 .topArea-lead {
  font-weight: 500;
  color: #412525;
}
[data-browse-mode="P"] #deerskinColororder23 .topArea-lead {
  font-size: 20px;
  line-height: 1.1;
  text-align: center;
}
[data-browse-mode="S"] #deerskinColororder23 .topArea-lead {
  font-size: calc(14 / 430 * 100vw);
  line-height: 1.3;
}
#deerskinColororder23 .topArea-lead + .topArea-lead {
  margin-top: 20px;
}
[data-browse-mode="S"] #deerskinColororder23 .topArea-lead + .topArea-lead {
  margin-top: calc(20 / 430 * 100vw);
}
#deerskinColororder23 .topArea-present {
  position: absolute;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #fff;
}
[data-browse-mode="P"] #deerskinColororder23 .topArea-present {
  top: 0;
  right: -220px;
  width: 250px;
  height: 250px;
}
[data-browse-mode="S"] #deerskinColororder23 .topArea-present {
  right: calc(-10 / 430 * 100vw);
  bottom: calc(-45 / 430 * 100vw);
  width: calc(170 / 430 * 100vw);
  height: calc(170 / 430 * 100vw);
}
#deerskinColororder23 .topArea-present-dl {
  text-align: center;
  color: #111;
}
[data-browse-mode="P"] #deerskinColororder23 .topArea-present-ttl {
  font-size: 18px;
  font-weight: 500;
}
[data-browse-mode="S"] #deerskinColororder23 .topArea-present-ttl {
  margin-top: 10px;
  font-size: calc(14 / 430 * 100vw);
  font-weight: 500;
}
[data-browse-mode="P"] #deerskinColororder23 .topArea-present-desc {
  margin-top: 10px;
}
[data-browse-mode="S"] #deerskinColororder23 .topArea-present-desc {
  margin-top: 5px;
}
#deerskinColororder23 .topArea-present-txt {
  font-weight: 400;
  line-height: 1.5;
}
[data-browse-mode="P"] #deerskinColororder23 .topArea-present-txt {
  margin-top: 10px;
  font-size: 12px;
}
[data-browse-mode="S"] #deerskinColororder23 .topArea-present-txt {
  margin-top: 3px;
  font-size: calc(10 / 430 * 100vw);
}
[data-browse-mode="P"] #deerskinColororder23 .topArea-present-img {
  margin: 0 auto;
  width: 80%;
}
[data-browse-mode="S"] #deerskinColororder23 .topArea-present-img {
  margin: 0 auto;
  height: calc(50 / 430 * 100vw);
  object-fit: contain;
}

[data-browse-mode="P"] #deerskinColororder23 .topArea-heelType {
  margin-top: 80px;
  display: flex;
}
[data-browse-mode="S"] #deerskinColororder23 .topArea-heelType {
  margin: calc(90 / 430 * 100vw) auto 0;
  width: 90%;
  display: flex;
  align-items: flex-start;
}
#deerskinColororder23 .topArea-heelType-item {
  width: 100%;
  display: flex;
  background-color: #fff;
}
[data-browse-mode="S"] #deerskinColororder23 .topArea-heelType-item {
  flex-direction: column-reverse;
}
[data-browse-mode="P"] #deerskinColororder23 .topArea-heelType-item:nth-child(2n) {
  margin-left: 40px;
}
[data-browse-mode="S"] #deerskinColororder23 .topArea-heelType-item:nth-child(2n) {
  margin-left: 30px;
}
#deerskinColororder23 .topArea-heelType-desc {
  color: #111;
}
[data-browse-mode="P"] #deerskinColororder23 .topArea-heelType-desc {
  padding: 30px 10px 30px 30px;
  width: 257px;
  background-color: #f2f2f0;
}
[data-browse-mode="S"] #deerskinColororder23 .topArea-heelType-desc {
  margin-top: 15px;
}
[data-browse-mode="P"] #deerskinColororder23 .topArea-heelType-mm {
  margin-bottom: 20px;
}
[data-browse-mode="S"] #deerskinColororder23 .topArea-heelType-mm {
  width: 50%;
  display: inline-block;
  vertical-align: sub;
  object-fit: contain;
}
[data-browse-mode="P"] #deerskinColororder23 .topArea-heelType-ttl {
  font-size: 30px;
  font-weight: 400;
}
[data-browse-mode="S"] #deerskinColororder23 .topArea-heelType-ttl {
  font-size: calc(20 / 430 * 100vw);
  font-weight: 600;
}
#deerskinColororder23 .topArea-heelType-type {
  margin-top: 8px;
  display: block;
  font-weight: 400;
}
[data-browse-mode="P"] #deerskinColororder23 .topArea-heelType-type {
  font-size: 20px;
}
[data-browse-mode="S"] #deerskinColororder23 .topArea-heelType-type {
  font-size: calc(18 / 430 * 100vw);
}
#deerskinColororder23 .topArea-heelType-txt {
  margin-top: 6px;
  display: block;
  line-height: 1.4;
}
[data-browse-mode="P"] #deerskinColororder23 .topArea-heelType-txt {
  font-size: 14px;
}
[data-browse-mode="S"] #deerskinColororder23 .topArea-heelType-txt {
  font-size: calc(12 / 430 * 100vw);
}
#deerskinColororder23 .topArea-heelType-img {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

[data-browse-mode="P"] #deerskinColororder23 .topArea-heelType-img img{width: 100%;}
[data-browse-mode="S"] #deerskinColororder23 .topArea-heelType-img img {
  width: auto;
  height: 100%;
  object-fit: contain;
}

#deerskinColororder23 .topArea-priceBox {
  color: #111;
  background-color: #f4dca9;
}
[data-browse-mode="P"] #deerskinColororder23 .topArea-priceBox {
  position: absolute;
  left: 50%;
  bottom: -65px;
  z-index: 1;
  padding: 34px 30px 30px;
  width: 1200px;
  transform: translateX(-50%);
}
[data-browse-mode="S"] #deerskinColororder23 .topArea-priceBox {
  margin: 45px -15px 0;
  padding: 20px 15px 26px;
}
#deerskinColororder23 .topArea-price {
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}
[data-browse-mode="P"] #deerskinColororder23 .topArea-price {
  font-size: 40px;
}
[data-browse-mode="S"] #deerskinColororder23 .topArea-price {
  font-size: calc(24 / 430 * 100vw);
}
[data-browse-mode="P"] #deerskinColororder23 .topArea-price.sm {
  font-size: 25px;
}
[data-browse-mode="S"] #deerskinColororder23 .topArea-price.sm {
  font-size: calc(20 / 430 * 100vw);
}
/* #deerskinColororder23 .topArea-price-ttl {} */
/* #deerskinColororder23 .topArea-price-txt {} */

/* Flow
  ================== */
#deerskinColororder23 .flowArea {
  background-color: #f8f6f1;
  position: relative;
  z-index: 0;
}
[data-browse-mode="P"] #deerskinColororder23 .flowArea {
  padding: 70px 15px 60px;
  overflow: hidden;
}
[data-browse-mode="S"] #deerskinColororder23 .flowArea {
  padding: 0 0 10px 0;
  background-color: #F8F6F3;
}

[data-browse-mode="P"] #deerskinColororder23 .secFlow::before {
  top: 80px;
  left: 50%;
  margin-left: 315px;
  font-size: 167px;
  transform: translateX(-50%);
}
[data-browse-mode="S"] #deerskinColororder23 .secFlow::before {
  top: calc(20 / 430 * 100vw);
  right: 0;
  font-size: calc(42 / 430 * 100vw);
}
#deerskinColororder23 .hdgFlow {
  font-weight: 100;
  line-height: 1;
  color: #bca27e;
}
[data-browse-mode="P"] #deerskinColororder23 .hdgFlow {
  margin-top: 0;
  padding: 0;
  margin-bottom: 0;
  font-size: 70px;
}

[data-browse-mode="P"] #deerskinColororder23 .flowArea .hdgFlow span{
  font-size: 21px;
  font-weight: 100;
  color: #bca27e;
  display: block;
  margin-top: 10px;
}


[data-browse-mode="S"] #deerskinColororder23 .hdgFlow {
  padding: 35px 0 5px 15px;
  font-size: 40px;
}

[data-browse-mode="S"] #deerskinColororder23 .hdgFlow span{
  font-size: 14px;
  margin-top: 8px;
  display: block;
}

[data-browse-mode="P"] #deerskinColororder23 .listFlow {
  margin: 25px 0 0;
  display: flex;
}
[data-browse-mode="S"] #deerskinColororder23 .listFlow {
  margin: 10px 0 0;
  padding-left: 8px;
  padding-bottom: 10px;
  display: flex;
  overflow-x: scroll;
}
#deerskinColororder23 .listFlow-item {
  margin-right: 20px;
}
[data-browse-mode="P"] #deerskinColororder23 .listFlow-item {
  width: 100%;
}
[data-browse-mode="S"] #deerskinColororder23 .listFlow-item {
  width: calc(224 / 430 * 100vw);
  max-width: 224px;
  flex-shrink: 0;
}
#deerskinColororder23 .listFlow-item:last-child {
  margin-right: 0;
}
#deerskinColororder23 .listFlow-arrow {
  margin-right: 5px;
  padding: 10px 18px 8px;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
  position: relative;
}
[data-browse-mode="P"] #deerskinColororder23 .listFlow-arrow {
  font-size: 20px;
  min-height: 80px;
  font-weight: 100;
}

[data-browse-mode="P"] #deerskinColororder23 .listFlow-arrow span{
  display: block;
  font-size: 20px;
  font-weight: 600;
}

[data-browse-mode="S"] #deerskinColororder23 .listFlow-arrow {
  padding: 10px 10px 8px;
  display: block;
  align-items: center;
  font-size: 16px;
  height: calc(80 / 430 * 100vw);
  font-weight: 100;
}

[data-browse-mode="S"] #deerskinColororder23 .listFlow li.listFlow-item:first-child .listFlow-arrow{padding: 10px 10px 8px 22px;}
[data-browse-mode="S"] #deerskinColororder23 .listFlow-arrow span{
  display: block;
  font-size: 16px;
  font-weight: 600;
}

#deerskinColororder23 .listFlow-item:nth-child(n + 2) .listFlow-arrow::before,
#deerskinColororder23 .listFlow-arrow::after {
  position: absolute;
  content: "";
  top: 0;
}
[data-browse-mode="P"] #deerskinColororder23 .listFlow-item:nth-child(n + 2) .listFlow-arrow::before {
  left: -30px;
  z-index: -1;
  width: 30px;
  height: 80px;
}
[data-browse-mode="S"] #deerskinColororder23 .listFlow-item:nth-child(n + 2) .listFlow-arrow::before {
  left: calc(-30 / 430 * 100vw);
  z-index: -1;
  width: calc(30 / 430 * 100vw);
  height: calc(80 / 430 * 100vw);
}
#deerskinColororder23 .listFlow-arrow::after {
  z-index: 3;
  width: 0;
  height: 0;
  border-style: solid;
}
[data-browse-mode="P"] #deerskinColororder23 .listFlow-arrow::after {
  right: -14px;
  border-width: 40px 0 40px 15px;
}
[data-browse-mode="S"] #deerskinColororder23 .listFlow-arrow::after {
  right: calc(-14 / 430 * 100vw);
  border-width: calc(40 / 430 * 100vw) 0 calc(40 / 430 * 100vw) calc(15 / 430 * 100vw);
}
#deerskinColororder23 .listFlow-item:nth-child(4) .listFlow-arrow,
#deerskinColororder23 .listFlow-item:last-child .listFlow-arrow {
  color: #fff;
}
#deerskinColororder23 .listFlow-item:first-child .listFlow-arrow {
  background-color: #adb9cc;
}
#deerskinColororder23 .listFlow-item:first-child .listFlow-arrow::after {
  border-color: transparent transparent transparent #adb9cc;
}
#deerskinColororder23 .listFlow-item:nth-child(2) .listFlow-arrow,
#deerskinColororder23 .listFlow-item:nth-child(2) .listFlow-arrow::before {
  background-color: #c8d0dB;
}
#deerskinColororder23 .listFlow-item:nth-child(2) .listFlow-arrow::after {
  border-color: transparent transparent transparent #c8d0dB;
}
#deerskinColororder23 .listFlow-item:nth-child(3) .listFlow-arrow,
#deerskinColororder23 .listFlow-item:nth-child(3) .listFlow-arrow::before {
  background-color: #dbccB8;
}
#deerskinColororder23 .listFlow-item:nth-child(3) .listFlow-arrow::after {
  border-color: transparent transparent transparent #dbccB8;
}
#deerskinColororder23 .listFlow-item:nth-child(4) .listFlow-arrow,
#deerskinColororder23 .listFlow-item:nth-child(4) .listFlow-arrow::before {
  background-color: #ccba9b;
}
#deerskinColororder23 .listFlow-item:nth-child(4) .listFlow-arrow::after {
  border-color: transparent transparent transparent #ccba9b;
}
#deerskinColororder23 .listFlow-item:last-child .listFlow-arrow,
#deerskinColororder23 .listFlow-item:last-child .listFlow-arrow::before {
  background-color: #bca27e;
}
#deerskinColororder23 .listFlow-item:last-child .listFlow-arrow {
  margin-right: 16px;
}
#deerskinColororder23 .listFlow-item:last-child .listFlow-arrow::after {
  border-color: transparent transparent transparent #bca27e;
}
[data-browse-mode="S"] #deerskinColororder23 .listFlow-item:last-child .listFlow-arrow::after {
  right: calc(-15 / 430 * 100vw);
}
@media screen and (min-width: 768px) {
  [data-browse-mode="S"] #deerskinColororder23 .listFlow-arrow {
    height: 80px;
    font-size: 16px;
  }
  [data-browse-mode="S"] #deerskinColororder23 .listFlow-item:nth-child(n + 2) .listFlow-arrow::before {
    left: -30px;
    width: 30px;
    height: 80px;
  }
  [data-browse-mode="S"] #deerskinColororder23 .listFlow-arrow::after {
    right: -14px;
    border-width: 40px 0 40px 15px;
  }
  [data-browse-mode="S"] #deerskinColororder23 .listFlow-item:last-child .listFlow-arrow::after {
    right: -15px;
  }
}
#deerskinColororder23 .listFlow-img {
  margin-top: 20px;
  box-shadow: 2px 3px 15px rgba(0,0,0,.04);
}

/* Secret
  ================== */
#deerskinColororder23 .secretArea {
  background-color: #fff;
  overflow: hidden;
}
[data-browse-mode="P"] #deerskinColororder23 .secretArea {
  padding: 65px 15px 70px;
}
[data-browse-mode="S"] #deerskinColororder23 .secretArea {
  padding: 28px 10px 30px;
}
#deerskinColororder23 .hdgSecret {
  display: flex;
  align-items: center;
}
[data-browse-mode="S"] #deerskinColororder23 .hdgSecret {
  margin: 0 auto;
  width: 100%;
  flex-wrap: wrap;
}
#deerskinColororder23 .hdgSecret-label {
  line-height: 1;
  text-align: center;
  color: #fff;
  background-color: #bca27e;
}
[data-browse-mode="P"] #deerskinColororder23 .hdgSecret-label {
  padding: 16px 20px;
  font-size: 14px;
}

[data-browse-mode="S"] #deerskinColororder23 .hdgSecret-label {
  padding: 12px 13px 9px;
  font-size: 10px;
  order: 1;
  display: block;
}

#deerskinColororder23 .hdgSecret-main {
  color: #240909;
}
[data-browse-mode="P"] #deerskinColororder23 .hdgSecret-main {
  margin-left: 20px;
  font-size: 24px;
}

[data-browse-mode="S"] #deerskinColororder23 .hdgSecret-main {
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  order: 3;
}

#deerskinColororder23 .hdgSecret-pf {
  display: inline-block;
  font-weight: 500;
  color: #240909;
}
[data-browse-mode="P"] #deerskinColororder23 .hdgSecret-pf {
  margin-left: 30px;
  font-size: 30px;
}
[data-browse-mode="S"] #deerskinColororder23 .hdgSecret-pf {
  font-size: 40px;
  font-weight: 100;
  color: #BC96A6;
  order: 2;
  width: 100%;
}

[data-browse-mode="P"] #deerskinColororder23 .lytSecret {
  margin: 35px 0 0;
}
[data-browse-mode="S"] #deerskinColororder23 .lytSecret {
  margin: 15px -15px 0;
}
[data-browse-mode="S"] #deerskinColororder23 .lytSecret-left {
  padding: 0 15px;
}
#deerskinColororder23 .lytSecret-left img {
  margin: 0 auto;
}
#deerskinColororder23 .lytSecret-right {
  position: relative;
  overflow: hidden;
}
[data-browse-mode="P"] #deerskinColororder23 .lytSecret-right {
  margin-top: 20px;
  padding: 10px 70px;
}
[data-browse-mode="S"] #deerskinColororder23 .lytSecret-right {
  margin-top: 20px;
  padding: 10px 0 10px 15px;
}

/* slide */
/* #deerskinColororder23 .slick-list {
  padding-right: 270px;
  overflow: visible;
} */
#deerskinColororder23 .slideSecret {
  display: flex;
  /* width: 484px; */
  position: relative;
}
#deerskinColororder23 .slideSecret-item {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  color: #111;
  border: 2px solid #bca27e;
  box-shadow: 3px 3px 7px rgba(0,0,0,.22);
  background-color: #fff;
}
[data-browse-mode="P"] #deerskinColororder23 .slideSecret-item {
  margin-right: 30px;
  padding: 25px 32px 32px;
  width: 484px;
  box-shadow: 3px 3px 7px rgba(0,0,0,.04);
}
[data-browse-mode="S"] #deerskinColororder23 .slideSecret-item {
  margin-right: 10px;
  padding: 15px 8px 15px 15px;
  width: calc(354 / 430 * 100vw);
  box-shadow: 3px 3px 7px rgba(0,0,0,.04);
  min-height: 205px;
}
[data-browse-mode="P"] #deerskinColororder23 .slideSecret-hdg {
  margin-bottom: 20px;
  width: 100%;
  font-size: 21px;
}
[data-browse-mode="S"] #deerskinColororder23 .slideSecret-hdg {
  margin-bottom: 10px;
  width: 100%;
  font-size: calc(15 / 430 * 100vw);
}
[data-browse-mode="P"] #deerskinColororder23 .slideSecret-img {
  margin-right: 20px;
  width: 212px;
}
[data-browse-mode="S"] #deerskinColororder23 .slideSecret-img {
  margin-right: 15px;
  width: calc(140 / 430 * 100vw);
}
#deerskinColororder23 .slideSecret-txt {
  flex: 1;
  line-height: 1.35;
}
[data-browse-mode="P"] #deerskinColororder23 .slideSecret-txt {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
}
[data-browse-mode="S"] #deerskinColororder23 .slideSecret-txt {
  font-size: calc(13 / 430 * 100vw);
}

/* slick parts */
#deerskinColororder23 .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 5;
  padding: 0;
  text-indent: -9999px;
  border: none;
  border-radius: 50%;
  background: #C6A27D;
  transform: translateY(-50%);
  outline: none;
  cursor: pointer;
  transition: opacity .3s ease;
  opacity: 1;
}
[data-browse-mode="P"] #deerskinColororder23 .slick-arrow {
  width: 55px;
  height: 55px;
}
[data-browse-mode="S"] #deerskinColororder23 .slick-arrow {
  width: calc(40 / 430 * 100vw);
  height: calc(40 / 430 * 100vw);
}
#deerskinColororder23 .slick-arrow::before {
  position: absolute;
  content: "";
  top: 50%;
  z-index: 1;
  margin-top: 1px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateY(-50%) rotate(-45deg);
}
[data-browse-mode="P"] #deerskinColororder23 .slick-arrow::before {
  left: 16px;
  width: 16px;
  height: 16px;
}
[data-browse-mode="S"] #deerskinColororder23 .slick-arrow::before {
  left: calc(12 / 430 * 100vw);
  width: calc(12 / 430 * 100vw);
  height: calc(12 / 430 * 100vw);
}
#deerskinColororder23 .slick-prev {
  transform: scale(-1, 1);
}
[data-browse-mode="P"] #deerskinColororder23 .slick-prev {
  /* left: -42px; */
  left: 0;
  margin-top: -27px;
}
[data-browse-mode="S"] #deerskinColororder23 .slick-prev {
  left: calc(-16 / 430 * 100vw);
  margin-top: calc(-30 / 430 * 100vw);
  display: none !important;
}
[data-browse-mode="P"] #deerskinColororder23 .slick-next {
  /* left: 472px; */
  right: 0;
}
[data-browse-mode="S"] #deerskinColororder23 .slick-next {
  right: calc(45 / 430 * 100vw);
  margin-top: calc(-10 / 430 * 100vw);
}
#deerskinColororder23 .slick-arrow.slick-disabled {
  opacity: 0;
  pointer-events: none;
}


[data-browse-mode="P"] #deerskinColororder23 .slick-slide {
  margin: 0 20px;
}
[data-browse-mode="P"] #deerskinColororder23 .slick-slider::before,
[data-browse-mode="P"] #deerskinColororder23 .slick-slider::after {
  position: absolute;
  content: "";
  top: 0;
  z-index: 1;
  width: 100px;
  height: 100%;
}
[data-browse-mode="P"] #deerskinColororder23 .slick-slider::before {
  left: -10px;
  background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%);
}
[data-browse-mode="P"] #deerskinColororder23 .slick-slider::after {
  right: -10px;
  background: linear-gradient(90deg, transparent 0%, #fcfcfc 100%);
}

/* Order
  ================== */
#deerskinColororder23 .orderArea {
  background-color: #efeae1;
}
[data-browse-mode="P"] #deerskinColororder23 .orderArea {
  padding: 80px 15px;
}
[data-browse-mode="S"] #deerskinColororder23 .orderArea {
  padding: 35px 10px 50px 10px;
}
[data-browse-mode="P"] #deerskinColororder23 .secOrder {
  margin: 0 auto;
  /* width: 1680px; */
  min-width: 1200px;
  max-width: 1680px;
}
#deerskinColororder23 .hdgOrder {
  text-align: center;
}

[data-browse-mode="S"] #deerskinColororder23 .hdgOrder .hdgOrder-main{
  font-size: 40px;
  font-weight: 100;
  color: #bca27e;
}

[data-browse-mode="S"] #deerskinColororder23 .hdgOrder .hdgOrder-sub{
  font-size: 14px;
  font-weight: 100;
  color: #bca27e;
}

#deerskinColororder23 .hdgOrder-sub {
  display: block;
  font-weight: 400;
  color: #333;
}
[data-browse-mode="P"] #deerskinColororder23 .hdgOrder-sub {
  font-size: 21px;
  font-weight: 100;
  color: #bca27e;
}
[data-browse-mode="S"] #deerskinColororder23 .hdgOrder-sub {
  font-size: calc(20 / 430 * 100vw);
}
#deerskinColororder23 .hdgOrder-main {
  display: inline-block;
  font-weight: 600;
  color: #333;
  position: relative;
}
[data-browse-mode="P"] #deerskinColororder23 .hdgOrder-main {
  margin-top: 10px;
  padding: 0 30px;
  font-size: 70px;
  font-weight: 100;
  color: #bca27e;
}
[data-browse-mode="S"] #deerskinColororder23 .hdgOrder-main {
  padding: 0 25px;
  font-size: calc(39 / 430 * 100vw);
}

#deerskinColororder23 .hdgOrder-main::before {
  left: 0;
}
#deerskinColororder23 .hdgOrder-main::after {
  right: 0;
}

[data-browse-mode="P"] #deerskinColororder23 .stepOrder {
  margin-top: 50px;
}
[data-browse-mode="S"] #deerskinColororder23 .stepOrder {
  margin-top: 30px;
}
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-item {
  padding: 20px;
  display: flex;
  background-color: #fff;
}

[data-browse-mode="P"] #deerskinColororder23 .stepOrder-item + .stepOrder-item {
  margin-top: 40px;
}
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-item + .stepOrder-item {margin-top: 26px;}
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-item.step3.stepOrder-item-width{overflow: hidden;}

#deerskinColororder23 .stepOrder-ttl {
  background-color: #fff;
  position: relative;
  z-index: 0;
}
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-ttl {
  margin: 0 20px 0 0;
  padding: 0 30px 30px;
  /* width: 333px; */
  width: 300px;
  min-width: 300px;
}
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-ttl {padding: 0 15px 30px;}
#deerskinColororder23 .step1 .stepOrder-ttl,
#deerskinColororder23 .step1 .stepOrder-num,
#deerskinColororder23 .step1 .stepOrder-hdg {
  background-color: #F1F4F5;
}
#deerskinColororder23 .step2 .stepOrder-ttl,
#deerskinColororder23 .step2 .stepOrder-num,
#deerskinColororder23 .step2 .stepOrder-hdg {
  background-color: #d6dbe2;
}
#deerskinColororder23 .step3 .stepOrder-ttl,
#deerskinColororder23 .step3 .stepOrder-num,
#deerskinColororder23 .step3 .stepOrder-hdg {
  background-color: #bcc3d0;
}
#deerskinColororder23 .stepOrder-ttl::after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  z-index: -1;
  width: 1px;
  height: 100%;
  background-color: #BC96A6;
}

[data-browse-mode="P"] #deerskinColororder23 .stepOrder-ttl::after{background-color: #bca27e;}
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-desc {
  /* width: calc(100% - 353px); */
  width: calc(100% - 300px);
}
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-num {
  padding-top: 40px;
  text-align: center;
}
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-num {
  padding-top: 30px;
  text-align: center;
}
#deerskinColororder23 .stepOrder-num-inner {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  color: #fff;
  background-color: #333;
}
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-num-inner {
  width: 117px;
  min-height: 48px;
  font-size: 20px;
  border-radius: 48px;
  border: solid 1px #bca27e;
}

[data-browse-mode="S"] #deerskinColororder23 .stepOrder-item .stepOrder-num .stepOrder-num-inner {
  width: 86px;
  min-height: 33px;
  font-size: 14px;
  border-radius: calc(27 / 430 * 100vw);
  border: solid 1px #bca27e; 
  background: #FBFAF8;
}

#deerskinColororder23 .stepOrder-item.step1 .stepOrder-num .stepOrder-num-inner {background: #fff;}
#deerskinColororder23 .stepOrder-item.step2 .stepOrder-num .stepOrder-num-inner {background: #fff;}
#deerskinColororder23 .stepOrder-item.step3 .stepOrder-num .stepOrder-num-inner {background: #fff;}
#deerskinColororder23 .stepOrder-item.step4 .stepOrder-num .stepOrder-num-inner {background: #fff;}

[data-browse-mode="P"] #deerskinColororder23 .stepOrder-hdg {
  margin: 0;
  padding: 34px 0 55px;
}
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-hdg {
  padding: 20px 0 15px;
}
#deerskinColororder23 .stepOrder-hdg-main {
  display: block;
  font-weight: 600;
  line-height: 1;
  text-align: center;
}
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-hdg-main {
  font-size: 60px;
  font-weight: 100;
  color: #333;
}
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-hdg-main {
  font-size: 32px;
  font-weight: 100;
}
#deerskinColororder23 .stepOrder-hdg-sub {
  display: block;
  font-weight: 400;
}
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-hdg-sub {
  padding-top: 35px;
  /* font-size: 29px; */
  font-size: 20px;
  text-align: center;
  font-weight: 600;
}
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-hdg-sub {
  padding-top: 5px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
/* #deerskinColororder23 .stepOrder-hdg-img {} */
#deerskinColororder23 .stepOrder-btn {
  margin-left: auto;
  margin-right: auto;
}

[data-browse-mode="P"] #deerskinColororder23 .stepOrder-btn {width: 620px;}
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-btn {
  width: 100%;
  padding: 0;
  margin-top: 10px;
}

[data-browse-mode="S"] #deerskinColororder23 .stepOrder-item-size .stepOrder-btn,
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-item-size .stepOrder-btn{padding: 0 8px;}
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-btn.stepOrder-compBtn {padding: 0 8px 30px;}

#deerskinColororder23 .stepOrder-btn-anc {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  line-height: 1;
  color: #fff;
  font-weight: bold;
  background-color: #ccba9b;
  transition: opacity .3s ease;
  position: relative;
}

[data-browse-mode="P"] #deerskinColororder23 .stepOrder-btn-anc {
  padding: 20px 10px;
  min-height: 100px;
  font-size: 25px;
  border-radius: 0;
}
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-btn-anc {
  padding: 10px 10px;
  min-height: 48px;
  font-size: 14px;
  border-radius: calc(50 / 430 * 100vw);
}
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-btn-anc:hover {
  opacity: .7;
  text-decoration: none;
}
#deerskinColororder23 .stepOrder-btn-anc.arrow {
  padding: 20px 60px;
  line-height: 1.4;
  text-align: center;
  background-color: #b51018;
}
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-btn-anc.arrow {
  font-size: 20px;
}

[data-browse-mode="P"] #deerskinColororder23 .stepOrder-item-size .stepOrder-btn-anc.arrow{margin-bottom: 20px;}

[data-browse-mode="S"] #deerskinColororder23 .stepOrder-btn-anc.arrow {
  font-size: calc(17 / 430 * 100vw);
}
#deerskinColororder23 .stepOrder-btn-anc.arrow::after {
  position: absolute;
  content: "";
  top: 50%;
  z-index: 1;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateY(-50%) rotate(-45deg);
}
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-btn-anc.arrow::after {
  right: 42px;
  margin-top: 1px;
  width: 16px;
  height: 16px;
}
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-btn-anc.arrow::after {
  right: 20px;
  width: calc(12 / 430 * 100vw);
  height: calc(12 / 430 * 100vw);
}

#deerskinColororder23 .stepOrder-label {
  display: inline-block;
  position: relative;
}
#deerskinColororder23 .stepOrder-label::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  z-index: 0;
  display: inline-block;
  border: 1px solid #707070;
  border-radius: 50%;
  background-color: #fff;
}

#deerskinColororder23 .stepOrder-item-width .stepOrder-label::before {position: static;}
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-item-width .stepOrder-label::before {
  width: 23px;
  height: 23px;
}

#deerskinColororder23 [type="radio"] {
  margin: 0;
  width: 0;
  height: 0;
  border: none;
  position: absolute;
  opacity: 0;
}
#deerskinColororder23 [type="radio"]:checked + .stepOrder-label::before {
  background-color: #707070;
}
#deerskinColororder23 [type="radio"]:focus + .stepOrder-label::before {
  border-color: #707070;
}

/* STEP1 */
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-step1List {
  margin: 0 0 0;
  display: flex;
}
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-step1List {
  display: flex;
}
#deerskinColororder23 .stepOrder-step1List-item {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  width: 100%;
  padding: 40px 20px 0 20px;
}

[data-browse-mode="S"] #deerskinColororder23 .stepOrder-step1List-item{
  padding: 20px 10px 0 10px;
  flex-direction: initial;
}

#deerskinColororder23 .stepOrder-step1List-item:nth-child(1):after{
  position: absolute;
  content: "";
  right: -1px;
  top: 0;
  width: 1px;
  height: 100%;
  background: #F2EDEF;
}

#deerskinColororder23 .step1 .stepOrder-label {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
}
[data-browse-mode="S"] #deerskinColororder23 .step1 .stepOrder-label {
  background-color: #fff;
}
#deerskinColororder23 .step1 .stepOrder-label::before {
  top: auto;
  left: 50%;
  bottom: 6px;
  transform: translateX(-50%);
}
[data-browse-mode="P"] #deerskinColororder23 .step1 .stepOrder-label::before {
  width: 32px;
  height: 32px;
}

[data-browse-mode="P"] #deerskinColororder23 .step1 .stepOrder-step1List li:nth-child(1) .stepOrder-label::before{margin-left: -220px;}
[data-browse-mode="P"] #deerskinColororder23 .step1 .stepOrder-step1List li:nth-child(2) .stepOrder-label::before{margin-left: -190px;}

[data-browse-mode="S"] #deerskinColororder23 .step1 .stepOrder-label::before {
  bottom: calc(14 / 430 * 100vw);
  width: calc(29 / 430 * 100vw);
  height: calc(29 / 430 * 100vw);
  margin-left: -60px;
  bottom: 20%;
}
[data-browse-mode="P"] #deerskinColororder23 .step1 [type="radio"]:checked + .stepOrder-label::before {box-shadow: 0 0 0 5px #fff inset;}
[data-browse-mode="S"] #deerskinColororder23 .step1 [type="radio"]:checked + .stepOrder-label::before {
  box-shadow: 0 0 0 4px #fff inset;
}
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-step1List-ttl {margin-top: 25px;}
#deerskinColororder23 .stepOrder-step1List-ttl img{display: none;}
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-item-design .stepOrder-step1List-ttl{
  padding-top: 80px;
  font-size: 16px;
}
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-item-design .stepOrder-step1List-ttl span{
  font-size: 32px;
  font-weight: 500;
  display: inline-block;
  margin-left: 55px;
}

[data-browse-mode="S"] #deerskinColororder23 .stepOrder-step1List-ttl {
  margin: calc(15 / 430 * 100vw) 0;
  padding-left: 40px;
}

[data-browse-mode="S"] #deerskinColororder23 .stepOrder-step1List-img{min-height: 100px;}

[data-browse-mode="S"] #deerskinColororder23 .stepOrder-step1List-ttl span{
  display: block;
  font-size: 20px;
  font-weight: 500;
}

[data-browse-mode="S"] #deerskinColororder23 .stepOrder-step1List-ttl img {
  height: calc(26 / 430 * 100vw);
  object-fit: contain;
}
/* #deerskinColororder23 .stepOrder-step1List-img {} */

/* STEP2 */
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-step2Inner {
  display: flex;

}
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-step2Inner {
  display: flex;
  flex-direction: column-reverse;
}
#deerskinColororder23 .stepOrder-step2List {
  /*display: flex;*/
  /* width: calc(100% - 688px); */
  width: calc(100% - 400px);
  width: 370px;
  margin-top: 20px;
  margin-bottom: 35px;
}

[data-browse-mode="S"] #deerskinColororder23 .stepOrder-step2List {
  padding: 20px 10px 0;
  display: block;
  background-color: #fff;
  width: 100%;
  order: 2;
  margin-bottom: 0;
  margin-top: 0;
}
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-step2Img {
  /* margin-right: 40px;
  width: 648px; */
  margin: 0 15px 0 0;
  width: calc(100% - 385px);
  height: 583px;
  display: flex;
  align-items: center;
  justify-content: center;
}

[data-browse-mode="P"] #deerskinColororder23 .stepOrder-step2List {order: 2;}
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-step2Img {order: 1;}

[data-browse-mode="S"] #deerskinColororder23 .stepOrder-step2List {order: 1;}
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-step2Img {order: 2;}

[data-browse-mode="S"] #deerskinColororder23 .stepOrder-step2Img img {width: 100%;}
#deerskinColororder23 .stepOrder-step2List-item {
  width: 100%;
  text-align: center;
  position: relative;
  margin-bottom: 10px;
}
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-step2List-item + .stepOrder-step2List-item {margin-bottom: 10px;}
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-step2List-item + .stepOrder-step2List-item {margin-bottom: 10px;}
#deerskinColororder23 .step3 .stepOrder-label {
  display: flex;
  /*flex-direction: column;*/
  justify-content: space-between;
  align-items: center;
  color: #5c5151;
  border: 2px solid transparent;
  border-radius: 24px;
  box-shadow: 2px 3px 15px rgba(0,0,0,.04);
  background-color: #fff;
}
[data-browse-mode="P"] #deerskinColororder23 .step3 .stepOrder-label {
  padding: 12px 50px;
  font-size: 16px;
  font-weight: bold;
}

#deerskinColororder23 .step3 .stepOrder-label .stepOrder-step2List-ttl img{display: none;}
[data-browse-mode="S"] #deerskinColororder23 .step3 .stepOrder-label {
  padding: 10px 15% 10px 10%;
  font-size: calc(12 / 430 * 100vw);
}

[data-browse-mode="P"] #deerskinColororder23 .step3 .stepOrder-label::before {
  /* top: 24px;
  left: 20px;
  width: 23px;
  height: 23px; */
  top: 16px;
  left: 12px;
  width: 23px;
  height: 23px;
}
[data-browse-mode="S"] #deerskinColororder23 .step2 .stepOrder-label::before {
  top: calc(15 / 430 * 100vw);
  left: calc(10 / 430 * 100vw);
  width: calc(17 / 430 * 100vw);
  height: calc(17 / 430 * 100vw);
}
#deerskinColororder23 .step2 [type="radio"]:checked + .stepOrder-label {border-color: #707070;}
#deerskinColororder23 .step3 [type="radio"]:checked + .stepOrder-label {
  border-color: #707070;
  border: solid 1px #333;
}
[data-browse-mode="P"] #deerskinColororder23 .step3 [type="radio"]:checked + .stepOrder-label::before {
  box-shadow: 0 0 0 4px #fff inset;
}
[data-browse-mode="S"] #deerskinColororder23 .step3 [type="radio"]:checked + .stepOrder-label::before {
  box-shadow: 0 0 0 2px #fff inset;
}
[data-browse-mode="P"] #deerskinColororder23 [for="step-width1"] .stepOrder-step2List-ttl {
  padding-left: 25px;
}
[data-browse-mode="P"] #deerskinColororder23 [for="step-width3"] .stepOrder-step2List-ttl {
  padding-left: 8px;
}
#deerskinColororder23 .stepOrder-step2List-ttl img {
  margin: 0 auto;
  dispay: none;
}
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-step2List-ttl img {
  height: 18px;
  object-fit: contain;
}
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-step2List-ttl {
  font-size: 14px;
  font-weight: 600;
}

[data-browse-mode="S"] #deerskinColororder23 .stepOrder-step2List-img img{max-height: 70px;}

[data-browse-mode="S"] #deerskinColororder23 .stepOrder-step2List-ttl img {
  height: calc(16 / 430 * 100vw);
  object-fit: contain;
}
#deerskinColororder23 .stepOrder-step2List-img img {
  margin: 0 auto;
  object-fit: contain;
}
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-step2List-img img {
  /* max-height: 177px; */
  max-height: 80px;
}
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-step2List-img img {
  height: calc(110 / 430 * 100vw);
}
[data-browse-mode="P"] #deerskinColororder23 .step2 .stepOrder-btn {
  margin-top: 60px;
  width: 552px;
}
[data-browse-mode="S"] #deerskinColororder23 .step2 .stepOrder-btn {
  padding: 0 15px 50px;
  background-color: #fff;
}
#deerskinColororder23 .step2 .stepOrder-btn-anc {
  color: #333;
  border: 1px solid #333;
  background-color: #efecea;
}
[data-browse-mode="P"] #deerskinColororder23 .step2 .stepOrder-btn-anc {
  min-height: 80px;
  font-size: 24px;
}

/* STEP3 */
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-desc {
  background-color: #fff;
  padding: 0;
}
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-step3Inner {
  padding-bottom: 40px;
}
/* #deerskinColororder23 .stepOrder-step3Img {} */
#deerskinColororder23 .stepOrder-step3List {
  margin: 40px auto 0;
  display: flex;
  flex-wrap: wrap;
  max-width: 800px;
}
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-step3List {
  margin: 0;
  padding: 20px 15px 20px 15px;
  align-items: flex-start;
  background-color: #fff;
}
#deerskinColororder23 .stepOrder-step3List-item {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-step3List-item {
  width: calc(100% / 5);
}
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-step3List-item:nth-child(n + 8) {
  margin-top: 46px;
}
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-step3List-item {
  padding: 0 5px;
  width: calc(100% / 3);
  margin-bottom: 15px;
}
#deerskinColororder23 .stepOrder-step3List-label {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  color: #333;
}
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-step3List-label {
  /* font-size: 13px; */
  font-size: 12px;
}
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-step3List-label {
  font-size: calc(10 / 430 * 100vw);
}
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-step3List-ttl {
  margin-top: 13px;
  font-weight: 600;
}
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-step3List-ttl {
  margin-top: 8px;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
}
#deerskinColororder23 .stepOrder-step3List-img {
  padding: 9px;
  border: 1px solid #ddd;
  border-radius: 50%;
}
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-step3List-img {width: auto;}
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-step3List-img {padding: 7px;}
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-step3List-img img{
  width: 55px;
  height: 55px;
}
#deerskinColororder23 .step3 [type="radio"]:checked + .stepOrder-step3List-label .stepOrder-step3List-img {
  border-color: #0d0d0d;
}
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-step3Bottom {
  margin: 0;
  width: 100%;
}
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-step3Bottom {
  padding: 0 0 30px;
  background-color: #fff;
}
#deerskinColororder23 .stepOrder-step3Bottom-img {
  background-color: #F5F5F5;
}
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-step3Bottom-img {
  padding-top: 50px;
}
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-step3Bottom-img {
  margin: 0 0 0;
  height: 430px;
}
#deerskinColororder23 .stepOrder-step3Bottom-img.is-comp {
  background-color: #fff;
}
#deerskinColororder23 .stepOrder-step3Bottom-img img {
  margin: 0 auto;
  width: auto;
  object-fit: contain;
}
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-step3Bottom-img img {
  height: 377px;
}
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-step3Bottom-img img {
  height: calc(170 / 430 * 100vw);
}
[data-browse-mode="P"] #deerskinColororder23 .step3 .listNote {
  margin-top: 25px;
}
[data-browse-mode="S"] #deerskinColororder23 .step3 .listNote {
  margin-top: 15px;
}
[data-browse-mode="P"] #deerskinColororder23 .step3 .listNote + .stepOrder-btn {
  margin-top: 55px;
}
[data-browse-mode="S"] #deerskinColororder23 .step3 .listNote + .stepOrder-btn {
  margin-top: 45px;
}

/* 追従 */
#deerskinColororder23 .fixChecked {
  position: fixed;
  left: 0;
  z-index: -10;
  border: 9px solid #bca27e;
  transition: opacity .3s ease;
  opacity: 0;
  user-select: none;
}
[data-browse-mode="P"] #deerskinColororder23 .fixChecked {
  top: 56px;
  width: 320px;
}
[data-browse-mode="S"] #deerskinColororder23 .fixChecked {
  bottom: 0;
  width: 100%;
  border-width: 10px;
}
#deerskinColororder23 .fixChecked.is-fixed {
  z-index: 10;
  opacity: 1;
}
#deerskinColororder23 .fixChecked-inner {
  background-color: #fff;
}
[data-browse-mode="P"] #deerskinColororder23 .fixChecked-inner {
  padding: 20px 20px;
}
[data-browse-mode="S"] #deerskinColororder23 .fixChecked-inner {
  padding: 10px;
  display: block;
  /* align-items: center; */
}
#deerskinColororder23 .fixChecked-list {
  display: flex;
  justify-content: space-between;
}
[data-browse-mode="S"] #deerskinColororder23 .fixChecked-list {
  width: 100%;
	padding: 0 5%;
}
#deerskinColororder23 .fixChecked-list-item {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#deerskinColororder23 .fixChecked-list-select {
  margin: 0 0 10px;
  display: flex;
  flex-direction: column;
  flex: 1;
  text-align: center;
}
[data-browse-mode="S"] #deerskinColororder23 .fixChecked-list-select {
  margin-bottom: 5px;
}
#deerskinColororder23 .fixChecked-list-select > .ttl {
  font-weight: 600;
}
[data-browse-mode="P"] #deerskinColororder23 .fixChecked-list-select > .ttl {
  font-size: 14px;
  margin-bottom: 12px;
}
#deerskinColororder23 .fixChecked-list-select > .ttl span{
  font-size: 12px;
  display: block;
}
[data-browse-mode="S"] #deerskinColororder23 .fixChecked-list-select > .ttl {
  font-size: calc(13 / 430 * 100vw);
}
#deerskinColororder23 .fixChecked-list-select > .choice {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  font-weight: 400;
}
[data-browse-mode="P"] #deerskinColororder23 .fixChecked-list-select > .choice {
  margin-top: 5px;
  min-height: 42px;
  font-size: 14px;
}
[data-browse-mode="S"] #deerskinColororder23 .fixChecked-list-select > .choice {
  min-height: 33px;
  font-size: calc(10 / 430 * 100vw);
}
#deerskinColororder23 .fixChecked-list-img {
  margin: 0 auto;
  border-radius: 50%;
  background: #F5F5F5;
  overflow: hidden;
}
[data-browse-mode="P"] #deerskinColororder23 .fixChecked-list-img {
  width: 56px;
  height: 56px;
}
[data-browse-mode="S"] #deerskinColororder23 .fixChecked-list-img {
  width: calc(56 / 430 * 100vw);
  height: calc(56 / 430 * 100vw);
}
#deerskinColororder23 .fixChecked-list-img img {
  padding: 8px;
  width: 100%;
  object-fit: contain;
  border-radius: 50%;
}
[data-browse-mode="S"] #deerskinColororder23 .fixChecked-list-img img {
  padding: 5px;
}
#deerskinColororder23 .fixChecked .stepOrder-btn {
  margin: 10px auto 0;
  width: 100%;
}
[data-browse-mode="S"] #deerskinColororder23 .fixChecked .stepOrder-btn {
  margin-top: 0;
  width: 278px;
}
#deerskinColororder23 .fixChecked .stepOrder-btn-anc {
  min-height: 50px;
  font-size: 16px;
  font-weight: 600;
  pointer-events: none;
}
[data-browse-mode="S"] #deerskinColororder23 .fixChecked .stepOrder-btn-anc {
  min-height: initial;
  font-size: calc(12 / 430 * 100vw);
  border-radius: 0;
}
#deerskinColororder23 .fixChecked.is-fixed .stepOrder-btn-anc {
  pointer-events: auto;
}
#deerskinColororder23 .js-btnComplete.stepOrder-btn-anc:disabled,
#deerskinColororder23 .stepOrder-btn-anc.is-disabled {
  pointer-events: none;
  cursor: not-allowed;
  color: #ededed;
  background-color: #ccba9b;
  font-weight: bold;
}

[data-browse-mode="S"] #deerskinColororder23 .fixChecked.is-fixed .stepOrder-btn-anc{
  font-size: 14px;
  padding: 14px 10px;
}

/* Modal
  ================== */
.dc23-modalOverlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99998;
  background-color: rgba(0,0,0,.3);
}
.dc23-modal {
  position: absolute;
  top: 50vh;
  left: 50vw;
  transform: translateY(-50%) translateX(-50%);
  z-index: 99999;
  height: auto;
  overflow-y: visible;
}
[data-browse-mode="P"] .dc23-modal {
  width: 1100px;
}
[data-browse-mode="S"] .dc23-modal {
  width: 95%;
}
.dc23-modal-inner {
  height: 80%;
  background-color: #fff;
  box-shadow: 3px 3px 19px rgba(0,0,0,.25);
  overflow: hidden;
  position: relative;
  top: 0;
}
[data-browse-mode="P"] .dc23-modal-inner {
  padding: 55px 60px 45px;
}
[data-browse-mode="S"] .dc23-modal-inner {
  padding: 40px 0 30px;
}
.dc23-modal-contents {
  padding: 0 15px;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

[data-browse-mode="S"] .dc23-modal-contents .dc23-modal-ttl .dc23-hdg{
  padding-left: 15px;
  border-left: solid 5px #BC96A6;
  font-size: 18px;
  font-weight: 600;
}

.dc23-btnClose {
  position: absolute;
  top: 25px;
  right: 30px;
  z-index: 1;
  padding: 0;
  width: 30px;
  height: 30px;
  font-size: 0;
  color: transparent;
  border: none;
  background-color: transparent;
  cursor: pointer;
  user-select: none;
}

[data-browse-mode="S"] .dc23-btnClose{
  top: 20px;
  right: 20px; 
}

.dc23-btnClose::before,
.dc23-btnClose::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  width: 20px;
  height: 3px;
  background-color: #707070;
}
.dc23-btnClose::before {
  transform: rotate(45deg);
}
.dc23-btnClose::after {
  transform: rotate(-45deg);
}
/* 中身が多い時スクロールできるように */
.dc23-modal.is-contentsOver {
  height: 80%;
}
.dc23-modal.is-contentsOver .dc23-modal-inner {
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.dc23-modal.is-hidden {
  display: none;
}
body.is-modalOpen {
  overflow: hidden;
}

/* コンテンツ内 */
.dc23-hdg {
  margin: 0;
  font-weight: 500;
}
[data-browse-mode="P"] .dc23-hdg {
  font-size: 24px;
	padding-left: 35px;
	border-left: solid 7px #BC96A6;
}
[data-browse-mode="S"] .dc23-hdg {
  display: inline-block;
  font-size: calc(24 / 430 * 100vw);
}
.dc23-tbl {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border: 1px solid #707070;
}
[data-browse-mode="P"] .dc23-tbl {
  margin-top: 20px;
}
[data-browse-mode="S"] .dc23-tbl {
  margin-top: calc(120 / 430 * 100vw);
}

.dc23-tbl th,
.dc23-tbl td {
  padding: 10px 15px;
  font-weight: 400;
  text-align: center;
}

[data-browse-mode="S"] .dc23-tbl th{vertical-align: middle;}
[data-browse-mode="S"] .dc23-tbl th,
[data-browse-mode="S"] .dc23-tbl td {
  padding: 10px 5px;
}
.dc23-tbl thead th {
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  background-color: #F5F5F5;
}
[data-browse-mode="P"] .dc23-tbl thead th {
  font-size: 16px;
	font-weight: 600;
}
[data-browse-mode="S"] .dc23-tbl thead th {
  font-size: 12px;
  font-weight: 600;
}
.dc23-tbl tbody td {
  border: 1px solid #707070;
}
[data-browse-mode="P"] .dc23-tbl tbody td {
  font-size: 15px;
}
[data-browse-mode="S"] .dc23-tbl tbody td {
  font-size: calc(14 / 430 * 100vw);
}
.dc23-tbl tbody > tr:first-child td {
  border-top: none;
}
[data-browse-mode="P"] .dc23-w1 {
  width: 300px;
}
[data-browse-mode="P"] .dc23-w2 {
  width: calc((100% - 300px) / 3);
}

[data-browse-mode="S"] .dc23-w1 {width: 26%;}
[data-browse-mode="S"] .dc23-w2 {width: 18.5%;}

#js-modalContentsArea .listNote {
  margin-top: 20px;
}
#js-modalContentsArea .listNote-item > .ast,
#js-modalContentsArea .listNote-item > .txt {
  color: #707070;
}
.dc23-image {
  position: relative;
}
.dc23-image::before {
  position: absolute;
  content: "";
  left: 50%;
  z-index: 1;
  background: no-repeat center / contain;
  transform: translateX(-50%);
}
[data-browse-mode="P"] .dc23-image::before {
  top: -160px;
}
[data-browse-mode="S"] .dc23-image{
  font-size: 12px;
  font-weight: 600;
}
[data-browse-mode="S"] .dc23-image::before {
  top: calc(-125 / 430 * 100vw);
}
[data-browse-mode="P"] .dc23-image.dc23-thin::before {
  width: 37px;
  height: 130px;
  background-image: url(../../../img/usr/freepage/pumps_colororder_202307/img_step2_c.png);
}
[data-browse-mode="P"] .dc23-image.dc23-normal::before {
  width: 44px;
  height: 130px;
  background-image: url(../../../img/usr/freepage/pumps_colororder_202307/img_step2_d.png);
}
[data-browse-mode="P"] .dc23-image.dc23-wide::before {
  width: 47px;
  height: 130px;
  background-image: url(../../../img/usr/freepage/pumps_colororder_202307/img_step2_e.png);
}
[data-browse-mode="S"] .dc23-image.dc23-thin::before {
  width: calc(23 / 430 * 100vw);
  height: calc(80 / 430 * 100vw);
}
[data-browse-mode="S"] .dc23-image.dc23-normal::before {
  width: calc(27 / 430 * 100vw);
  height: calc(80 / 430 * 100vw);
}
[data-browse-mode="S"] .dc23-image.dc23-wide::before {
  width: calc(29 / 430 * 100vw);
  height: calc(80 / 430 * 100vw);
}

[data-browse-mode="S"] .dc23-image.dc23-thin::before {
  width: 23px;
  height: 80px;
  background-image: url(../../../img/usr/freepage/pumps_colororder_202307/img_step2_c.png);
}

[data-browse-mode="S"] .dc23-image.dc23-normal::before {
  width: 27px;
  height: 80px;
  background-image: url(../../../img/usr/freepage/pumps_colororder_202307/img_step2_d.png);
}

[data-browse-mode="S"] .dc23-image.dc23-wide::before {
  width: 29px;
  height: 80px;
  background-image: url(../../../img/usr/freepage/pumps_colororder_202307/img_step2_e.png);
}


/* Last
  ================== */
#deerskinColororder23 .lastArea {
  background-color: #fff;
}
[data-browse-mode="P"] #deerskinColororder23 .lastArea {
  padding: 80px 15px 0;
}
[data-browse-mode="S"] #deerskinColororder23 .lastArea {
  padding: 30px 8px;
  overflow: hidden;
}

#deerskinColororder23 .secLast {
  background-color: #fff;
}
[data-browse-mode="P"] #deerskinColororder23 .secLast {
  padding: 0 0 0 70px;
}

#deerskinColororder23 .hdgLast {
  text-align: center;
}
[data-browse-mode="P"] #deerskinColororder23 .hdgLast {
  font-size: 70px;
}
[data-browse-mode="S"] #deerskinColororder23 .hdgLast {
  font-size: calc(30 / 430 * 100vw);
}
#deerskinColororder23 .hdgLast > em {
  display: inline-block;
  font-weight: 500;
}
[data-browse-mode="P"] #deerskinColororder23 .hdgLast > em {
  margin-left: 30px;
  font-size: 56px;
}
[data-browse-mode="S"] #deerskinColororder23 .hdgLast > em {
  font-size: calc(36 / 430 * 100vw);
  font-weight: bold;
}
#deerskinColororder23 .presentLast {
  display: flex;
  align-items: flex-start;
}
[data-browse-mode="P"] #deerskinColororder23 .presentLast {
  margin: 80px 0 0;
  flex-direction: row-reverse;
}
[data-browse-mode="S"] #deerskinColororder23 .presentLast {
  margin: 15px 0 0;
  flex-direction: column-reverse;
  align-items: center;
}
[data-browse-mode="P"] #deerskinColororder23 .presentLast-desc {
  margin-top: 10px;
  flex: 1;
}
[data-browse-mode="S"] #deerskinColororder23 .presentLast-desc {
  margin-top: 20px;
}
#deerskinColororder23 .presentLast-ttl {
  line-height: 1.6;
  font-weight: 600;
}
[data-browse-mode="P"] #deerskinColororder23 .presentLast-ttl {
  font-size: 27px;
}
[data-browse-mode="S"] #deerskinColororder23 .presentLast-ttl {
  font-size: calc(23 / 430 * 100vw);
  text-align: center;
}
#deerskinColororder23 .presentLast-txt {
  line-height: 1.6;
  font-weight: 400;
}
[data-browse-mode="P"] #deerskinColororder23 .presentLast-txt {
  margin-top: 25px;
  font-size: 20px;
}
[data-browse-mode="S"] #deerskinColororder23 .presentLast-txt {
  margin-top: 20px;
  font-size: calc(18 / 430 * 100vw);
}
[data-browse-mode="P"] #deerskinColororder23 .presentLast-imgArea {
  margin-right: 50px;
}
[data-browse-mode="S"] #deerskinColororder23 .presentLast-imgArea {
  display: flex;
  flex-direction: column-reverse;
}
#deerskinColororder23 .presentLast-comp {
  font-weight: 400;
  line-height: 1;
  white-space: pre;
  position: relative;
}
[data-browse-mode="P"] #deerskinColororder23 .presentLast-comp {
  padding: 0 30px;
  font-size: 20px;
}
[data-browse-mode="S"] #deerskinColororder23 .presentLast-comp {
  margin: 0 20px;
  padding: 0 20px;
  font-size: calc(16 / 430 * 100vw);
  text-align: center;
}
#deerskinColororder23 .presentLast-comp::before,
#deerskinColororder23 .presentLast-comp::after {
  position: absolute;
  content: "";
  bottom: -5px;
  z-index: 1;
  width: 1px;
  background-color: #707070;
}
[data-browse-mode="P"] #deerskinColororder23 .presentLast-comp::before,
[data-browse-mode="P"] #deerskinColororder23 .presentLast-comp::after {
  height: 40px;
}
[data-browse-mode="S"] #deerskinColororder23 .presentLast-comp::before,
[data-browse-mode="S"] #deerskinColororder23 .presentLast-comp::after {
  height: calc(30 / 430 * 100vw);
}
#deerskinColororder23 .presentLast-comp::before {
  left: 0;
  transform: rotate(-30deg);
}
#deerskinColororder23 .presentLast-comp::after {
  right: 0;
  transform: rotate(30deg);
}
#deerskinColororder23 .presentLast-img {
  margin: 25px auto 0;
}

/* 受注会
  ================== */
#deerskinColororder23{
  font-family: 'inter', 'Noto Sans Japanese', sans-serif;
  line-height: 1.7;
}

#deerskinColororder23 .orderMeetingArea{
  background: #efeae1;
  padding: 85px 0 80px;
}

#deerskinColororder23 .orderMeetingArea h2{
  font-size: 40px;
  font-weight: bold;
  margin-top: 0;
  text-align: left;
  margin-bottom: 30px;
}

[data-browse-mode="P"] #deerskinColororder23 .orderMeetingArea h2{
  font-size: 36px;
  letter-spacing: 0.1em;
  font-weight: 600;
}

#deerskinColororder23 .orderMeetingArea .orderMeetingPeriod{
  border: solid 2px #bca27e;
  background: #fff;
  padding: 17px;
  margin-bottom: 32px;
}

#deerskinColororder23 .orderMeetingArea .orderMeetingPeriod dl,
#deerskinColororder23 .orderMeetingArea .orderMeetingPeriod dl li{display: flex;}
#deerskinColororder23 .orderMeetingArea .orderMeetingPeriod dt{
  position: relative;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  width: 205px;
  display: flex;
  align-items: center;
  justify-content: center;
}

[data-browse-mode="P"] #deerskinColororder23 .orderMeetingArea .orderMeetingPeriod dt{width: 160px;}

#deerskinColororder23 .orderMeetingArea .orderMeetingPeriod dt:after{
  position: absolute;
  right: 0;
  content: "";
  width: 2px;
  height: 24px;
  background: #BC96A6;
}

#deerskinColororder23 .orderMeetingArea .orderMeetingPeriod dd{
  position: relative;
  font-size: 20px;
  text-align: center;
  padding: 0 0 0 62px;
}

#deerskinColororder23 .orderMeetingArea .orderMeetingPeriod dl li > span{
  display: block;
  width: 209px;
  background: #bca27e;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}

#deerskinColororder23 .orderMeetingArea .orderMeetingPeriod dl li p{
  font-size: 20px;
  font-weight: 500;
  padding: 0 0 0 24px;
}

[data-browse-mode="P"] #deerskinColororder23 .orderMeetingArea .orderMeetingPeriod dl li p span{font-size: 14px;}

#deerskinColororder23 .orderMeetingArea .orderMeetingPeriod dl li:last-child{margin-top: 6px;}
#deerskinColororder23 .orderMeetingArea .orderMeetingDesc p{
  margin-bottom: 20px;
  line-height: 2;
}
#deerskinColororder23 .orderMeetingArea .orderMeetingDesc p span{font-weight: bold;}

#deerskinColororder23 .orderMeetingArea .orderMeetingBtnTxt p{
  position: relative;
  width: 100%;
  text-align: center;
  margin-bottom: 22px;
  font-size: 15px;
  font-weight: 600;
}

[data-browse-mode="P"] #deerskinColororder23 .orderMeetingArea .orderMeetingBtnTxt p{margin-top: 80px;}

#deerskinColororder23 .orderMeetingArea .orderMeetingBtnTxt p::before,
#deerskinColororder23 .orderMeetingArea .orderMeetingBtnTxt p::after{
  position: absolute;
  content: ""; 
  width: 14px;
  height: 2px;
  background: #BC96A6;
  top: 50%; 
}

#deerskinColororder23 .orderMeetingArea .orderMeetingBtnTxt p::before{
  left: 0;
  transform: rotate(45deg);
}

#deerskinColororder23 .orderMeetingArea .orderMeetingBtnTxt p::after{
  right: 0;
  transform: rotate(-45deg);
}

#deerskinColororder23 .orderMeetingArea .orderMeetingBtn a{
  width: 100%;
  height: 80px;
  background: #bca27e;
  color: #fff;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 82px;
  transition: opacity .3s ease;
}

#deerskinColororder23 .orderMeetingArea .orderMeetingBtn a:hover{
  opacity: .7;
  text-decoration: none;
}

/* PC */
[data-browse-mode="P"] #deerskinColororder23 .orderMeetingAreaInner{
  width: 802px;
  margin: 0 auto;
}

[data-browse-mode="P"] #deerskinColororder23 .orderMeetingArea .orderMeetingDesc{text-align: center;}
[data-browse-mode="P"] #deerskinColororder23 .orderMeetingArea .orderMeetingBtnArea{
  width: 620px;
  margin: 40px auto 0 auto;
}

/* SP */
[data-browse-mode="S"] #deerskinColororder23 .orderMeetingArea {
  padding: 40px 0 40px;
  background: #efeae1;
}
[data-browse-mode="S"] #deerskinColororder23 .orderMeetingArea h2 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}

[data-browse-mode="S"] #deerskinColororder23 .orderMeetingArea .orderMeetingPeriod{
  margin: 0 8px;
  border: solid 1px #BC96A6;
  background: #FAF7F8;
  padding: 17px 30px 17px 20px;
  margin-bottom: 20px;
}

[data-browse-mode="S"] #deerskinColororder23 .orderMeetingArea .orderMeetingDesc{padding: 0 15px;}
[data-browse-mode="S"] #deerskinColororder23 .orderMeetingArea .orderMeetingBtnArea{margin: 35px 8px 0 8px;}
[data-browse-mode="S"] #deerskinColororder23 .orderMeetingArea .orderMeetingPeriod dl li {display: block;}
[data-browse-mode="S"] #deerskinColororder23 .orderMeetingArea .orderMeetingPeriod dl li p {
  font-size: 14px;
  padding: 0;
  text-align: center;
}

[data-browse-mode="S"] #deerskinColororder23 .orderMeetingArea .orderMeetingPeriod dl li > span {
  display: block;
  text-align: center;
  width: 209px;
  color: #fff;
  font-size: 12px;
}

[data-browse-mode="S"] #deerskinColororder23 .orderMeetingArea .orderMeetingPeriod dl li p > span{font-size: 11px;}

[data-browse-mode="S"] #deerskinColororder23 .orderMeetingArea .orderMeetingPeriod dt {
  font-size: 14px;
  text-align: left;
  padding-right: 5%;
  justify-content: left;
}

[data-browse-mode="S"] #deerskinColororder23 .orderMeetingArea .orderMeetingPeriod dt::after {
  height: 100%;
  background: #BC96A6;
  width: 1px;
}

[data-browse-mode="S"] #deerskinColororder23 .orderMeetingArea .orderMeetingPeriod dd {
  text-align: left;
  padding: 0 0 0 7.5%;
}

[data-browse-mode="S"] #deerskinColororder23 .orderMeetingArea .orderMeetingBtnTxt p {
  font-size: 13px;
  width: auto;
  margin: 0 15px 15px 15px;
}

[data-browse-mode="S"] #deerskinColororder23 .orderMeetingArea .orderMeetingBtnTxt p:after,
[data-browse-mode="S"] #deerskinColororder23 .orderMeetingArea .orderMeetingBtnTxt p:before{
  top: auto;
  bottom: 10px;  
}

[data-browse-mode="S"] #deerskinColororder23 .orderMeetingArea .orderMeetingBtn a {
  height: 48px;
  background: #bca27e;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  border-radius: 48px;
}

/* サイズ展開
  ================== */
#deerskinColororder23 .sizeDevelopmentArea{margin-top: 20px;}
#deerskinColororder23 .sizeDevelopmentArea ul li dl{display: flex;}
#deerskinColororder23 .sizeDevelopmentArea ul li:nth-child(1) dt{background: #ccba9b;}
#deerskinColororder23 .sizeDevelopmentArea ul li:nth-child(2) dt{background: #bca27e;}
#deerskinColororder23 .sizeDevelopmentArea ul li:nth-child(1) dt,
#deerskinColororder23 .sizeDevelopmentArea ul li:nth-child(2) dt{
    width: 224px;
    height: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

/* PC */
[data-browse-mode="P"] #deerskinColororder23 .sizeDevelopmentArea ul{display: flex;}
[data-browse-mode="P"] #deerskinColororder23 .sizeDevelopmentArea ul li:nth-child(1){padding: 0 10px 0 0;}
[data-browse-mode="P"] #deerskinColororder23 .sizeDevelopmentArea ul li:nth-child(2){padding: 0 0 0 10px;}
[data-browse-mode="P"] #deerskinColororder23 .sizeDevelopmentArea ul li{width: 50%;}
[data-browse-mode="P"] #deerskinColororder23 .sizeDevelopmentArea ul li dl dd{
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  font-size: 24px;
  font-weight: 400;
  width: calc(100% - 224px);
}

[data-browse-mode="P"] #deerskinColororder23 .sizeDevelopmentArea ul li dl dd span{
  font-size: 21px;
  font-weight: 400;
}

[data-browse-mode="P"] #deerskinColororder23 .sizeDevelopmentArea ul li dl dd span.tax{
  font-size: 12px;
  margin-top: 5px;
}

/* SP */
[data-browse-mode="S"] #deerskinColororder23 .sizeDevelopmentArea ul{flex-wrap: wrap;}
[data-browse-mode="S"] #deerskinColororder23 .sizeDevelopmentArea{margin: 10px 8px 0 8px;}
[data-browse-mode="S"] #deerskinColororder23 .sizeDevelopmentArea ul li{margin-bottom: 4px;}
[data-browse-mode="S"] #deerskinColororder23 .sizeDevelopmentArea ul li dl dd{
  background: #fff;
  width: 65%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 400;
}

[data-browse-mode="S"] #deerskinColororder23 .sizeDevelopmentArea ul li dl dd span.small{font-size: 18px;}
[data-browse-mode="S"] #deerskinColororder23 .sizeDevelopmentArea ul li dl dd span.tax{
  font-size: 10px;
  font-weight: normal;
  margin-top: 5px;
}

[data-browse-mode="S"] #deerskinColororder23 .sizeDevelopmentArea ul li dt{
    width: 35%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

[data-browse-mode="S"] #deerskinColororder23 .listNote{
  margin-top: 20px;
  display: block;
  width: auto;
  padding: 0 8px;
  font-size: 11px;
}

/* パンプス 
  ================== */
  #deerskinColororder23 .itemPumpsArea .ItemTypeListTtl{background: #cbd0db;}
  #deerskinColororder23 .itemPumpsArea .ItemTypeListTxt{background: #e2dfdc;}

#deerskinColororder23 .itemPumpsArea{
  background:#fcfbfa;
  padding: 20px 0 30px 0; 
}

[data-browse-mode="P"] #deerskinColororder23 .itemPumpsArea{padding: 50px 0 70px 0;}

#deerskinColororder23 .itemPumpsArea .ItemTypeListrea ul{
  display: flex;
  flex-wrap: wrap;
}

#deerskinColororder23 .itemPumpsArea .ItemTypeListrea ul li dl{display: flex;}
#deerskinColororder23 .itemPumpsArea .ItemTypeListrea ul li dt{
  position: relative;
  width: 220px;
  min-height: 300px;
}

#deerskinColororder23 .itemPumpsArea .ItemTypeListrea ul li dt.ItemTypeListTtl div{
  position: absolute;
  bottom: 40px;
  left: 22px;
}

#deerskinColororder23 .itemPumpsArea .ItemTypeListrea ul li dt.ItemTypeListTtl div span.ItemTypeListSize{
  font-size: 20px;
  font-weight: 500;
  display: block;
}

#deerskinColororder23 .itemPumpsArea .ItemTypeListrea ul li dt.ItemTypeListTtl div span.ItemTypeListName{
  font-size: 14px;
  font-weight: 500;
  display: block;  
}

[data-browse-mode="P"] #deerskinColororder23 .itemPumpsArea .ItemTypeListrea ul li:first-child{margin-bottom: 25px;}
[data-browse-mode="P"] #deerskinColororder23 .itemPumpsArea .ItemTypeListrea ul li dt.ItemTypeListTtl{padding: 40px 0 0 22px;}

[data-browse-mode="P"] #deerskinColororder23 .itemPumpsArea .ItemTypeListrea ul li dt.ItemTypeListTtl p{
  font-size: 24px;
  font-weight: bold;
}

[data-browse-mode="P"] #deerskinColororder23 .itemPumpsArea .ItemTypeListrea ul li dt.ItemTypeListTxt{
  display: flex;
  align-items: center;
  padding: 0 20px;
  width: 250px;
  min-height: 300px;
  font-size: 14px;
  line-height: 2;
  font-weight: 500;
}

[data-browse-mode="P"] #deerskinColororder23 .itemPumpsArea .ItemTypeListrea ul li dd{
  width: calc(100% - 220px);
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

[data-browse-mode="P"] #deerskinColororder23 .itemPumpsArea .ItemTypeListrea ul li dt.ItemTypeListTxt + dd{width: calc(100% - 250px);}
[data-browse-mode="P"] #deerskinColororder23 .itemPumpsArea .ItemTypeListrea ul li:nth-child(even) dl dd{order: 1;}
[data-browse-mode="P"] #deerskinColororder23 .itemPumpsArea .ItemTypeListrea ul li:nth-child(even) dl dt{order: 2;}

/* PC */
[data-browse-mode="P"] #deerskinColororder23 .itemPumpsArea .ItemTypeListrea ul li{width: 50%;}

/* SP */
[data-browse-mode="S"] #deerskinColororder23 .itemPumpsArea .ItemTypeListrea ul li dd{
  background: #fff;
  width: 55%;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

[data-browse-mode="S"] #deerskinColororder23 .itemPumpsArea .ItemTypeListrea ul li dt{
  flex-shrink: 0;
  position: relative;
  width: 45%;
  min-height: auto;
  box-sizing: border-box;
}

[data-browse-mode="S"] #deerskinColororder23 .itemPumpsArea .ItemTypeListrea ul li dt.ItemTypeListTtl{padding: 15px 0 0 20px;}
[data-browse-mode="S"] #deerskinColororder23 .itemPumpsArea .ItemTypeListrea ul li:nth-child(even){margin-bottom: 20px;}
[data-browse-mode="S"] #deerskinColororder23 .itemPumpsArea .ItemTypeListrea ul li dt.ItemTypeListTtl p{
  font-size: 16px;
  font-weight: 600;
}

[data-browse-mode="S"] #deerskinColororder23 .itemPumpsArea .ItemTypeListrea ul li dt.ItemTypeListTxt{
  padding: 20px 10px;
  font-size: 11px;
}
 
[data-browse-mode="S"] #deerskinColororder23 .itemPumpsArea{padding: 20px 8px 10px 8px;}
[data-browse-mode="S"] #deerskinColororder23 .itemPumpsArea .ItemTypeListrea ul li dt.ItemTypeListTtl div span.ItemTypeListSize {font-size: 13px;}
[data-browse-mode="S"] #deerskinColororder23 .itemPumpsArea .ItemTypeListrea ul li dt.ItemTypeListTtl div span.ItemTypeListName {
  font-size: 11px;
  font-weight: 500;
}

[data-browse-mode="S"] #deerskinColororder23 .itemPumpsArea .ItemTypeListrea ul li dt.ItemTypeListTtl div {
  position: absolute;
  bottom: 15px;
  left: 20px;
}


/* 人気の秘密 
  ================== */
[data-browse-mode="P"] #deerskinColororder23 .hdgSecret-main{
  font-size: 20px;
  letter-spacing: -0.05em;
  display: inline-flex;
  flex: 1;
}
[data-browse-mode="P"] #deerskinColororder23 .hdgSecret-label{font-weight: bold;}
[data-browse-mode="P"] #deerskinColororder23 .hdgSecret-pf{
  font-size: 70px;
  font-weight: 100; 
  color: #bca27e; 
}

[data-browse-mode="P"] #deerskinColororder23 .hdgSecret-pf{margin-left: 65px;}
[data-browse-mode="P"] #deerskinColororder23 .hdgSecret{align-items: baseline;}
#deerskinColororder23 .slideSecret-hdg span{
  color: #bca27e;
  display: inline-block;
  margin-right: 12px;
}

[data-browse-mode="P"] #deerskinColororder23 .slideSecret-hdg span{
  font-size: 18px;
  font-weight: 600;
}

/* Order EVENT
  ================== */
#deerskinColororder23 .OrderEventReceived h2{
  font-size: 70px;
  font-weight: 100;
  color: #bca27e;
  margin-top: 0;
  margin-bottom: 30px;
  text-align: left;
  line-height: 1.3;
}

#deerskinColororder23 .OrderEventReceived h2 span{
  font-size: 21px;
  font-weight: 100;
  color: #bca27e;
  display: block;
}

#deerskinColororder23 .OrderEventReceived ul.OrderEventHoldTbl li{border-top: solid 1px #F5F5F5;}
#deerskinColororder23 .OrderEventReceived ul.OrderEventHoldTbl li:last-child{border-bottom: solid 1px #F5F5F5;}
#deerskinColororder23 .OrderEventReceived ul.OrderEventHoldTbl li dd a{
  display: block;
  text-decoration: underline;
  color: #333;
}

/* PC */
[data-browse-mode="P"] #deerskinColororder23 .OrderEventReceived .OrderEventList{margin-bottom: 70px;}
[data-browse-mode="P"] #deerskinColororder23 .OrderEventReceived .OrderEventList li{margin-bottom: 2px;}

[data-browse-mode="P"] #deerskinColororder23 .OrderEventReceived .OrderEventHoldTblArea .OrderEventHoldTtl{
  display: flex;
  align-items: center;
}

[data-browse-mode="P"] #deerskinColororder23 .OrderEventReceived .OrderEventHoldTblArea .OrderEventHoldTtl p{
  width: 50%;
  font-size: 18px;
  padding: 11px 0;
  font-weight: 600;
}

[data-browse-mode="P"] #deerskinColororder23 .OrderEventReceived ul.OrderEventHoldTbl li dl{
  display: flex;
  align-items: center;
 }

[data-browse-mode="P"] #deerskinColororder23 .OrderEventReceived ul.OrderEventHoldTbl li dt,
[data-browse-mode="P"] #deerskinColororder23 .OrderEventReceived ul.OrderEventHoldTbl li dd{
  width: 50%;
  font-size: 18px;
  padding: 12px 0;
}

[data-browse-mode="P"] #deerskinColororder23 .OrderEventReceived .OrderEventHoldTblDes{
  font-size: 13px;
  color: #707070;
  padding: 15px 0 54px 40px;
}

/* SP */
[data-browse-mode="S"] #deerskinColororder23 .OrderEventReceived h2{
  font-size: 40px;
  font-weight: 100;
  padding-top: 50px;
  margin-top: -50px;
  margin-left: 10px;
}

[data-browse-mode="S"] #deerskinColororder23 .OrderEventReceived .OrderEventList{margin-bottom: 30px;}
[data-browse-mode="S"] #deerskinColororder23 .OrderEventReceived .OrderEventList li{margin-bottom: 2px;}
[data-browse-mode="S"] #deerskinColororder23 .OrderEventReceived h2 span{font-size: 14px;}
[data-browse-mode="S"] #deerskinColororder23 .OrderEventReceived ul.OrderEventHoldTbl li dt,
[data-browse-mode="S"] #deerskinColororder23 .OrderEventReceived ul.OrderEventHoldTbl li dd{font-size: 13px;}
[data-browse-mode="S"] #deerskinColororder23 .OrderEventReceived ul.OrderEventHoldTbl li dt{padding: 6px 8px 2px;}
[data-browse-mode="S"] #deerskinColororder23 .OrderEventReceived ul.OrderEventHoldTbl li dd{padding: 2px 8px 6px;}
[data-browse-mode="S"] #deerskinColororder23 .OrderEventHoldTtl{
  display: flex;
  position: relative;
}

[data-browse-mode="S"] #deerskinColororder23 .OrderEventHoldTtl p{
  position: relative;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 600;
}

[data-browse-mode="S"] #deerskinColororder23 .OrderEventHoldTtl p:first-child:after{
  position: absolute;
  content: "/";
  top: 3px;
  right: -2px;
  font-size: 14px;
  font-weight: 600;
}


/* SNS
  ================== */
#deerskinColororder23 .articles-detail-sns {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 50px;
}

#deerskinColororder23 .articles-detail-sns .articles-detail-sns-ttl {
  font-size: 18px;
  font-weight: 400;
  padding: 0;
  margin-right: 20px;
}

#deerskinColororder23 .articles-detail-sns ul {
  display: flex;
  border-top: none;
  margin-bottom: 0;
}

#deerskinColororder23  .articles-detail-sns ul li {margin-right: 20px;}

#deerskinColororder23 .articles-detail-sns ul li a {
  display: block;
  width: 30px;
  height: 30px;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
}

#deerskinColororder23 .articles-detail-sns ul li.articles-detail-sns-facebook a{
  background-image: url(../../../img/usr/freepage/pumps_colororder_202307/ico_facebook.png);
  background-repeat: no-repeat;
  background-size: 30px auto;
}

#deerskinColororder23 .articles-detail-sns ul li.articles-detail-sns-twitter a{
  background-image: url(../../../img/usr/freepage/pumps_colororder_202307/ico_twitter.png);
  background-repeat: no-repeat;
  background-size: 30px auto;
}

#deerskinColororder23 .articles-detail-sns ul li.articles-detail-sns--line a{
  background-image: url(../../../img/usr/freepage/pumps_colororder_202307/ico_line.png);
  background-repeat: no-repeat;
  background-size: 30px auto;
}

[data-browse-mode="P"] #deerskinColororder23 .articles-detail-sns ul li a {
  width: 40px;
  height: 40px;
}

/* SP */
[data-browse-mode="S"] #deerskinColororder23 .articles-detail-sns {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}

[data-browse-mode="S"] #deerskinColororder23 .articles-detail-sns .articles-detail-sns-ttl {
  font-size: 14px;
  font-weight: 400;
  padding: 0;
  margin-right: 20px;
}

[data-browse-mode="S"] #deerskinColororder23 .articles-detail-sns ul {
  display: flex;
  border-top: none;
  margin-bottom: 0;
}

[data-browse-mode="S"] #deerskinColororder23 .articles-detail-sns ul li {margin-right: 20px;}
[data-browse-mode="S"] #deerskinColororder23 .articles-detail-sns .articles-detail-sns-ttl {
  font-size: 14px;
  font-weight: 600;
}

[data-browse-mode="S"] #deerskinColororder23 .OrderEventHoldTblDes{
  text-align: center;
  font-size: 10px;
  color: #707070;
  padding-top: 10px;
  margin-bottom: 40px;
}

/* パンプス幅の目安
  ================== */
  [data-browse-mode="P"] .dc23-modal-ttl{
    display: flex;
    align-items: center;
	padding: 55px 0;
  }

  [data-browse-mode="P"] .dc23-modal-width-img{
    padding: 0 0 0 70px;
  }

/* シミュレーション
  ================== */
#deerskinColororder23 .stepOrder-item-design .stepOrder-ttl,
#deerskinColororder23 .stepOrder-item-design .stepOrder-num,
#deerskinColororder23 .stepOrder-item-design .stepOrder-hdg{background: #f8f6f2;}
#deerskinColororder23 .stepOrder-item-color .stepOrder-ttl,
#deerskinColororder23 .stepOrder-item-color .stepOrder-num,
#deerskinColororder23 .stepOrder-item-color .stepOrder-hdg{background: #efeae1;}
#deerskinColororder23 .stepOrder-item-width .stepOrder-ttl,
#deerskinColororder23 .stepOrder-item-width .stepOrder-num,
#deerskinColororder23 .stepOrder-item-width .stepOrder-hdg{background: #e0e4ef;}
#deerskinColororder23 .stepOrder-item-size .stepOrder-ttl,
#deerskinColororder23 .stepOrder-item-size .stepOrder-num,
#deerskinColororder23 .stepOrder-item-size .stepOrder-hdg{background: #c8d0db;}

#deerskinColororder23 .stepOrder-item-design .stepOrder-num .stepOrder-num-inner{background: #F1F4F5;}
#deerskinColororder23 .stepOrder-item-color .stepOrder-num .stepOrder-num-inner{background: #F8F5F2;}
#deerskinColororder23 .stepOrder-item-width .stepOrder-num .stepOrder-num-inner{background: #ECE6DE;}
#deerskinColororder23 .stepOrder-item-size .stepOrder-num .stepOrder-num-inner{background: #D9CEBD;}

#deerskinColororder23 .stepOrder-num-inner{
  background: #fff;
  color: #bca27e;
}

#deerskinColororder23 .stepOrder-item-size .stepOrder-btn-anc{
  height: 80px;
  min-height: 80px;
  border-radius: 80px;
  margin-bottom: 40px;
}

[data-browse-mode="S"] #deerskinColororder23 .stepOrder-item-size .stepOrder-btn-anc{
  margin-bottom: 0;
  height: 48px;
  min-height: 48px;
  font-size: 13px;
  border-radius: 48px;
}

#deerskinColororder23 .stepOrder-item-size .listNote{
  margin-top: 5px;
  margin-bottom: 36px;
  margin-left: 70px;
}

[data-browse-mode="S"] #deerskinColororder23 .listNote{
  margin-bottom: 10px;
  margin-left: 0;
  font-size: 11px;
}

[data-browse-mode="P"] #deerskinColororder23 .stepOrder-item-size .stepOrder-step2Inner{
  flex-wrap: wrap;
  padding-right: 0;
  margin-bottom: 36px;
}

/* step */
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-item-color .stepOrder-step2Inner {
  display: flex;
  flex-direction: row-reverse;
}

[data-browse-mode="P"] #deerskinColororder23 .stepOrder-item-color .stepOrder-step2List {
  display: flex;
  width: calc(100% - 688px);
  width: calc(100% - 400px);
  max-height: 285px;
}

[data-browse-mode="P"] #deerskinColororder23 .stepOrder-item-color .stepOrder-label::before {
  top: 24px;
  left: 20px;
  width: 23px;
  height: 23px;
  top: 16px;
  left: 12px;
  width: 18px;
  height: 18px;
}

/* パンプス幅 */
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-item-width .stepOrder-btn.stepOrder-pumpsWidth-btn{width: 360px;}
#deerskinColororder23 .stepOrder-item-width .stepOrder-btn.stepOrder-pumpsWidth-btn .stepOrder-btn-anc{
  width: 360px;
  height: 60px;
  border-radius: 60px;
  border: solid 1px #bca27e;
  background-color: #fff;
  color: #bca27e;
  font-size: 16px;
  font-weight: 600;
  box-sizing: border-box;
  padding: 0;
  min-height: 60px;
  margin-top: 30px;
  margin-bottom: 15px;
  text-decoration: none;
}

[data-browse-mode="S"] #deerskinColororder23 .stepOrder-item-width .stepOrder-btn.stepOrder-pumpsWidth-btn .stepOrder-btn-anc{
  width: 100%;
  height: 48px;
  min-height: 48px;
  border-radius: 48px;
  font-size: 16px;
  font-weight: 500;  
  margin-bottom: 0;
}

/* 完成イメージ */
[data-browse-mode="P"] #deerskinColororder23 .stepOrder-item-width .stepOrder-btn.stepOrder-compBtn{
  border-radius: 80px;
  height: 80px;
  width: 620px;
  margin-bottom: 40px;
}

[data-browse-mode="P"] #deerskinColororder23 .stepOrder-item-width .stepOrder-btn.stepOrder-compBtn .stepOrder-btn-anc{
  border-radius: 80px;
  min-height: 80px;
}

#deerskinColororder23 .stepOrder-item-width .stepOrder-step2List-item.stepOrder-step2List-item-narrow{pointer-events: none;}
#deerskinColororder23 .stepOrder-item-width .stepOrder-step2List-item.stepOrder-step2List-item-narrow .stepOrder-label::before{opacity: 0;}

#deerskinColororder23 .stepOrder-btn-anc.arrow{
  background-color: #bca27e;  
}

[data-browse-mode="S"] #deerskinColororder23 .stepOrder-btn-anc.arrow{
  padding: 10px 30px 10px 25px;
  font-size: 13px;
  justify-content: left;
}

#deerskinColororder23 .stepOrder-btn-anc.arrow.stepOrder-btn-pagelink{
  background: #bca27e;
}

#deerskinColororder23 .stepOrder-btn-anc.arrow.stepOrder-btn-pagelink:after{
  transform: translateY(-50%) rotate(45deg);
}

#deerskinColororder23 .stepOrder-pumpsWidthTxt{
  color: #707070;
  font-size: 13px;
}

[data-browse-mode="S"] #deerskinColororder23 .stepOrder-pumpsWidthTxt{
	margin-top: 15px;
	margin-bottom: 20px;
}
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-item-size .stepOrder-ttl::after,
[data-browse-mode="S"] #deerskinColororder23 .stepOrder-item-width .stepOrder-ttl::after{background-color: #BC96A6;}