@charset "UTF-8";

/* ページ共通___________________________*/
.sneaker_lp {
  margin-top: calc(80* (100vw / 750));
}

@media screen and (max-width: 767px) {
  .sneaker_lp {
    overflow: hidden;
  }
}

@media screen and (min-width: 768px) {
  #footer_emmi {
    margin-top: 11.7rem;
  }

  .sneaker_lp {
    width: 140rem;
    margin: 7.9rem auto 0;
  }

  .main-area {
    overflow: initial;
  }
}

.sneaker_lp .img {
  background: #fff;
  font-size: 0;
}

.sneaker_lp img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.sneaker_lp a,
.sneaker_lp picture,
.sneaker_lp span {
  display: inline-block;
}

/* font */
.sneaker_lp p,
.sneaker_lp h4,
.sneaker_lp li {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  font-weight: 500;
  color: #000;
}


/* ▽_____________ credit ______________▽ */
.style_credit_block {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
}

.style_credit_block li:not(.credit_not_margin) {
  margin-right: calc(17* (100vw / 750));
}

.style_credit_block::after {
  content: "";
  width: 100%;
}

.style_credit_block::before {
  content: "";
  order: 2;
  width: 100%;
}

.style_credit_block li {
  font-family: pragmatica, sans-serif;
  font-weight: 300;
  font-size: calc(22* (100vw / 750));
  letter-spacing: 0.05em;
  line-height: 1.818;
  text-align: end;
  white-space: nowrap;
}

@media screen and (min-width: 768px) {
  .style_credit_block li {
    font-size: 1.4rem;
    line-height: 1.857;
  }

  .style1_credit_block {
    justify-content: flex-start;
    align-items: flex-start;
    margin: 2.4rem 0 -0.6rem 0;
  }

  .style_credit_block li:not(.credit_not_margin) {
    margin-right: 1.1rem;
  }
}

/* ▽_____________ fv ______________▽ */
.sec__fv {
  width: calc(750* (100vw / 750));
  margin: auto;
}

.sec__fv p {
  font-size: calc(24* (100vw / 750));
  text-align: center;
  line-height: 2;
  letter-spacing: 0;
  margin-top: calc(67* (100vw / 750));
}

@media screen and (min-width: 768px) {
  .sec__fv {
    width: 108rem;
  }

  .sec__fv p {
    font-size: 1.4rem;
    margin-top: 7.3rem;
  }
}

/* ▽_____________ sec ______________▽ */
.sec__style {
  position: relative;
  margin: 0 auto 0;
  margin-top: 0;
}

.sec__style1 {
  margin-top: calc(150* (100vw / 750));
}

.img01 {
  width: calc(442* (100vw / 750));
  margin: 0 0 0 auto;
}

.img02 {
  width: calc(442* (100vw / 750));
  margin: calc(45* (100vw / 750)) 0 0 0;
}

.style1_credit_block {
  width: calc(600* (100vw / 750));
  margin: calc(21* (100vw / 750)) 0 0 calc(29* (100vw / 750));
}

.img03 {
  width: calc(674* (100vw / 750));
  margin: calc(92 * (100vw / 750)) 0 0 auto;
}

.item_wrap {
  position: relative;
  display: flex;
  grid-template-rows: auto;
  text-align: center;
  margin: calc(100* (100vw / 750)) auto 0;
  width: fit-content;
}

.item_wrap li {
  width: calc(300* (100vw / 750));
}

.item_wrap .itemimg {
  margin-bottom: 0 !important;
}

.item_wrap .itemimg+a {
  margin-top: calc(64* (100vw / 750));
}

.item01 {
  width: calc(300* (100vw / 750));
}

.item_wrap .item_wrap-name {
  font-family: "new-atten", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(44* (100vw / 750));
  letter-spacing: 0.025em;
  line-height: 1;
  white-space: nowrap;
}

.item_wrap .item_wrap-name .kakko {
  font-size: calc(34* (100vw / 750));
  margin-top: calc(13* (100vw / 750));
  position: relative;
}

.item_wrap .item_wrap-name .kakko_inner {
  font-size: calc(36* (100vw / 750));
  position: relative;
  top: calc(2* (100vw / 750));
  letter-spacing: 0.025em;
}

.item_wrap .item_wrap-price {
  font-family: pragmatica, sans-serif;
  font-weight: 300;
  font-size: calc(26* (100vw / 750));
  letter-spacing: 0.025em;
  line-height: 1;
  margin-top: calc(24* (100vw / 750));
  text-decoration: underline;
}

