@charset "UTF-8";
/* hover
=================================================================== */
/* ================================================ vw vh */
/* common
=================================================================== */
/* layout
=================================================================== */
/* imgCover
=================================================================== */
/* mask
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* textTate
=================================================================== */
/* form
=================================================================== */
/* =================================================================== hover anime */
@-webkit-keyframes pop-hover {
  0% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  10% {
    -webkit-transform: translate(0, 2px) rotate(-6deg);
            transform: translate(0, 2px) rotate(-6deg);
  }
  20% {
    -webkit-transform: translate(0, -6px) rotate(0);
            transform: translate(0, -6px) rotate(0);
  }
  30% {
    -webkit-transform: translate(0, 3px) rotate(3deg);
            transform: translate(0, 3px) rotate(3deg);
  }
  40% {
    -webkit-transform: translate(0, -3px) rotate(0);
            transform: translate(0, -3px) rotate(0);
  }
  50% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
@keyframes pop-hover {
  0% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  10% {
    -webkit-transform: translate(0, 2px) rotate(-6deg);
            transform: translate(0, 2px) rotate(-6deg);
  }
  20% {
    -webkit-transform: translate(0, -6px) rotate(0);
            transform: translate(0, -6px) rotate(0);
  }
  30% {
    -webkit-transform: translate(0, 3px) rotate(3deg);
            transform: translate(0, 3px) rotate(3deg);
  }
  40% {
    -webkit-transform: translate(0, -3px) rotate(0);
            transform: translate(0, -3px) rotate(0);
  }
  50% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
@-webkit-keyframes pop-hover-sm {
  0% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  10% {
    -webkit-transform: translate(0, 2px) rotate(-1deg);
            transform: translate(0, 2px) rotate(-1deg);
  }
  20% {
    -webkit-transform: translate(0, -6px) rotate(0);
            transform: translate(0, -6px) rotate(0);
  }
  30% {
    -webkit-transform: translate(0, 3px) rotate(0.5deg);
            transform: translate(0, 3px) rotate(0.5deg);
  }
  40% {
    -webkit-transform: translate(0, -3px) rotate(0);
            transform: translate(0, -3px) rotate(0);
  }
  50% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
@keyframes pop-hover-sm {
  0% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  10% {
    -webkit-transform: translate(0, 2px) rotate(-1deg);
            transform: translate(0, 2px) rotate(-1deg);
  }
  20% {
    -webkit-transform: translate(0, -6px) rotate(0);
            transform: translate(0, -6px) rotate(0);
  }
  30% {
    -webkit-transform: translate(0, 3px) rotate(0.5deg);
            transform: translate(0, 3px) rotate(0.5deg);
  }
  40% {
    -webkit-transform: translate(0, -3px) rotate(0);
            transform: translate(0, -3px) rotate(0);
  }
  50% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
/* =================================================================== slider anime */
@-webkit-keyframes slider-anime {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slider-anime {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
/* ======================================================================================================== products top */
/* ============================================================================================ tagSearch */
.tagSearch {
  position: relative;
}

/* ============================================================= tagSearch__btn */
.tagSearch__btnWrapper {
  position: absolute;
  width: 260px;
  height: 100%;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tagSearch__btnWrapper::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.2);
}

/* --------------------------------------- tagSearch__btn */
.tagSearch__btn {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}

/* --------------------------------------- tagSearch__select */
.tagSearch__select {
  width: 170px;
  height: 50px;
  font-size: 17px;
  color: #fff;
  background-color: rgba(var(--color-btnBg), 1);
  border-radius: 6px;
  padding: 0 25px;
  white-space: nowrap;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  cursor: pointer;
}

.selectArrow {
  position: absolute;
  height: 100%;
  width: 40px;
  top: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
}
.selectArrow .btnIcon__arrow::before, .selectArrow .btnIcon__arrow::after {
  mask-image: url(../img/common/select--arrow.svg);
  -webkit-mask-image: url(../img/common/select--arrow.svg);
  background-color: #fff;
}

/* ============================================================= tagSearch__section */
.tagSearch__section {
  white-space: nowrap;
  padding-right: 260px;
}

.tagSearch__section--inner {
  position: relative;
  overflow: hidden;
}

/* --------------------------------------- tagSearch cateDot */
.hashNav .cateDot::after {
  content: "#";
  font-size: 16px;
  font-weight: 500;
  line-height: 10px;
}

/* --------------------------------------- tagSearch__link */
.hashNav .tagSearch__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
}

/* --------------------------------------- cateNav__title hover */
.hashNav .cateNav__title {
  position: relative;
}
.hashNav .cateNav__title::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 1px;
  top: auto;
  bottom: 0;
  background-color: rgba(var(--color-text), 1);
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  left: auto;
  right: 0;
  width: 0;
}

/* --------------------------------------- tagSearch articleTitle */
.tagSearch .articleTitle {
  position: relative;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-bottom: 0;
  margin-right: 25px;
}
.tagSearch .cateNav {
  padding-left: 25px;
  position: relative;
}
.tagSearch .cateNav::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 1px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  height: calc(100% - 5px);
  background-color: rgba(var(--color-text), 0.2);
}
.tagSearch .cateNav__list.hashNav {
  white-space: normal;
}

/* ======================================================================================================== products detail */
/* ============================================================================================ pdMain */
.pdMain {
  position: relative;
  padding-bottom: 0;
  padding-top: 0;
}

/* ============================================================= pdKv */
.pdKv {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

/* --------------------------------------- pdKv__sticky */
.pdKv__sticky {
  position: sticky;
  height: calc(100vh - 75px);
  top: 75px;
}

/* --------------------------------------- pdKvSlider */
.pdKvSlider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pdKvSlider div {
  height: 100%;
}
.pdKvSlider .keenArrow {
  display: none;
}

/* --------------------------------------- pdKvSlider keenDots */
.pdKvSlider .keenDots {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
}
.pdKvSlider .keenDot {
  position: relative;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.pdKvSlider .keenDot::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 5px;
  height: 5px;
  top: 50%;
  left: 50%;
  background-color: rgba(var(--color-btnBg), 1);
  border-radius: 50%;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.6s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.6s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}
.pdKvSlider .keenDot svg {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  opacity: 0;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.8s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
}
.pdKvSlider .keenDot svg .st0 {
  fill: none;
  stroke: rgba(var(--color-text), 1);
  stroke-miterlimit: 10;
  stroke-width: 1px;
}
.pdKvSlider .keenDot.dot--active::after {
  -webkit-transform: translate(-50%, -50%) scale(2);
          transform: translate(-50%, -50%) scale(2);
  opacity: 0;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.6s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.6s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
}
.pdKvSlider .keenDot.dot--active svg {
  opacity: 1;
}

/* --------------------------------------- fader__slide */
.fader__slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* --------------------------------------- pdKvImg */
.pdKvImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/sample/products--detail.jpg);
}

/* ============================================================= pdKvConcept */
.pdKvConcept {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  z-index: 2;
  pointer-events: none;
}

/* --------------------------------------- pdKvConcept__text */
.pdKvConcept__textList {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 40px 60px;
  white-space: nowrap;
  line-height: 1;
}

.pdKvConcept__text--p {
  font-size: min(1.8301610542vw, 25px);
  letter-spacing: 0.2em;
  margin-top: min(1.2445095168vw, 17px);
}
.pdKvConcept__text--p > span {
  font-size: min(1.5373352855vw, 21px);
}

.pdKvConcept__textTarget--aside .pdKvConcept__text--p {
  font-size: min(1.6105417277vw, 22px);
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-top: min(2.5622254758vw, 35px);
}

/* --------------------------------------- pdKvConcept__textTarget */
.pdKvConcept__textTarget {
  position: relative;
  overflow: hidden;
}

.pdKvConcept__text--p {
  -webkit-transform: translateY(120%);
          transform: translateY(120%);
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

/* ============================================================= pdKv__section */
.pdKv__section {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 2;
  pointer-events: none;
}

/* --------------------------------------- pdKvInfo__leaderHeight */
.pdKvInfo__leaderHeight {
  height: 100vh;
}

/* --------------------------------------- pdKv__sectionInner */
.pdKv__sectionInner {
  width: 50%;
}

/* ============================================================= leaderHeight default pickup */
/* --------------------------------------- statusTarget */
.pdKv__section--statusTarget {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  left: auto;
  right: 0;
  width: 0;
  z-index: 1;
}

.pdKvInfo__inner {
  position: relative;
  z-index: 2;
  padding: 40px;
}

/* --------------------------------------- leaderHeight default */
.pdKvInfo__leaderHeight, .pdKvInfo__default, .pdKvInfo__pickup {
  position: relative;
  width: 73.2064421669%;
  margin-left: auto;
}

/* --------------------------------------- pickup */
.pdKvInfo__pickup {
  position: relative;
}

/* ============================================================= pdKvInfo__default */
.pdKvInfo__default {
  pointer-events: all;
}

.pdKvInfo__default .productBlock {
  margin: 0;
}
.pdKvInfo__default .productBlock__infoTitle {
  font-size: 27px;
  text-align: left;
  margin-right: 0;
}
.pdKvInfo__default .productBlock__infoDesc {
  font-size: 16px;
  line-height: 2;
}

/* --------------------------------------- pdKvInfo__block */
.pdKvInfo__block {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}
.pdKvInfo__block::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 1px;
  top: auto;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 2;
}

/* --------------------------------------- pdKvInfo__block */
.pdKvInfo__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 13px;
  line-height: 1.7;
  margin-bottom: 15px;
}
.pdKvInfo__detail:last-child {
  margin-bottom: 0;
}

