#Wrap {
  max-width: 100%;
}

@media screen and (min-width: 561px) {
  #pagination.below {
    max-width: 120rem;
    margin-inline: auto;
  }

  #sortBlock {
    width: 120rem;
    justify-content: end;
    margin: auto;
  }
}

@font-face {
  font-family: "felix";
  src: url("../fonts/FELIXTI.TTF") format("truetype");
}

@font-face {
  font-family: "minion variable";
  src: url("../fonts/MinionVariableConcept-Roman.otf") format("opentype");
}

.categorylist--bottom {
  margin-top: 0;
}

.spcollection2 {
  margin-top: calc(27* (100vw / 750));
  padding-bottom: calc(20* (100vw /750));
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight: 400;
  font-style: normal;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  letter-spacing: 0;
  font-feature-settings: normal;
  overflow: hidden;
  color: #000;
  background-color: #f6e2e1;
  position: relative;
}

.spcollection2::before,
.spcollection2::after {
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.spcollection2 img,
.spcollection2 picture,
.spcollection2 iframe {
  width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
  vertical-align: bottom;
}

.spcollection2 iframe {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .spcollection2 .img {
    position: relative;
    background: #f6e2e1;
    font-size: 0;
  }
}

.spcollection2 a {
  display: inline;
}

.spcollection2 p {
  letter-spacing: 0;
  position: relative;
}

.spcollection2 h3 {
  font-weight: 400;
}

/*** lp_credit_area  ***/
.lp_credit_area {
  font-family: adobe-garamond-pro, serif;
  font-weight: 400;
  font-style: normal;
  position: relative;
  z-index: 2;
  width: fit-content;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  -webkit-font-smoothing: antialiased;
  margin-top: calc(22* (100vw /750));
}

.lp_credit_area::after {
  content: "";
  width: 100%;
}

.lp_credit_area::before {
  content: "";
  order: 2;
  width: 100%;
}

.lp_credit_area li {
  width: fit-content;
  font-size: calc(22* (100vw / 750));
  line-height: 1.35;
}

/* .lp_credit_area li>* {
  display: flex;
  flex-wrap: nowrap;
  line-height: 1.692;
} */

.lp_credit_area li span:not(.credit__category, .credit__price) {
  padding-right: calc(6* (100vw / 750));
}

.lp_credit_area span {
  letter-spacing: 0.02em;
}

@media screen and (max-width: 767px) {

  .pcOnly {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .spcollection2 {
    margin-top: 7.6rem;
    padding-bottom: 13rem;
  }

  .spOnly {
    display: none;
  }

  .lp_credit_area {
    margin-top: 2.3rem;
  }

  .lp_credit_area li {
    font-size: 2.2rem;
    line-height: 1.35;
  }

  /* .lp_credit_area li>* {
    line-height: 1.3636363636;
  } */

  .lp_credit_area li span:not(.credit__category, .credit__price) {
    padding-right: 0.7rem;
  }
}

/* ===============================================
* mv *
=============================================== */

.fv p {
  font-size: calc(22* (100vw /750));
  line-height: 1.8;
  text-align: center;
  margin-top: calc(22* (100vw /750));
}

@media screen and (min-width: 768px) {

  .fv,
  .sec {
    width: 79.5rem;
    margin-left: auto;
    margin-right: auto;
  }

  .fv p {
    font-size: 2.2rem;
    margin-top: 2.4rem;
  }
}

/* ▽_____________ sec ______________▽ */
.sec,
.relative_wrap {
  position: relative;
}

.video_wrap {
  pointer-events: none;
}

.sec_inner {
  position: relative;
  margin: auto;
}

.sec_inner h3,
.sec_inner .lp_credit_area {
  position: absolute;
  z-index: 2;
}

.sec_inner h3 {
  pointer-events: none;
}

.sec_inner::before {
  content: "";
  position: absolute;
  z-index: 0;
}

.sec_inner .lp_credit_area {
  position: relative;
  height: fit-content;
}

.ttl_wrap {
  position: absolute;
  width: calc(160* (100vw /750));
  pointer-events: none;
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .ttl_wrap {
    width: 16rem;
  }
}


/* ===============================================
* sec01 *
=============================================== */
.sec01 {
  width: calc(710 * (100vw /750));
  margin: calc(120* (100vw /750)) auto 0;
}

.video01 {
  width: calc(350* (100vw /750));
  margin-left: auto;
  z-index: 2;
}

.video01 iframe {
  height: calc(622* (100vw /750));
}

.video01 .ttl_wrap {
  top: calc(20*(100vw / 750));
  left: calc(-90*(100vw / 750));
}

.img01 {
  width: calc(505* (100vw /750));
  margin: calc(-100* (100vw /750)) 0 0 0;
}

.img01 .lp_credit_area {
  position: absolute;
  top: calc(-133*(100vw / 750));
  left: 0;
}

.img02 {
  width: calc(300* (100vw /750));
  margin: calc(-100* (100vw /750)) 0 0 auto;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .sec01 {
    width: 75.3rem;
    margin: 9rem auto 0;
  }

  .video01 {
    width: 37.1rem;
  }

  .video01 iframe {
    height: 66rem;
  }

  .video01 .ttl_wrap {
    top: 2.6rem;
    left: -9.6rem;
  }

  .img01 {
    width: 53.7rem;
    margin: -10.7rem 0 0 0;
  }

  .img01 .lp_credit_area {
    top: -13.9rem;
    left: 0;
  }

  .img02 {
    width: 31.8rem;
    margin: -10.7rem 0 0 auto;
  }
}

/* ===============================================
* sec02 *
=============================================== */
.sec02 {
  margin: calc(130* (100vw /750)) auto 0;
}

.video02 {
  width: calc(350* (100vw /750));
  margin: auto;
}

.video02 iframe {
  height: calc(622* (100vw /750));
}

.img03 {
  width: calc(450* (100vw /750));
  margin: calc(50*(100vw / 750)) auto 0;
  left: calc(63*(100vw / 750));
}

.img03 .ttl_wrap {
  top: calc(20*(100vw / 750));
  left: calc(-118*(100vw / 750));
}

.img03 .lp_credit_area {
  margin-left: auto;
  align-items: flex-end;
}

.sec02 .sec_inner {
  display: flex;
  justify-content: center;
  gap: calc(48*(100vw / 750));
  margin-top: calc(47*(100vw / 750));
}

.img04 {
  width: calc(200* (100vw /750));
}

.img05 {
  width: calc(333* (100vw /750));
}

@media screen and (min-width: 768px) {
  .sec02 {
    margin: 10rem auto 0;
  }

  .video02 {
    width: 37.1rem;
  }

  .video02 iframe {
    height: 66rem;
  }

  .img03 {
    width: 47.7rem;
    margin: 5.3rem auto 0;
    left: 6.7rem;
  }

  .img03 .ttl_wrap {
    top: 2.6rem;
    left: -12.4rem;
  }

  .img03 .lp_credit_area {
    margin-right: 1.2rem;
  }

  .sec02 .sec_inner {
    gap: 5.3rem;
    margin-top: 5.2rem;
  }

  .img04 {
    width: 21.2rem;
  }

  .img05 {
    width: 35.3rem;
  }
}


/* ===============================================
* sec03 *
=============================================== */
.sec03 {
  width: calc(710* (100vw /750));
  margin: calc(130* (100vw /750)) auto 0;
}

.img06 {
  width: calc(400* (100vw /750));
  margin-left: auto;
  z-index: 2;
}

.img07 {
  width: calc(400* (100vw /750));
  margin-top: calc(-150* (100vw /750));
  z-index: 1;
}

.img07 .ttl_wrap {
  top: calc(-125*(100vw / 750));
  left: calc(6*(100vw / 750));
}

.img07 .lp_credit_area {
  position: absolute;
  top: calc(523*(100vw / 750));
  right: calc(-230*(100vw / 750));
}

.img08 {
  width: calc(533* (100vw /750));
  margin: calc(50* (100vw /750)) auto 0;
}

@media screen and (min-width: 768px) {
  .sec03 {
    width: 75.3rem;
    margin: 10.3rem auto 0;
  }

  .img06 {
    width: 42.4rem;
  }

  .img07 {
    width: 42.4rem;
    margin-top: -16rem;
  }

  .img07 .ttl_wrap {
    top: -12.8rem;
    left: 0.7rem;
  }

  .img07 .lp_credit_area {
    top: 55.3rem;
    right: -23.1rem;
  }

  .img08 {
    width: 56.5rem;
    margin: 5.2rem auto 0;
  }
}

/* ===============================================
* sec04 *
=============================================== */
.sec04 {
  width: calc(710* (100vw /750));
  margin: calc(130* (100vw /750)) auto 0;
}

.sec04 .sec_inner {
  display: flex;
  justify-content: space-between;
}

.img09 {
  width: calc(343* (100vw /750));
}

.img10 {
  width: calc(333* (100vw /750));
  margin-top: calc(162*(100vw / 750));
}

.img10 .ttl_wrap {
  top: calc(-140* (100vw /750));
  right: calc(-70* (100vw /750));
}

@media screen and (min-width: 768px) {
  .sec04 {
    width: 75.3rem;
    margin: 10rem auto 0;
  }

  .img09 {
    width: 36.5rem;
  }

  .img10 {
    width: 35.3rem;
    margin-top: 17.4rem;
  }

  .img10 .ttl_wrap {
    top: -14.7rem;
    right: -6.4rem;
  }
}



/* ===============================================
* sec05 *
=============================================== */
.sec05 {
  width: calc(710* (100vw /750));
  margin: calc(130* (100vw /750)) auto 0;
}

.sec05 .sec_inner {
  display: flex;
  justify-content: space-between;
}

.img11 {
  width: calc(467* (100vw /750));
}

.img11 .ttl_wrap {
  top: calc(22*(100vw / 750));
  right: calc(-190*(100vw / 750));
}

.img12 {
  width: calc(200* (100vw /750));
  margin-top: calc(400*(100vw / 750));
}

.img12 .lp_credit_area {
  position: absolute;
  top: calc(-162*(100vw / 750));
  left: 0;
}

@media screen and (min-width: 768px) {
  .sec05 {
    width: 75.3rem;
    margin: 10rem auto 0;
  }

  .img11 {
    width: 49.5rem;
  }

  .img11 .ttl_wrap {
    top: 2.8rem;
    right: -19rem;
  }

  .img12 {
    width: 21.2rem;
    margin-top: 42.5rem;
  }

  .img12 .lp_credit_area {
    top: -17.3rem;
  }
}




/* ===============================================
* sec06 *
=============================================== */
.sec06 {
  margin: calc(130* (100vw /750)) auto 0;
}

.img13 {
  width: calc(466* (100vw /750));
  z-index: 1;
}

.img13 .lp_credit_area {
  margin-left: auto;
  align-items: flex-end;
  margin-right: calc(90* (100vw /750));
}

.video03 {
  width: calc(350* (100vw /750));
  margin-left: auto;
  margin-top: calc(-340* (100vw /750));
  z-index: 2;
}

.video03 iframe {
  height: calc(622* (100vw /750));
}

.video03 .ttl_wrap {
  top: calc(-140*(100vw / 750));
  right: calc(-47*(100vw / 750));
}

.sec06 .sec_inner {
  display: flex;
  justify-content: center;
  gap: calc(48*(100vw / 750));
  margin-top: calc(50*(100vw / 750));
}

.img14 {
  margin-top: calc(50* (100vw /750));
  width: calc(300* (100vw /750));
}

.img15 {
  width: calc(333* (100vw /750));
}

@media screen and (min-width: 768px) {
  .sec06 {
    margin: 10rem auto 0;
  }

  .img13 {
    width: 49.4rem;
  }

  .img13 .lp_credit_area {
    margin-right: 10.6rem;
  }

  .video03 {
    width: 37.1rem;
    margin-top: -35.3rem;
  }

  .video03 iframe {
    height: 66rem;
  }

  .video03 .ttl_wrap {
    top: -14.4rem;
    right: -4.1rem;
  }

  .sec06 .sec_inner {
    gap: 5rem;
    margin-top: 5rem;
  }

  .img14 {
    margin-top: 5.4rem;
    width: 32rem;
  }

  .img15 {
    width: 35.4rem;
  }
}


/* ===============================================
* sec07 *
=============================================== */
.sec07 {
  width: calc(533* (100vw /750));
  margin: calc(290* (100vw /750)) auto 0;
}

.img16 .ttl_wrap {
  top: calc(-138*(100vw / 750));
  left: calc(7*(100vw / 750));
}

.img17 {
  width: calc(316* (100vw /750));
  margin-top: calc(50* (100vw /750));
}

.img17 .lp_credit_area {
  position: absolute;
  bottom: calc(0*(100vw / 750));
  right: calc(-204*(100vw / 750));
}

@media screen and (min-width: 768px) {
  .sec07 {
    width: 56.4rem;
    margin: 27rem auto 0;
  }

  .img16 .ttl_wrap {
    top: -14.2rem;
    left: 0.7rem;
  }

  .img17 {
    width: 33.5rem;
    margin-top: 5.3rem;
  }

  .img17 .lp_credit_area {
    bottom: 0.7rem;
    right: -20.7rem;
  }
}



/* ===============================================
* lp-foot *
=============================================== */
.lp-foot {
  font-family: adobe-garamond-pro, serif;
  font-weight: 400;
  font-style: normal;
}

.lp-foot p {
  font-size: calc(18*(100vw / 750));
  line-height: 1.666;
  text-align: center;
  margin-top: calc(121*(100vw / 750));
}

.lp-foot .foot-btn {
  width: calc(340*(100vw / 750));
  height: calc(64*(100vw / 750));
  margin: calc(48*(100vw / 750)) auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  font-size: calc(42*(100vw / 750));
  line-height: 1;
  border: #000 1px solid;
}

@media screen and (min-width: 768px) {
  .lp-foot p {
    font-size: 1.8rem;
    margin-top: 9.3rem;
  }

  .lp-foot .foot-btn {
    width: 36.2rem;
    height: 6.9rem;
    margin: 5.4rem auto 0;
    font-size: 4.4rem;
    padding-top: 0.6rem;
  }
}



@media screen and (min-width: 768px) and (max-width: 1366px) {
  html {
    font-size: calc(10* (100vw / 1366)) !important;
  }
}



/* ▽ animation ▽ */
.js_imgFadeIn {
  opacity: 0;
  transition: transform 1s ease-in-out, opacity 1s ease-in-out;
}

.imgAnimated {
  opacity: 1;
}