/* ▽_____________ slick dot ______________▽ */
.slick-dots {
  bottom: calc(-37* (100vw / 750)) !important;
  left: calc(3* (100vw / 750)) !important;
}

.slick-dots li {
  margin: 0 calc(2* (100vw / 750)) !important;
  width: calc(20* (100vw / 750)) !important;
  height: calc(20* (100vw / 750)) !important;
}

.slick-dots li button {
  width: calc(20* (100vw / 750)) !important;
  height: calc(20* (100vw / 750)) !important;
}

.slick-dots li button:before {
  border-radius: 50%;
  font-size: calc(14* (100vw / 750)) !important;
  width: calc(12* (100vw / 750)) !important;
  height: calc(12* (100vw / 750)) !important;
  opacity: 0.3 !important;
  line-height: 1.5 !important;
}

.slick-dots li.slick-active button {
  background: none;
}

.slick-dots li.slick-active button:before {
  opacity: 1 !important;
}



.sec1_item_wrap1 .slick-dots li:nth-of-type(1) button:before {
  color: #EE8683;
}

.sec1_item_wrap1 .slick-dots li:nth-of-type(2) button:before {
  color: #555555;
}

.sec1_item_wrap1 .slick-dots li:nth-of-type(3) button:before {
  color: #CECECE;
}

.sec1_item_wrap1 .slick-dots li:nth-of-type(4) button:before {
  color: #AFA14D;
}


.sec1_item_wrap2 {
  position: relative;
  margin: calc(120* (100vw / 750)) 0 0 0;
  padding-left: calc(63* (100vw / 750));
}

.sec1_item_wrap2 li {
  width: calc(270* (100vw / 750));
}

.sec1_item_wrap2 .itemimg {
  width: calc(270* (100vw / 750));
  margin: auto;
}

.sec1_item_wrap2::before,
.sec2_item_wrap2::before,
.sec5_item_wrap2::before {
  position: absolute;
  content: "";
  background: rgba(209, 209, 209, 0.25);
  width: calc(710* (100vw / 750));
  height: calc(582* (100vw / 750));
  top: calc(-40* (100vw / 750));
  left: 0;
  z-index: -1;
}

.sec1_item_wrap2::after,
.sec2_item_wrap2::after,
.sec3_item_wrap2::after,
.sec4_item_wrap2::after,
.sec5_item_wrap2::after {
  position: absolute;
  content: "";
  background: url(../img/nike.svg) no-repeat;
  width: calc(56.5* (100vw / 750));
  height: calc(187* (100vw / 750));
  top: calc(-61* (100vw / 750));
  right: calc(-135* (100vw / 750));
  z-index: 1;
}

.sec1_item_wrap2 .item_wrap-name {
  margin-top: 0;
}

.sec1_item_wrap2 .item_wrap-price {
  margin-top: calc(30* (100vw / 750));
}