.pdKvInfo__detail--title {
  width: 110px;
}

.pdKvInfo__detail--inner {
  width: calc(100% - 70px);
}

/* ============================================================= pdKvInfo__post */
.pdKvInfo__block.pdKvInfo__post::before {
  display: none;
}

/* ============================================================= pdKvInfo__postNav */
.pdKvInfo__postNav {
  padding-bottom: 20px;
}

/* --------------------------------------- pdKvInfo__postNav list */
.pdKvInfo__postNav--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-text), 0.2);
  border-radius: 10px;
}

/* --------------------------------------- pdKvInfo__postNav target */
.pdKvInfo__postNav--target {
  position: relative;
  width: 100%;
  min-height: min(4.7584187408vw, 65px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.pdKvInfo__postNav--target::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  top: -1px;
  left: -1px;
  border-width: 1px;
  border-style: solid;
  border-radius: 10px;
  z-index: 1;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.15s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  border-color: rgba(var(--color-text), 0);
  background-color: rgba(219, 207, 190, 0);
}

.pdKvInfo__postNav--target.selected {
  pointer-events: none;
  color: #fff;
}
.pdKvInfo__postNav--target.selected::after {
  border-color: rgba(var(--color-selected), 1);
  background-color: rgba(var(--color-selected), 1);
}

/* --------------------------------------- pdKvInfo__postNav title */
.pdKvInfo__postNav--title {
  position: relative;
  font-size: min(1.0980966325vw, 15px);
  text-align: center;
  white-space: nowrap;
  line-height: 1.5;
  z-index: 2;
}

/* ============================================================= pdKvInfo__postTab */
.pdKvInfo__postTab {
  position: relative;
}

/* --------------------------------------- online price */
.pdKvInfo__postTab--price {
  position: relative;
  padding-top: 15px;
  padding-bottom: 35px;
}
.pdKvInfo__postTab--price::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 1px;
  top: auto;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

.pdKvInfo__postTab .productBlock__infoPrice > span {
  font-size: 16px;
}
.pdKvInfo__postTab .productBlock__infoPrice > span.fontEn, .pdKvInfo__postTab .productBlock__infoPrice > span.endMark {
  position: relative;
  top: 4px;
}
.pdKvInfo__postTab .productBlock__infoPrice > span.fontEn {
  font-size: 29px;
  margin-right: 6px;
}
.pdKvInfo__postTab .productBlock__infoPrice > span.endMark {
  font-size: 29px;
  margin-left: 6px;
}

/* --------------------------------------- online product__salesInfo */
.product__salesInfo {
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.5;
  text-align: left;
  margin-top: 15px;
}

/* ============================================================= addCart__select */
.addCart__select--block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 25px;
  padding-bottom: 10px;
}

