/* hover
=================================================================== */
/* ================================================ vw vh */
/* common
=================================================================== */
/* layout
=================================================================== */
/* imgCover
=================================================================== */
/* mask
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* textTate
=================================================================== */
/* form
=================================================================== */
/* =================================================================== hover anime */
@keyframes pop-hover {
  0% {
    transform: translate(0, 0) rotate(0);
  }
  10% {
    transform: translate(0, 2px) rotate(-6deg);
  }
  20% {
    transform: translate(0, -6px) rotate(0);
  }
  30% {
    transform: translate(0, 3px) rotate(3deg);
  }
  40% {
    transform: translate(0, -3px) rotate(0);
  }
  50% {
    transform: translate(0, 0) rotate(0);
  }
  100% {
    transform: translate(0, 0) rotate(0);
  }
}
@keyframes pop-hover-sm {
  0% {
    transform: translate(0, 0) rotate(0);
  }
  10% {
    transform: translate(0, 2px) rotate(-1deg);
  }
  20% {
    transform: translate(0, -6px) rotate(0);
  }
  30% {
    transform: translate(0, 3px) rotate(0.5deg);
  }
  40% {
    transform: translate(0, -3px) rotate(0);
  }
  50% {
    transform: translate(0, 0) rotate(0);
  }
  100% {
    transform: translate(0, 0) rotate(0);
  }
}
/* =================================================================== slider anime */
@keyframes slider-anime {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
/*============================================================================================ 1285px */
@media only screen and (max-width: 767px) {
  /* ================================================ vw */
  /* ================================================ vh */
  /* ============================================================================================ topKv */
  .topKv {
    padding-top: 40px;
    max-height: inherit !important;
    min-height: inherit;
  }
  /* --------------------------------------- topKvCopy common */
  .topKvCopy__main {
    width: min(40.5333333333vw, 152px);
  }
  .topKvCopy__sub {
    width: 49.3333333333%;
  }
  .topKvCopy__mainImg {
    width: 22.7450980392%;
  }
  /* ================================================ topKvImg */
  .topKvImg__large {
    height: 89.7902097902%;
  }
  /* --------------------------------------- topKvImg aside text */
  .topKvImg__aside--tate {
    top: 1.5384615385%;
    left: 2.1333333333%;
  }
  .topKvImg__aside--tate .topKvImg__asideText {
    transform: scale(0.9);
    transform-origin: center top;
  }
  .topKvImg__aside {
    transform: translate(0, 0);
  }
  .topKvImg__asideText {
    line-height: 1;
    font-size: min(2.6666666667vw, 10px);
    transform: scale(0.55);
    transform-origin: left top;
  }
  .topKvImg__block .topKvImg__aside {
    transform: translate(0, 50%);
  }
  .topKvImg__block .topKvImg__aside .topKvImg__asideText {
    transform: scale(0.6);
  }
  /* ================================================ topKv__layout detail */
  /* --------------------------------------- topKv__layout 1 */
  .topKv__layout--1 .topKvCopy__main {
    top: 69.2307692308%;
    right: 14.6412884334%;
  }
  .topKv__layout--1 .topKvCopy__sub {
    width: 117.6470588235%;
    left: -77%;
    bottom: 115%;
  }
  .topKv__layout--1 .topKvImg--1 {
    width: 75.4666666667%;
    height: 43.4426229508%;
    left: auto;
    right: 10.6666666667%;
    top: 10.6557377049%;
    transform: translate(0, 0);
  }
  .topKv__layout--1 .topKvImg--2 {
    width: 34.6354166667%;
    right: 18.4480234261%;
    top: 0%;
    transform: translateY(-78.9473684211%);
  }
  .topKv__layout--1 .topKvImg--3 {
    width: 28%;
    height: 17.2131147541%;
    right: auto;
    left: 0%;
    bottom: 10.4918032787%;
    transform: translate(-9.5238095238%, 0);
  }
  .topKv__layout--1 .topKvImg--3 .topKvImg__inner {
    padding-top: 0;
    height: 100%;
  }
  /* --------------------------------------- topKv__layout 2 */
  .topKv__layout--2 .topKvCopy__main {
    top: 70.4918032787%;
    left: 8%;
  }
  .topKv__layout--2 .topKvCopy__sub {
    width: 117.6470588235%;
    bottom: 130%;
  }
  .topKv__layout--2 .topKvImg__large {
    height: 40.6557377049%;
  }
  .topKv__layout--2 .topKvImg--1 {
    width: 70.4%;
    right: 0%;
    top: 9.0163934426%;
  }
  .topKv__layout--2 .topKvImg--2 {
    width: 19.2%;
    left: 0%;
    top: 0%;
  }
  .topKv__layout--2 .topKvImg--3 {
    width: 29.6%;
    left: auto;
    right: 0%;
    top: 56.6433566434%;
  }
  .topKv__layout--2 .topKvImg--4 {
    width: 21.3333333333%;
    left: -1.3333333333%;
    bottom: 0%;
  }
  /* --------------------------------------- topKv__layout 3 */
  .topKv__layout--3 .topKvCopy__main {
    top: 44.262295082%;
    right: 8%;
  }
  .topKv__layout--3 .topKvCopy__sub {
    width: 54.9333333333%;
    left: 10.6666666667%;
    top: 26%;
  }
  .topKv__layout--3 .topKvImg__large {
    height: 28.5245901639%;
  }
  .topKv__layout--3 .topKvImg--1 {
    width: 46.4%;
    right: auto;
    left: 0;
    top: auto;
    bottom: 6.5573770492%;
  }
  .topKv__layout--3 .topKvImg--2 {
    width: 20.5333333333%;
    left: auto;
    right: 17.3333333333%;
    bottom: 18.0327868852%;
  }
  .topKv__layout--3 .topKvImg--3 {
    width: 16.5333333333%;
    left: 12%;
    top: 44.5901639344%;
  }
  .topKv__layout--3 .topKvImg--4 {
    width: 33.3333333333%;
    left: auto;
    right: 0%;
    top: 9.0163934426%;
  }
  .topKv__layout--3 .topKvImg--5 {
    width: 25.3333333333%;
    left: 21.3333333333%;
    top: -5.737704918%;
  }
  /* --------------------------------------- topKv__layout 4 */
  .topKv__layout--4 .topKvCopy__main {
    top: 31.9672131148%;
    right: auto;
    left: 12%;
  }
  .topKv__layout--4 .topKvCopy__sub {
    width: 148.0263157895%;
    bottom: 140%;
    left: 60%;
  }
  .topKv__layout--4 .topKvImg__large {
    height: 36.8852459016%;
  }
  .topKv__layout--4 .topKvImg--1 {
    width: 60%;
    left: auto;
    right: 0;
    top: auto;
    bottom: 15.5737704918%;
  }
  .topKv__layout--4 .topKvImg--2 {
    width: 22.4%;
    left: auto;
    right: 16%;
    top: 0%;
    transform: translateY(0);
  }
  .topKv__layout--4 .topKvImg--3 {
    width: 29.3333333333%;
    left: -2.6666666667%;
    bottom: -1.6393442623%;
    transform: translateY(0);
  }
  /* ============================================================== news__keenWrapper keenArrow */
  .news__keenWrapper {
    padding-top: 0;
    margin-top: -10px;
    /* --------------------------------------- keenArrow */
  }
  .news__keenWrapper .keenArrow {
    display: none;
  }
  /* ============================================================================================ productBlock */
  /* --------------------------------------- top layout setting */
  .productBlock--strong, .top .productBlock__list .productBlock:nth-child(1) {
    width: 100%;
  }
  .top .productBlock__list .productBlock:nth-child(6) {
    width: calc(50% - 10px);
  }
  .productBlock--flexEnd, .top .productBlock__list .productBlock:nth-child(3), .top .productBlock__list .productBlock:nth-child(4) {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .productBlock--strong .productBlock__thum, .top .productBlock__list .productBlock:nth-child(1) .productBlock__thum {
    margin-bottom: 25px;
  }
  .productBlock--strong .productBlock__cateTag, .top .productBlock__list .productBlock:nth-child(1) .productBlock__cateTag {
    margin-bottom: 5px;
  }
  .productBlock--strong .productBlock__infoTitle, .top .productBlock__list .productBlock:nth-child(1) .productBlock__infoTitle {
    width: auto;
    font-size: 18px;
    margin-right: 22px;
  }
  .productBlock--strong .productBlock__infoPrice, .top .productBlock__list .productBlock:nth-child(1) .productBlock__infoPrice {
    padding-top: 2px;
  }
  .productBlock--strong .productBlock__infoPrice > span.fontEn, .top .productBlock__list .productBlock:nth-child(1) .productBlock__infoPrice > span.fontEn {
    font-size: 16px;
  }
  .productBlock--strong .productBlock__infoDesc, .top .productBlock__list .productBlock:nth-child(1) .productBlock__infoDesc {
    font-size: 12px;
    width: 100%;
    max-width: inherit;
  }
  .productBlock--strong .btnIcon, .top .productBlock__list .productBlock:nth-child(1) .btnIcon {
    position: relative;
  }
  .top .productBlock__list .productBlock:nth-child(6) .productBlock__cateTag {
    margin-bottom: 0;
  }
  .top .productBlock__list .productBlock:nth-child(6) .productBlock__infoTitle {
    width: 100%;
    font-size: 14px;
    margin-right: 0;
  }
  .top .productBlock__list .productBlock:nth-child(6) .productBlock__infoPrice {
    padding-top: 2px;
  }
  .top .productBlock__list .productBlock:nth-child(6) .productBlock__infoPrice > span.fontEn {
    font-size: 13px;
  }
  .top .productBlock__list .productBlock:nth-child(6) .productBlock__infoPrice > span {
    font-size: 10px;
  }
  .top .productBlock__list .productBlock:nth-child(6) .productBlock__infoDesc {
    font-size: 11px;
    line-height: 1.7;
    margin-bottom: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 100%;
    max-width: inherit;
  }
  .top .productBlock__list .productBlock:nth-child(6) .btnIcon {
    position: relative;
  }
  /* ============================================================================================ shop */
  /* --------------------------------------- shop shopBlock__info */
  .shop .shopBlock__infoLeader .shopBlock__infoTitle {
    width: 100%;
  }
  /* --------------------------------------- shop keen */
  .shopSection {
    position: relative;
    width: calc(100% + 40px);
    left: -20px;
    padding: 20px;
    overflow: hidden;
    margin-bottom: 20px;
  }
  .shopSection .keen-slider:not([data-keen-slider-disabled]) {
    overflow: inherit;
  }
  /* ============================================================================================ topConcept */
  .topConcept .articleTitle {
    margin-bottom: 25px;
  }
  .topConcept__tob {
    display: block;
  }
  .topConcept__tobLeader {
    position: relative;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .topConcept__tobLeader .articleTitle--strong .articleTitle--p {
    font-size: min(4.8vw, 18px);
    letter-spacing: 0.2em;
  }
  .topConcept__tobContents {
    width: 100%;
  }
  .topConcept__tobContents .csBlock__leader {
    padding: 2.1333333333vw 0vw 7.4666666667vw 0;
  }
  /* ============================================================================================ edit kv */
  /* --------------------------------------- topKvCopy__subText */
  .topKvCopy__subText {
    margin-top: 3.2vw;
  }
  .topKvCopy__subText--p {
    font-size: 2.9333333333vw;
  }
  /* --------------------------------------- topKvCopy__mainText */
  .topKvCopy__mainText:nth-child(2) .topKvCopy__mainText--p {
    right: -0.5em;
  }
  .topKvCopy__mainText--p {
    font-size: 7.3333333333vw;
    letter-spacing: 0.4em;
  }
}/*# sourceMappingURL=top-sp.css.map */