@media screen and (min-width: 768px) {
  .sec__style .inner {
    display: grid;
    width: 140rem;
    margin: 0 auto 0;
  }

  .sec__style .img {
    margin: 0;
  }

  .sec__style1 {
    margin-top: 9.2rem;
  }

  .sec__style1 .inner {
    grid-template-columns: 11rem 47rem 10rem 1rem auto;
    grid-template-rows: 14rem 88.2rem auto;
  }

  .sec1_flex_wrap {
    grid-column: 5/6;
    grid-row: 1/2;
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem 3rem;
  }

  .img01,
  .img02 {
    width: 34rem;
  }

  .img03 {
    grid-column: 1;
    grid-row: 2;
    width: 58rem;
  }

  .style1_credit_block {
    width: 40rem;
    margin: 0;
  }

  .sec1_item_wrap1 {
    grid-column: 2;
    grid-row: 3;
    margin: 0;
    gap: 3.5rem;
  }

  .item_wrap li {
    width: 24rem;
  }

  .item01 {
    width: 24rem;
  }

  .item_wrap .itemimg+a {
    margin-top: 3.7rem;
  }

  .item_wrap .item_wrap-name {
    font-size: 2.4rem;
  }

  .item_wrap .item_wrap-name .kakko {
    font-size: 1.5rem;
    margin-top: 0;
    top: -0.1rem;
    left: 0.1rem;
  }

  .item_wrap .item_wrap-name .kakko_inner {
    font-size: 1.8rem;
    top: 0;
    left: 0.1rem;
  }

  .item_wrap .item_wrap-price {
    font-size: 1.6rem;
    margin-top: 1.8rem;
  }

  /* ▽_____________ slick dot ______________▽ */
  .slick-dots {
    bottom: -1.5rem !important;
    left: 0.4rem !important;
  }

  .slick-dots li {
    margin: 0 0.2rem !important;
    width: 2rem !important;
    height: 2rem !important;
  }

  .slick-dots li button {
    width: 2rem !important;
    height: 2rem !important;
    padding: 0.5rem !important;
  }

  .slick-dots li button:before {
    font-size: 1.4rem !important;
    width: 1.2rem !important;
    height: 1.2rem !important;
  }

  /* ▽_____________ sec1_item_wrap2 ______________▽ */
  .sec1_item_wrap2 {
    margin: 0 0 0 0;
    padding-left: 7.5rem;
    padding-top: 2.6rem;
    gap: 3rem;
    grid-column: 4;
    grid-row: 3;
  }

  .sec1_item_wrap2 li {
    width: 24rem;
  }

  .sec1_item_wrap2 .itemimg {
    width: 24rem;
  }

  .sec1_item_wrap2::before,
  .sec2_item_wrap2::before {
    width: 65rem;
    height: 42rem;
    top: 0;
    left: 0;
  }

  .sec1_item_wrap2::after,
  .sec2_item_wrap2::after,
  .sec3_item_wrap2::after,
  .sec4_item_wrap2::after,
  .sec5_item_wrap2::after {
    width: 3.2rem;
    height: 10.5rem;
    top: -1.7rem;
    right: -7.4rem;
  }

  .sec1_item_wrap2 .item_wrap-name {
    margin-top: 1.2rem;
  }

  .sec1_item_wrap2 .item_wrap-price {
    margin-top: 1.7rem;
  }
}






/* ▽_____________ sec2 ______________▽ */
.sec__style2 {
  margin-top: calc(236* (100vw / 750));
}

.img04 {
  width: calc(484* (100vw / 750));
  margin-left: auto;
}

.img05 {
  width: calc(484* (100vw / 750));
  margin-top: calc(44* (100vw / 750));
}

.img06_wrap {
  width: calc(750* (100vw / 750));
  margin-top: calc(100* (100vw / 750));
}

.style2_credit_block {
  margin: calc(22* (100vw / 750)) 0 0 calc(29* (100vw / 750));
}

.sec2_item_wrap1 .item_wrap-name {
  margin-top: calc(-4* (100vw / 750));
}

.sec2_item_wrap1 .slick-dots {
  bottom: calc(-33 *(100vw / 750)) !important;
  left: calc(3* (100vw / 750)) !important;
}

.sec2_item_wrap1 {
  margin-top: calc(89* (100vw / 750));
  gap: calc(30* (100vw / 750));
}

.sec2_item_wrap1 li {
  width: calc(250* (100vw / 750));
}

@media screen and (max-width: 767px) {
  .sec2_item_wrap1>li:nth-child(2) {
    position: relative;
    left: calc(-4* (100vw / 750));
  }

  .style2_credit_block li:nth-child(n+3) {
    order: 1;
  }
}

.item05,
.item06 {
  width: calc(250* (100vw / 750));
}

.sec2_item_wrap2 {
  position: relative;
  margin: calc(120* (100vw / 750)) 0 0 0;
  gap: calc(20* (100vw / 750));
  padding-left: calc(65* (100vw / 750));
}

.sec2_item_wrap2::after {
  right: calc(-115* (100vw / 750));
}

.sec2_item_wrap2 li {
  width: calc(270* (100vw / 750));
}

.sec2_item_wrap2 .item_wrap-name {
  margin-top: calc(2* (100vw / 750));
}

.sec2_item_wrap2 .item_wrap-price {
  margin-top: calc(29* (100vw / 750));
}

.sec2_item_wrap1 .slick-dots li:nth-of-type(1) button:before {
  color: #693130;
}

.sec2_item_wrap1 .slick-dots li:nth-of-type(2) button:before {
  color: #7F98C7;
}

.sec2_item_wrap1 .slick-dots li:nth-of-type(3) button:before {
  color: #E6DDA4;
}