/* --------------------------------------- addCart__select title */
.addCart__select--title {
  width: min(9.5168374817vw, 130px);
  -ms-flex-item-align: center;
      align-self: center;
  font-size: min(1.2445095168vw, 17px);
  line-height: 1;
  white-space: nowrap;
  text-align: left;
}

/* --------------------------------------- addCart__select */
.addCart__select--wrapper {
  position: relative;
  width: 100%;
}

.addCart__select {
  font-size: min(1.317715959vw, 18px);
  color: rgba(var(--color-text), 1);
  padding: 15px 22px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-text), 0.2);
  background-color: #fff;
  border-radius: 10px;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.15s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
}

.postForm select {
  color: rgba(var(--color-text), 1);
}

.addCart__select--wrapper .selectArrow {
  width: 50px;
}
.addCart__select--wrapper .selectArrow .btnIcon__arrow::before, .addCart__select--wrapper .selectArrow .btnIcon__arrow::after {
  background-color: rgba(var(--color-text), 1);
}

/* ============================================================= addCartBtn */
.addCartBtn__wrapper {
  position: relative;
  margin-top: 25px;
}

.addCartBtn {
  position: relative;
  font-size: min(1.1713030747vw, 16px);
  line-height: 1.4;
  padding: 25px;
  text-align: center;
  background-color: rgba(var(--color-text), 1);
  color: rgba(var(--color-text), 0);
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-text), 1);
  border-radius: 10px;
  cursor: pointer;
}

