/* 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);
  }
}
/*============================================================================================ 1285px */
@media only screen and (max-width: 767px) {
  /* ================================================ vw */
  /* ================================================ vh */
  /* ======================================================================================================== products top */
  .productsTop .productsKv__slider--target {
    min-height: inherit;
    padding-top: min(4.8vw, 18px);
    padding-bottom: min(6.1333333333vw, 23px);
  }
  .productsTop .productsKv .productBlock__infoLeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 7px;
  }
  .productsTop .productsKv .productBlock__infoTitle {
    width: auto;
    margin-right: 20px;
  }
  .productsTop .productsKv .pKvDetail {
    margin-top: min(5.3333333333vw, 20px);
  }
  .pKv__cateNav .cateNav__target {
    margin-right: 0;
    padding-right: 15px;
  }
  .productsKv .pKv__cateNav {
    position: relative;
    padding-top: 30px;
    margin-top: 40px;
  }
  .productsKv .pKv__cateNav::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.2);
  }
  /* ============================================================= tagSearch__btn */
  .tagSearch__btnWrapper {
    position: relative;
    width: 100%;
    height: 45px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 30px;
  }
  .tagSearch__btnWrapper::after {
    display: none;
  }
  .tagSearch__btn {
    width: 100%;
    height: 100%;
  }
  /* --------------------------------------- tagSearch__select */
  .tagSearch__select {
    width: 100%;
    height: 46px;
    font-size: 13px;
    border-radius: 5px;
    padding: 0 25px;
  }
  .selectArrow {
    width: 40px;
  }
  /* ============================================================= tagSearch__section */
  .tagSearch__section {
    padding-right: 0;
  }
  .tagSearch__section--inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-left: 0;
    padding-right: 0;
  }
  .tagSearch__section--inner .articleTitle {
    width: 100%;
    margin-right: 0;
    padding-right: 0;
    padding-left: 20px;
    margin-bottom: 15px;
  }
  .tagSearch__section--inner .cateNav {
    padding-left: 0;
    width: 100%;
    left: 0;
    padding-bottom: 10px;
  }
  .tagSearch__section--inner .cateNav::after {
    display: none;
  }
  /* --------------------------------------- tagSearch cateDot */
  .hashNav .cateDot::after {
    font-size: 14px;
    line-height: 8px;
  }
  /* ======================================================================================================== products detail */
  /* ============================================================================================ pdMain */
  .pdMain {
    position: relative;
  }
  /* ============================================================= pdKv */
  .pdKv {
    position: relative;
    height: 60vh;
    padding-bottom: 40px;
  }
  /* --------------------------------------- pdKv__sticky */
  .pdKv__sticky {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
  }
  /* --------------------------------------- pdKvSlider keenDots */
  .pdKvSlider .keenDots {
    bottom: 15px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 19px;
  }
  .pdKvSlider .keenDot {
    width: 23px;
    height: 23px;
  }
  .pdKvSlider .keenDot::after {
    width: 4px;
    height: 4px;
  }
  .pdKvSlider .keenDot svg {
    width: 12px;
    height: 12px;
  }
  /* ============================================================= pdKvConcept */
  /* --------------------------------------- pdKvConcept__text */
  .pdKvConcept__textList {
    padding: 0 15px 19px;
  }
  .pdKvConcept__text--p {
    font-size: min(3.7333333333vw, 14px);
    letter-spacing: 0.2em;
    margin-top: min(1.8666666667vw, 7px);
  }
  .pdKvConcept__text--p > span {
    font-size: min(4vw, 15px);
  }
  .pdKvConcept__textTarget--aside .pdKvConcept__text--p {
    font-size: min(3.2vw, 12px);
    margin-top: min(2.4vw, 9px);
  }
  /* ============================================================= pdKv__section */
  .pdKv__section {
    display: block;
  }
  /* --------------------------------------- pdKvInfo__leaderHeight */
  .pdKvInfo__leaderHeight {
    height: auto;
  }
  /* --------------------------------------- pdKv__sectionInner */
  .pdKv__sectionInner {
    width: 100%;
  }
  /* ============================================================= 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: 0 20px 20px;
  }
  /* --------------------------------------- leaderHeight default */
  .pdKvInfo__leaderHeight, .pdKvInfo__default, .pdKvInfo__pickup {
    width: 100%;
  }
  /* --------------------------------------- pickup */
  .pdKvInfo__pickup {
    height: auto;
    padding: 0;
  }
  /* ============================================================= pdKvInfo__default */
  .pdKvInfo__default .productBlock__infoTitle {
    font-size: 23px;
  }
  .pdKvInfo__default .productBlock__infoDesc {
    font-size: 13px;
    line-height: 1.9;
    display: block;
    -webkit-box-orient: inherit;
    -webkit-line-clamp: inherit;
    overflow: visible;
  }
  /* --------------------------------------- pdKvInfo__block */
  .pdKvInfo__block {
    padding-top: 0;
    padding-bottom: 25px;
  }
  .pdKvInfo__block .productBlock__infoLeader {
    margin-bottom: 10px;
  }
  .pdKvInfo__block .cateNav__list.hashNav {
    padding-left: 0;
    padding-right: 0;
  }
  .pdKvInfo__block .cateNav__list.hashNav .cateNav__link {
    padding-left: 0;
  }
  .pdKvInfo__default .pdKvInfo__block {
    margin-bottom: 25px;
  }
  /* --------------------------------------- pdKvInfo__block */
  .pdKvInfo__detail {
    font-size: 12px;
    line-height: 1.6;
    margin-bottom: 10px;
  }
  .pdKvInfo__detail--title {
    width: 110px;
  }
  .pdKvInfo__detail--inner {
    width: calc(100% - 70px);
  }
  /* ============================================================= pdKvInfo__postNav */
  .pdKvInfo__postNav {
    padding-bottom: 20px;
  }
  /* --------------------------------------- pdKvInfo__postNav list */
  .pdKvInfo__postNav--list {
    border-radius: 10px;
  }
  /* --------------------------------------- pdKvInfo__postNav target */
  .pdKvInfo__postNav--target {
    min-height: min(14.6666666667vw, 55px);
  }
  .pdKvInfo__postNav--target::after {
    border-radius: 10px;
  }
  /* --------------------------------------- pdKvInfo__postNav title */
  .pdKvInfo__postNav--title {
    font-size: min(3.4666666667vw, 13px);
  }
  /* ============================================================= pdKvInfo__postTab */
  /* --------------------------------------- online price */
  .pdKvInfo__postTab--price {
    padding-top: 15px;
    padding-bottom: 25px;
  }
  .pdKvInfo__postTab .productBlock__infoPrice > span {
    font-size: 13px;
  }
  .pdKvInfo__postTab .productBlock__infoPrice > span.fontEn, .pdKvInfo__postTab .productBlock__infoPrice > span.endMark {
    top: 4px;
  }
  .pdKvInfo__postTab .productBlock__infoPrice > span.fontEn {
    font-size: 24px;
    margin-right: 6px;
  }
  .pdKvInfo__postTab .productBlock__infoPrice > span.endMark {
    font-size: 24px;
    margin-left: 6px;
  }
  /* --------------------------------------- online product__salesInfo */
  .product__salesInfo {
    font-size: 11px;
    margin-top: 12px;
  }
  /* ============================================================= addCart__select */
  .addCart__select--block {
    padding-top: 20px;
    padding-bottom: 10px;
  }
  /* --------------------------------------- addCart__select title */
  .addCart__select--title {
    width: min(29.3333333333vw, 110px);
    font-size: min(3.7333333333vw, 14px);
  }
  /* --------------------------------------- addCart__select */
  .addCart__select--wrapper {
    width: 100%;
  }
  .addCart__select {
    font-size: min(4vw, 15px);
    padding: 15px 18px;
    border-radius: 8px;
  }
  .addCart__select--wrapper .selectArrow {
    width: 45px;
  }
  /* ============================================================= addCartBtn */
  .addCartBtn__wrapper {
    margin-top: 25px;
  }
  .addCartBtn {
    font-size: min(4vw, 15px);
    padding: 25px;
    border-radius: 8px;
  }
  .addCartBtn__title .navText {
    font-size: 15px;
  }
  /* ============================================================= pdKvInfo__pickup */
  .pdKvInfo__pickup .articleTitle {
    margin-bottom: 25px;
  }
  /* --------------------------------------- pdKvInfo__pickup leader */
  .pdKvInfo__pickup--mainBox--leader {
    margin-top: 25px;
    margin-bottom: 55px;
  }
  .pdKvInfo__pickup--leaderTitle {
    font-size: 14px;
    margin-bottom: 12px;
  }
  .pdKvInfo__pickup--leaderText {
    font-size: 12px;
    padding-left: 0;
  }
  /* --------------------------------------- pdKvInfo__pickup sub */
  .pdKvInfo__pickup--subBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 0;
    margin-bottom: 15px;
    min-height: inherit;
  }
  .pdKvInfo__pickup--subBox--img {
    position: relative;
    width: calc(50% - 12px);
    margin-bottom: 0;
  }
  .pdKvInfo__pickup--subBox--detail {
    width: calc(50% - 12px);
    -ms-flex-item-align: center;
        align-self: center;
    padding-left: 0;
  }
  .pdKvInfo__pickup--subTitle {
    width: 100%;
    font-size: 14px;
    margin-bottom: 15px;
    padding-left: 0;
  }
  .pdKvInfo__pickup--subText {
    font-size: 12px;
  }
  /* ============================================================= productsArticle recommend */
  .productsArticle.recommend {
    position: relative;
    padding-top: 40px;
    overflow: hidden;
  }
  .productsArticle.recommend .articleTitle {
    margin-bottom: 25px;
  }
  .productsArticle.recommend .navigation-wrapper {
    position: relative;
    width: calc(100% + 40px);
    left: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .productsArticle.recommend .navigation-wrapper .keen-slider:not([data-keen-slider-disabled]) {
    overflow: inherit;
  }
  /* ======================================================================================================== postForm */
  .postForm dl > dt {
    width: min(29.3333333333vw, 110px);
    font-size: min(3.7333333333vw, 14px);
  }
  .postForm dl > dd {
    width: calc(100% - 110px);
  }
  .postForm dl > dd:after {
    width: 45px;
    mask-size: 14px auto;
    -webkit-mask-size: 14px auto;
  }
  .postForm select {
    font-size: min(4vw, 15px);
    padding: 15px 18px;
    border-radius: 8px;
  }
  .postForm .hv_op {
    min-height: min(13.8666666667vw, 52px);
    border-radius: 8px;
    margin-top: 25px;
  }
  .postForm .hv_op span {
    font-size: min(4vw, 15px);
  }
  .postForm .hv_op > div > span {
    font-size: min(4vw, 15px);
  }
  /* ============================================================================================ 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: 100%;
  }
  .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 */
  /* ============================================================================================ pdKv */
  .pKvLeader__inner {
    position: initial;
  }
  /* ============================================================================================ reserveAlert */
  .reserveAlert {
    padding: 18px 20px;
    border-radius: 7px;
    margin-bottom: 10px;
  }
  .reserveAlert__title {
    font-size: 13px;
    margin-bottom: 10px;
  }
  .reserveAlert__text--p {
    font-size: 11px;
    margin-bottom: 3px;
  }
  .productsKv .productBlock__inner {
    padding-top: 1.5vw;
    padding-bottom: 1.5vw;
  }
  .postForm.is--coming {
    min-height: min(13.8666666667vw, 52px);
    margin-top: 5px;
    border-radius: 8px;
  }
  .postForm.is--coming::after {
    font-size: min(4vw, 15px);
  }
  .postForm.is--coming .online-forms {
    display: none !important;
  }
  .pdKvInfo__default .productBlock__inner img {
    border-radius: 8px;
    margin-top: 10px;
  }
  .pdKvInfo__postTab .productBlock__infoPrice > span {
    font-size: 12px;
  }
}