@media screen and (min-width: 768px) {
  .sec__style2 {
    margin-top: 20.2rem;
  }

  .sec__style2 .inner {
    width: 117rem;
    padding-right: 1rem;
    grid-template-columns: 5rem 52rem 14rem auto;
    grid-template-rows: 35rem 97.6rem auto;
  }

  .sec2_flex_wrap {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    grid-column: 4;
    grid-row: 1;
    width: 44rem;
  }

  .img04,
  .img05 {
    width: 44rem;
  }

  .img06_wrap {
    width: 58rem;
    grid-column: 2;
    grid-row: 2;
    margin: 0;
  }

  .style2_credit_block {
    width: 45rem;
    margin: 1.5rem 0 0 0;
  }

  .sec2_item_wrap1 {
    grid-column: 1;
    grid-row: 3;
    gap: 3.5rem;
    margin: 0;
  }

  .sec2_item_wrap1 li {
    width: 24rem;
  }

  .item05,
  .item06 {
    width: 24rem;
  }

  .sec2_item_wrap1 .item_wrap-name {
    margin-top: -0.3rem;
  }

  .sec2_item_wrap1 .slick-dots {
    bottom: -1.6rem !important;
    left: 0.3rem !important;
  }

  .sec2_item_wrap2 {
    grid-column: 3;
    grid-row: 3;
    margin: 0;
    padding: 2.8rem 0 0 4.1rem;
    gap: 3rem;
  }

  .sec2_item_wrap2::before {
    width: 60rem;
  }

  .sec2_item_wrap2::after {
    right: -6.2rem;
    top: -1.6rem;
  }

  .sec2_item_wrap2 li {
    width: 24rem;
    margin: 0;
    padding-left: 0;
  }

  .sec2_item_wrap2 .item_wrap-name {
    margin-top: 1.8rem;
  }

  .sec2_item_wrap2 .item_wrap-price {
    margin-top: 2.3rem;
  }
}



/* ▽_____________ sec3 ______________▽ */

.sec__style3 {
  margin-top: calc(235* (100vw / 750));
}

.img07_wrap {
  width: calc(750* (100vw / 750));
}

.style3_credit_block {
  margin: calc(22* (100vw / 750)) 0 0 calc(30* (100vw / 750));
}

@media screen and (max-width: 767px) {
  .sec3_flex_wrap {
    margin: calc(90* (100vw / 750)) auto 0;
    width: calc(620* (100vw / 750));
  }
}

.img08 {
  width: calc(520* (100vw / 750));
}

.img09 {
  width: calc(540* (100vw / 750));
  margin: calc(45 * (100vw / 750)) 0 0 auto;
}

.sec3_item_wrap1 {
  width: calc(280* (100vw / 750));
  margin: calc(101* (100vw / 750)) auto 0;
}

.sec3_item_wrap1 .item_wrap-price {
  margin-top: calc(13* (100vw / 750));
}

.item09 {
  width: calc(280* (100vw / 750));
}

.sec3_item_wrap2 {
  position: relative;
  margin: calc(143* (100vw / 750)) auto 0;
  justify-content: center;
  flex-wrap: wrap;
  gap: calc(73* (100vw / 750)) calc(25* (100vw / 750));
  padding-left: calc(4* (100vw / 750));
}

.sec3_item_wrap2::before,
.sec4_item_wrap2::before {
  position: absolute;
  content: "";
  background: rgba(236, 242, 255, 0.35);
  width: calc(750* (100vw / 750));
  height: calc(1184* (100vw / 750));
  top: calc(-60* (100vw / 750));
  left: 0;
  z-index: -1;
}

.sec3_item_wrap2::after,
.sec4_item_wrap2::after {
  transform: rotate(270deg);
  top: calc(-150* (100vw / 750));
  right: calc(116* (100vw / 750));
}

.sec3_item_wrap2 li {
  width: calc(290* (100vw / 750));
}

.sec3_item_wrap2 .item_wrap-name {
  margin-top: 0;
}

.sec3_item_wrap2 .item_wrap-price {
  margin-top: calc(30* (100vw / 750));
}

@media screen and (max-width: 767px) {
  .sec3_item_wrap2 li:nth-child(3) .item_wrap-name {
    margin-top: calc(-7* (100vw / 750));
  }
}

.sec3_item_wrap1 .slick-dots li:nth-of-type(1) button:before {
  color: #7F98C7;
}

.sec3_item_wrap1 .slick-dots li:nth-of-type(2) button:before {
  color: #555555;
}