.addCartBtn__title {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 2;
  pointer-events: none;
}
.addCartBtn__title .navText {
  font-size: 16px;
  color: #fff;
}

/* ============================================================= pdKvInfo__pickup */
/* --------------------------------------- pdKvInfo__pickup leader */
.pdKvInfo__pickup--mainBox--leader {
  margin-top: 30px;
  margin-bottom: 55px;
}

.pdKvInfo__pickup--leaderTitle {
  font-size: 21px;
  line-height: 1.4;
  margin-bottom: 18px;
}

.pdKvInfo__pickup--leaderText {
  font-size: 14px;
  padding-left: min(6.9546120059vw, 95px);
}

/* --------------------------------------- pdKvInfo__pickup sub */
.pdKvInfo__pickup--subBox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.pdKvInfo__pickup--subBox--img {
  width: 50%;
  margin-bottom: 30px;
}

.pdKvInfo__pickup--subBox--detail {
  -ms-flex-item-align: top;
      align-self: top;
  width: calc(50% - 30px);
}

.pdKvInfo__pickup--subTitle {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 10px;
}

.pdKvInfo__pickup--subText {
  font-size: 13px;
}

/* ============================================================================================ pdKv statusTarget */
.pdKv__img--statusTarget, .pdKv__section--statusTarget {
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.8s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

/* --------------------------------------- status 1 */
.status--1 .pdKvConcept__text--p {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}

/* --------------------------------------- status 2 */
.status--2 .pdKv__img--statusTarget, .status--3 .pdKv__img--statusTarget {
  width: 63.3967789165%;
}
.status--2 .pdKvInfo__leaderHeight .pdKv__section--statusTarget, .status--2 .pdKvInfo__default .pdKv__section--statusTarget, .status--2 .pdKvInfo__pickup .pdKv__section--statusTarget, .status--3 .pdKvInfo__leaderHeight .pdKv__section--statusTarget, .status--3 .pdKvInfo__default .pdKv__section--statusTarget, .status--3 .pdKvInfo__pickup .pdKv__section--statusTarget {
  width: 0%;
}

/* --------------------------------------- status 3 */
.status--3 .pdKvInfo__pickup .pdKv__section--statusTarget {
  width: 0%;
}

/* ============================================================================================ hover pc */
@media (hover: hover) and (pointer: fine) {
  .hashNav .cateNav__link:hover .cateNav__title::after, .hashNav .cateNav__link:active .cateNav__title::after {
    width: 100%;
    right: auto;
    left: 0;
  }
  .tagSearch__select:hover, .tagSearch__select:active {
    background-color: #000000;
  }
  .pdKvSlider .keenDot:hover::after, .pdKvSlider .keenDot:active::after {
    -webkit-transform: translate(-50%, -50%) scale(1.5);
            transform: translate(-50%, -50%) scale(1.5);
    background-color: #000;
  }
  .pdKvInfo__postNav--target:hover::after, .pdKvInfo__postNav--target:active::after {
    background-color: rgba(219, 207, 190, 0.5);
  }
  .addCart__select:hover, .addCart__select:active {
    border-color: rgba(var(--color-text), 1);
  }
}
/* ======================================================================================================== postShop */
/* --------------------------------------- post shop */
.post-shop .pdKvInfo__postTab--shop {
  position: relative;
  display: block;
}

.pdKvInfo__postTab--shop .productBlock__infoPrice {
  margin-bottom: 20px;
}
.pdKvInfo__postTab--shop .product__salesInfo {
  margin-top: 8px;
}
.pdKvInfo__postTab--shop .pdKvInfo__postTab--price::after {
  display: none;
}

/* --------------------------------------- addCartBtn link */
a.addCartBtn {
  min-height: min(5.4172767204vw, 74px);
}

/* --------------------------------------- pdKvInfo__postTab target */
.pdKvInfo__postTab--target {
  position: relative;
  overflow: hidden;
  height: 0;
}

.pdKvInfo__postNav--target:nth-child(3)::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  top: -1px;
  left: auto;
  right: 100%;
  border-width: 1px;
  border-style: solid;
  border-radius: 10px;
  z-index: 1;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.15s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  border-color: rgba(var(--color-text), 0);
  border-right-color: rgba(var(--color-text), 0.2);
  pointer-events: none;
}
.pdKvInfo__postNav--target:nth-child(3).selected::before {
  opacity: 0;
}

.pdKvInfo__postNav--target:nth-child(2)::after {
  border-left-color: rgba(var(--color-text), 0.2);
}

.pdKvInfo__postNav--target:nth-child(1).selected + .pdKvInfo__postNav--target::after {
  opacity: 0;
}

.pdKvInfo__postNav--target:nth-child(2).selected + .pdKvInfo__postNav--target::before {
  opacity: 0;
}

/* ======================================================================================================== postForm */
.postForm dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.postForm dl > dt {
  width: min(9.5168374817vw, 130px);
  -ms-flex-item-align: center;
      align-self: center;
  font-size: min(1.2445095168vw, 17px);
  line-height: 1;
  white-space: nowrap;
  text-align: left;
}
.postForm dl > dd {
  position: relative;
  width: calc(100% - 130px);
}
.postForm dl > dd:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 40px;
  top: 0;
  left: auto;
  right: 0;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-box-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-position: center center;
  -webkit-mask-box-position: center center;
  mask-size: 100% auto;
  -webkit-mask-size: 100% auto;
  -webkit-mask-box-size: 100% auto;
  mask-image: url(../img/common/select--arrow.svg);
  -webkit-mask-image: url(../img/common/select--arrow.svg);
  mask-size: 14px auto;
  -webkit-mask-size: 14px auto;
  background-color: rgba(var(--color-btnBg), 1);
  z-index: 2;
  pointer-events: none;
}
.postForm select {
  position: relative;
  font-size: min(1.317715959vw, 18px);
  padding: 15px 22px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-text), 0.2);
  background-color: #fff;
  border-radius: 10px;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.15s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
}
.postForm .hv_op {
  position: relative;
  min-height: min(5.4172767204vw, 74px);
  background-color: rgb(45, 45, 45);
  border-width: 1px;
  border-style: solid;
  border-color: rgb(45, 45, 45);
  border-radius: 10px;
  margin-top: 25px;
  cursor: pointer;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.postForm .hv_op span {
  display: block;
  line-height: 1;
  white-space: nowrap;
  font-size: min(1.1713030747vw, 16px);
  color: #fff;
  text-align: center;
}
.postForm .hv_op > div {
  position: relative;
  overflow: hidden;
}
.postForm .hv_op > div > span {
  display: block;
  line-height: 1;
  white-space: nowrap;
  font-size: min(1.1713030747vw, 16px);
  color: #fff;
  text-align: center;
}
.postForm .hv_op > div > span:nth-child(1) {
  position: relative;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.postForm .hv_op > div > span:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateY(120%);
          transform: translateY(120%);
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
}

/* ============================================================================================ hover pc */
@media (hover: hover) and (pointer: fine) {
  .postForm .hv_op:hover, .postForm .hv_op:active {
    background-color: #000;
  }
  .postForm .hv_op:hover > div > span, .postForm .hv_op:active > div > span {
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
    -ms-transition-duration: 0.2s;
    -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
    -moz-transition-duration: 0.2s;
    -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  }
  .postForm .hv_op:hover > div > span:nth-child(1), .postForm .hv_op:active > div > span:nth-child(1) {
    -webkit-transform: translateY(-120%);
            transform: translateY(-120%);
  }
  .postForm .hv_op:hover > div > span:nth-child(2), .postForm .hv_op:active > div > span:nth-child(2) {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
  }
  .postForm select:hover, .postForm select:active {
    border-color: rgba(var(--color-text), 1);
  }
}
.pKvDetail__inner, .pKvLeader__inner {
  position: relative;
  overflow: hidden;
  opacity: 0;
}

.productsKv__slider--copy {
  position: relative;
}
.productsKv__slider--copy .productsKv__slider--target {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ============================================================================================ reserveAlert */
.reserveAlert {
  position: relative;
  padding: 22px 30px;
  border-width: 1px;
  border-style: solid;
  border-color: #e60012;
  border-radius: 12px;
  color: #e60012;
  margin-top: 10px;
  margin-bottom: 10px;
}

.reserveAlert__title {
  font-size: 14px;
  line-height: 1;
  margin-bottom: 14px;
}

.reserveAlert__text--p {
  font-size: 13px;
  line-height: 1.6;
  text-align: left;
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 4px;
}
.reserveAlert__text--p:last-child {
  margin-bottom: 0;
}

.postForm.is--coming {
  position: relative;
  height: min(5.4172767204vw, 74px);
  background-color: #b9b9b9;
  border-radius: 10px;
  margin-top: 10px;
  cursor: pointer;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  pointer-events: none;
}
.postForm.is--coming::after {
  content: "発売前";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  line-height: 1;
  white-space: nowrap;
  font-size: min(1.1713030747vw, 16px);
  color: #fff;
  text-align: center;
}
.postForm.is--coming .online-forms {
  display: none !important;
}

.pdKvInfo__default .productBlock__inner img {
  border-radius: 15px;
  margin-top: 15px;
}

.pdKvInfo__postTab .productBlock__infoPrice > span {
  font-size: 15px;
  padding-bottom: 0.05em;
}