.sec3_item_wrap1 .slick-dots li:nth-of-type(3) button:before {
  color: #E0E0C2;
}

@media screen and (min-width: 768px) {
  .sec__style3 {
    margin-top: 20.7rem;
  }

  .sec__style3 .inner {
    grid-template-columns: 11rem 9rem 18rem 42rem auto;
    grid-template-rows: 10rem 129rem auto;
  }

  .img07_wrap {
    width: 60rem;
    grid-column: 5;
    grid-row: 1;
  }

  .style3_credit_block {
    margin: 1.5rem 0 0 0;
    width: 40rem;
  }

  .sec3_flex_wrap {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    grid-column: 3;
    grid-row: 2;
  }

  .img08,
  .img09 {
    width: 48rem;
  }

  .sec3_item_wrap1 {
    margin: 0;
    width: 24rem;
    grid-column: 2;
    grid-row: 3;
  }

  .sec3_item_wrap1 .slick-dots {
    bottom: -3.6rem !important;
  }

  .item09 {
    width: 24rem;
  }

  .sec3_item_wrap1 .item_wrap-name {
    margin-top: 1.7rem;
  }

  .sec3_item_wrap1 .item_wrap-price {
    margin-top: 1rem;
  }

  .sec3_item_wrap2 {
    margin: 0;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 2rem;
    padding: 4rem 0 0 9.5rem;
    grid-column: 4;
    grid-row: 3;
  }

  .sec3_item_wrap2::before {
    width: 95rem;
    height: 43rem;
    top: 0;
  }

  .sec3_item_wrap2::after {
    transform: rotate(0deg);
    top: -1.7rem;
    right: -9.5rem;
  }

  .sec3_item_wrap2 li {
    width: 24rem;
  }

  .sec3_item_wrap2 li:nth-child(3) {
    margin-left: 1rem;
  }

  .sec3_item_wrap2 .item_wrap-name {
    margin-top: 1.1rem;
  }

  .sec3_item_wrap2 .item_wrap-price {
    margin-top: 1rem;
  }
}






/* ▽_____________ sec4 ______________▽ */
.sec__style4 {
  margin-top: calc(235* (100vw / 750));
}

.sec4_flex_wrap {
  width: calc(579* (100vw / 750));
  display: flex;
  flex-direction: column;
  gap: calc(45* (100vw / 750));
  margin-top: calc(30* (100vw / 750));
}

.img12_wrap {
  width: calc(661* (100vw / 750));
  margin: calc(100* (100vw / 750)) 0 0 auto;
}

.style4_credit_block {
  margin: calc(22* (100vw / 750)) calc(12* (100vw / 750)) 0 auto;
  justify-content: flex-end;
}

.sec4_item_wrap1 {
  width: calc(260* (100vw / 750));
  margin: calc(90* (100vw / 750)) auto 0;
}

.sec4_item_wrap1 .item_wrap-name {
  margin-top: calc(-1* (100vw / 750));
}

.sec4_item_wrap1 .item_wrap-price {
  margin-top: calc(23* (100vw / 750));
}

.item13 {
  width: calc(260* (100vw / 750));
}

.sec4_item_wrap2 {
  margin-top: calc(82* (100vw / 750));
  padding-top: calc(60* (100vw / 750));
  justify-content: center;
  flex-wrap: wrap;
  gap: calc(60* (100vw / 750)) calc(10* (100vw / 750));
}

.sec4_item_wrap2 li {
  width: calc(230* (100vw / 750));
}

.sec4_item_wrap2 .item_wrap-name {
  margin-top: calc(23* (100vw / 750));
}

.sec4_item_wrap2 .item_wrap-price {
  margin-top: calc(30* (100vw / 750));
}

@media screen and (max-width: 767px) {
  .sec4_item_wrap2 li:nth-child(n+4) {
    width: calc(280* (100vw / 750));
  }

  .sec4_item_wrap2 li:nth-child(n+4) .item_wrap-name {
    margin-top: calc(-19* (100vw / 750));
  }

  .sec4_item_wrap2 li:nth-child(4) {
    margin: 0 0 0 calc(-7* (100vw / 750));
  }

  .sec4_item_wrap2 li:nth-child(5) {
    margin: 0 0 0 calc(35* (100vw / 750));
  }
}

.sec4_item_wrap2::before {
  height: calc(1249* (100vw / 750));
  top: 0;
}

.sec4_item_wrap2::after {
  right: initial;
  left: calc(107* (100vw / 750));
  top: calc(-89* (100vw / 750));
}

.sec4_item_wrap1 .slick-dots li:nth-of-type(1) button:before {
  color: #2B2F40;
}

.sec4_item_wrap1 .slick-dots li:nth-of-type(2) button:before {
  color: #C3C9BA;
}

.sec4_item_wrap1 .slick-dots li:nth-of-type(3) button:before {
  color: #D6D2C8;
}

@media screen and (min-width: 768px) {
  .sec__style4 {
    margin-top: 20.5rem;
  }

  .sec__style4 .inner {
    grid-template-columns: 7.5rem 8.5rem 20rem 30rem auto;
    grid-template-rows: 47.5rem 57.5rem 47.5rem auto;
  }

  .sec4_flex_wrap {
    width: 46rem;
    gap: 3rem;
    margin-top: 0;
    grid-column: 1;
    grid-row: 1;
  }

  .img12_wrap {
    width: 59rem;
    margin: 0;
    grid-column: 5;
    grid-row: 2;
  }

  .style4_credit_block {
    width: 45rem;
    margin: 1.6rem -1.2rem 0 auto;
  }

  .sec4_item_wrap1 {
    width: 20rem;
    margin: 0;
    grid-column: 3;
    grid-row: 3;
  }

  .sec4_item_wrap1 .slick-dots {
    bottom: -3.6rem !important;
  }

  .sec4_item_wrap1 .item_wrap-name {
    margin-top: 1.7rem;
  }

  .sec4_item_wrap1 .item_wrap-price {
    margin-top: 2.1rem;
  }

  .item13 {
    width: 20rem;
  }

  .sec4_item_wrap2 {
    margin-top: 0;
    padding: 4rem 0 0 6.6rem;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 0;
    grid-column: 2;
    grid-row: 4;
  }

  .sec4_item_wrap2 li {
    width: 24rem;
  }

  .sec4_item_wrap2 li:nth-child(n+2):nth-child(-n+3) {
    margin-left: -2rem;
  }

  .sec4_item_wrap2 li:nth-child(4) {
    margin-left: -0.5rem;
  }

  .sec4_item_wrap2 li:nth-child(5) {
    margin-left: 0.5rem;
  }

  .sec4_item_wrap2 .item_wrap-name {
    margin-top: 0.7rem;
  }

  .sec4_item_wrap2 .item_wrap-price {
    margin-top: 1.7rem;
  }

  .sec4_item_wrap2::before {
    width: 125rem;
    height: 47rem;
  }

  .sec4_item_wrap2::after {
    left: -1.4rem;
    top: 2.6rem;
    transform: rotate(180deg);
  }

}





/* ▽_____________ sec5 ______________▽ */
.sec__style5 {
  margin-top: calc(261* (100vw / 750));
}

.sec5_flex_wrap_1 {
  margin-top: calc(30* (100vw / 750));
}

.img13 {
  width: calc(661* (100vw / 750));
}

.img14 {
  width: calc(620* (100vw / 750));
  margin: calc(47* (100vw / 750)) 0 0 auto;
}

.sec5_flex_wrap_2 {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(60* (100vw / 750));
}

@media screen and (max-width: 767px) {
  .sec5_flex_wrap_2::after {
    content: "";
    width: 100%;
  }

  .sec5_flex_wrap_2 .sec5_flex_wrap_2_inner:nth-child(n+2) {
    order: 1;
  }
}


.style5_credit_block {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  left: calc(24* (100vw / 750));
  bottom: calc(-10* (100vw / 750));
}

.img15 {
  width: calc(453* (100vw / 750));
}

.img16 {
  width: calc(408* (100vw / 750));
  margin: calc(41* (100vw / 750)) 0 0 auto;
}

.sec5_item_wrap1 {
  margin: calc(100* (100vw / 750)) auto 0;
  gap: calc(20* (100vw / 750));
  padding-left: calc(20* (100vw / 750));
}

.sec5_item_wrap1 li {
  width: calc(240* (100vw / 750));
}

.item19,
.item20 {
  width: calc(240* (100vw / 750));
}

.sec5_item_wrap1 .item_wrap-price {
  margin-top: calc(18* (100vw / 750));
}

.sec5_item_wrap2 {
  position: relative;
  margin: calc(122* (100vw / 750)) 0 0 0;
  gap: calc(8* (100vw / 750));
  padding-left: calc(59* (100vw / 750));
}

.sec5_item_wrap2::after {
  right: calc(-108* (100vw / 750));
  top: calc(-64* (100vw / 750));
}

.sec5_item_wrap2 li {
  width: calc(282* (100vw / 750));
}

.sec5_item_wrap2 .item_wrap-name {
  margin-top: calc(-2* (100vw / 750));
}

.sec5_item_wrap2 .item_wrap-price {
  margin-top: calc(31* (100vw / 750));
}

.item19 .slick-dots li:nth-of-type(1) button:before {
  color: #D6D2C8;
}

.item19 .slick-dots li:nth-of-type(2) button:before {
  color: #2B2F40;
}

.item19 .slick-dots li:nth-of-type(3) button:before {
  color: #C3C9BA;
}

.item20 .slick-dots li:nth-of-type(1) button:before {
  color: #EAE6DB;
}

.item20 .slick-dots li:nth-of-type(2) button:before {
  color: #555555;
}

.item20 .slick-dots li:nth-of-type(3) button:before {
  color: #F78C4C;
}

@media screen and (min-width: 768px) {
  .sec__style5 {
    margin-top: 24.8rem;
  }

  .sec__style5 .inner {
    grid-template-columns: 13rem 19rem 36rem auto;
    grid-template-rows: 86.5rem 50rem 8rem auto;
  }

  .sec5_flex_wrap_1 {
    display: flex;
    gap: 3rem;
    margin-top: 0;
    grid-column: 1/5;
    grid-row: 1;
  }

  .img13 {
    width: 60rem;
  }

  .img14 {
    width: 54rem;
    margin: 0;
  }

  .sec5_flex_wrap_2 {
    flex-wrap: nowrap;
    margin-top: 0;
    gap: 3rem;
    grid-column: 3/5;
    grid-row: 2;
    justify-content: flex-end;
  }

  .style5_credit_block {
    left: 2.2rem;
    bottom: -0.7rem;
    order: 0;
  }

  .img15 {
    width: 42rem;
    order: 1;
  }

  .img16 {
    width: 40rem;
    margin: 0;
    order: 2;
  }

  .sec5_item_wrap1 {
    margin: 0;
    gap: 1.5rem;
    padding-left: 0;
    grid-column: 2;
    grid-row: 4;
  }

  .sec5_item_wrap1 .slick-dots {
    bottom: -3.5rem !important;
  }

  .sec5_item_wrap1 li {
    width: 24rem;
  }

  .item19,
  .item20 {
    width: 24rem;
  }

  .sec5_item_wrap1 .item_wrap-name {
    margin-top: 1.6rem;
  }

  .sec5_item_wrap1 .item_wrap-price {
    margin-top: 2.1rem;
  }

  .sec5_item_wrap2 {
    margin: 0;
    gap: 3rem;
    padding: 1.8rem 0 0 5rem;
    grid-column: 4;
    grid-row: 4;
  }

  .sec5_item_wrap2::before {
    width: 60rem;
    height: 42rem;
    top: 0;
  }

  .sec5_item_wrap2::after {
    right: -5rem;
    top: -1.6rem;
  }

  .sec5_item_wrap2 li {
    width: 24rem;
  }

  .sec5_item_wrap2 .item_wrap-name {
    margin-top: 1.8rem;
  }

  .sec5_item_wrap2 .item_wrap-price {
    margin-top: 1.7rem;
  }
}






/* ▽ lp__foot_btn ▽ */
.sneaker_lp .lp__foot_btn {
  display: flex;
  justify-content: center;
  margin: calc(203* (100vw / 750)) auto calc(9* (100vw / 750));
  width: calc(354* (100vw / 750));
  height: calc(58* (100vw / 750));
  font-family: pragmatica, sans-serif;
  font-weight: 400;
  font-size: calc(24* (100vw / 750));
  letter-spacing: 0.05em;
  border: 1px solid #000;
  line-height: 2.3;
}

@media screen and (min-width: 768px) {
  .sneaker_lp .lp__foot_btn {
    margin: 12.4rem auto 0;
    width: 22rem;
    height: 3.5rem;
    font-size: 1.5rem;
  }
}

@media only screen and (min-width: 561px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {}

@media (max-width: 1400px) and (min-width: 768px) {
  html {
    font-size: calc(10 * (100vw / 1400));
  }
}