img {
  max-width: 100%;
}

@media (max-width: 1200px) {
  .fs-l-main {
    padding: 0 !important;
  }
}
.js-fade {
  opacity: 0;
  transition-duration: 1.1s;
}
.js-fade.js-fade-top {
  transform: translate(0px, -40px);
}
.js-fade.js-fade-bottom {
  transform: translateY(50px);
}
.js-fade.js-fade-left {
  transform: translate(-20px, 0px);
}
.js-fade.js-fade-right {
  transform: translate(20px, 0px);
}
.js-fade.is-active {
  transform: translate(0, 0);
  opacity: 1;
}

@media (max-width: 1200px) {
  .fs-l-main {
    padding: 0 !important;
  }
}
.hotstuff {
  max-width: 750px;
  margin: auto;
  overflow: hidden;
  position: relative;
}
.hotstuff:before {
  position: absolute;
  width: calc(76.4 * (100vw / 750));
  height: 100%;
  top: calc(-12 * (100vw / 750));
  left: calc(-8 * (100vw / 750));
  background: url("./../img/bg_before.svg");
  background-size: contain;
  background-repeat: repeat-y;
  content: "";
}
@media screen and (min-width: 751px) {
  .hotstuff:before {
    width: 76.4px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff:before {
    top: -12px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff:before {
    left: -8px;
  }
}
.hotstuff:after {
  position: absolute;
  width: calc(76.4 * (100vw / 750));
  height: 100%;
  top: calc(-13 * (100vw / 750));
  right: calc(-2 * (100vw / 750));
  background: url("./../img/bg_before.svg");
  background-size: contain;
  background-repeat: repeat-y;
  content: "";
}
@media screen and (min-width: 751px) {
  .hotstuff:after {
    width: 76.4px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff:after {
    top: -13px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff:after {
    right: -2px;
  }
}
.hotstuff__Inner {
  width: calc(620 * (100vw / 750));
  margin: auto;
  background: #fff;
}
@media screen and (min-width: 751px) {
  .hotstuff__Inner {
    width: 620px;
  }
}
.hotstuff__Top {
  margin: auto;
}
.hotstuff__Top-Inner {
  width: 100%;
  height: calc(1292 * (100vw / 750));
  position: relative;
  margin: auto;
}
@media screen and (min-width: 751px) {
  .hotstuff__Top-Inner {
    height: 1292px;
  }
}
.hotstuff__Top-Thum {
  position: absolute;
}
.hotstuff__Top-Thum.-thum01 {
  width: calc(344 * (100vw / 750));
  top: calc(82 * (100vw / 750));
  left: calc(135 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .hotstuff__Top-Thum.-thum01 {
    width: 344px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Top-Thum.-thum01 {
    top: 82px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Top-Thum.-thum01 {
    left: 135px;
  }
}
.hotstuff__Top-Thum.-thum02 {
  width: calc(580 * (100vw / 750));
  top: calc(300 * (100vw / 750));
  left: calc(3 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .hotstuff__Top-Thum.-thum02 {
    width: 580px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Top-Thum.-thum02 {
    top: 300px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Top-Thum.-thum02 {
    left: 3px;
  }
}
.hotstuff__Top-Thum.-thum03 {
  width: calc(538 * (100vw / 750));
  top: calc(537 * (100vw / 750));
  left: calc(50 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .hotstuff__Top-Thum.-thum03 {
    width: 538px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Top-Thum.-thum03 {
    top: 537px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Top-Thum.-thum03 {
    left: 50px;
  }
}
.hotstuff__Top-Txt {
  position: absolute;
}
.hotstuff__Top-Txt.-txt01 {
  width: calc(511 * (100vw / 750));
  top: calc(941 * (100vw / 750));
  left: calc(58 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .hotstuff__Top-Txt.-txt01 {
    width: 511px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Top-Txt.-txt01 {
    top: 941px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Top-Txt.-txt01 {
    left: 58px;
  }
}
.hotstuff__Top-Txt.-txt02 {
  width: calc(255 * (100vw / 750));
  top: calc(1089 * (100vw / 750));
  left: calc(183 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .hotstuff__Top-Txt.-txt02 {
    width: 255px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Top-Txt.-txt02 {
    top: 1089px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Top-Txt.-txt02 {
    left: 183px;
  }
}
.hotstuff__Top-Txt.-txt02 .btn {
  cursor: pointer;
}
.hotstuff__Sec01 {
  margin: 0;
}
.hotstuff__Sec01-Inner {
  width: 100%;
  height: calc(828 * (100vw / 750));
  position: relative;
  margin: auto;
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec01-Inner {
    height: 828px;
  }
}
.hotstuff__Sec01-Ttl {
  position: absolute;
  top: 0;
  left: calc(232 * (100vw / 750));
  width: calc(163 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec01-Ttl {
    left: 232px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec01-Ttl {
    width: 163px;
  }
}
.hotstuff__Sec01-Thum {
  position: absolute;
  width: calc(505 * (100vw / 750));
  top: calc(124 * (100vw / 750));
  left: calc(56 * (100vw / 750));
  overflow: hidden;
  text-align: center;
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec01-Thum {
    width: 505px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec01-Thum {
    top: 124px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec01-Thum {
    left: 56px;
  }
}
.hotstuff__Sec01-Thum .swiper-pagination01 {
  margin-top: calc(33 * (100vw / 750));
  width: calc(46 * (100vw / 750));
  display: inline-flex;
  justify-content: space-between;
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec01-Thum .swiper-pagination01 {
    margin-top: 33px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec01-Thum .swiper-pagination01 {
    width: 46px;
  }
}
.hotstuff__Sec01-Thum .swiper-pagination-bullet {
  width: calc(8 * (100vw / 750));
  height: calc(8 * (100vw / 750));
  background: #000;
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec01-Thum .swiper-pagination-bullet {
    width: 8px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec01-Thum .swiper-pagination-bullet {
    height: 8px;
  }
}
.hotstuff__Sec01-Txt {
  position: absolute;
  width: calc(306 * (100vw / 750));
  top: calc(625 * (100vw / 750));
  left: calc(157 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec01-Txt {
    width: 306px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec01-Txt {
    top: 625px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec01-Txt {
    left: 157px;
  }
}
.hotstuff__Sec01-Buy {
  position: absolute;
  width: calc(49 * (100vw / 750));
  top: calc(596 * (100vw / 750));
  left: calc(481 * (100vw / 750));
  display: block;
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec01-Buy {
    width: 49px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec01-Buy {
    top: 596px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec01-Buy {
    left: 481px;
  }
}
.hotstuff__Sec02 {
  margin: 0;
}
.hotstuff__Sec02-Inner {
  width: 100%;
  height: calc(699 * (100vw / 750));
  position: relative;
  margin: auto;
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec02-Inner {
    height: 699px;
  }
}
.hotstuff__Sec02-Thum {
  position: absolute;
  width: calc(370 * (100vw / 750));
  top: calc(0 * (100vw / 750));
  left: calc(124 * (100vw / 750));
  overflow: hidden;
  text-align: center;
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec02-Thum {
    width: 370px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec02-Thum {
    top: 0px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec02-Thum {
    left: 124px;
  }
}
.hotstuff__Sec02-Thum .swiper-pagination02 {
  margin-top: calc(22 * (100vw / 750));
  width: calc(46 * (100vw / 750));
  display: inline-flex;
  justify-content: space-between;
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec02-Thum .swiper-pagination02 {
    margin-top: 22px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec02-Thum .swiper-pagination02 {
    width: 46px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec02-Thum .swiper-pagination02 {
    margin-top: 46px;
  }
}
.hotstuff__Sec02-Thum .swiper-pagination-bullet {
  width: calc(8 * (100vw / 750));
  height: calc(8 * (100vw / 750));
  background: #000;
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec02-Thum .swiper-pagination-bullet {
    width: 8px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec02-Thum .swiper-pagination-bullet {
    height: 8px;
  }
}
.hotstuff__Sec02-Txt {
  position: absolute;
  width: calc(423 * (100vw / 750));
  top: calc(495 * (100vw / 750));
  left: calc(100 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec02-Txt {
    width: 423px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec02-Txt {
    top: 495px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec02-Txt {
    left: 100px;
  }
}
.hotstuff__Sec02-Buy {
  position: absolute;
  width: calc(49 * (100vw / 750));
  top: calc(465 * (100vw / 750));
  left: calc(540 * (100vw / 750));
  display: block;
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec02-Buy {
    width: 49px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec02-Buy {
    top: 465px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec02-Buy {
    left: 540px;
  }
}
.hotstuff__Sec03 {
  margin: 0;
}
.hotstuff__Sec03-Inner {
  width: 100%;
  height: calc(643 * (100vw / 750));
  position: relative;
  margin: auto;
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec03-Inner {
    height: 643px;
  }
}
.hotstuff__Sec03-Thum {
  position: absolute;
  width: calc(366 * (100vw / 750));
  top: calc(0 * (100vw / 750));
  left: calc(131 * (100vw / 750));
  overflow: hidden;
  text-align: center;
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec03-Thum {
    width: 366px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec03-Thum {
    top: 0px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec03-Thum {
    left: 131px;
  }
}
.hotstuff__Sec03-Thum .swiper-pagination03 {
  margin-top: calc(35 * (100vw / 750));
  width: calc(25 * (100vw / 750));
  display: inline-flex;
  justify-content: space-between;
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec03-Thum .swiper-pagination03 {
    margin-top: 35px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec03-Thum .swiper-pagination03 {
    width: 25px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec03-Thum .swiper-pagination03 {
    margin-top: 40px;
  }
}
.hotstuff__Sec03-Thum .swiper-pagination-bullet {
  width: calc(8 * (100vw / 750));
  height: calc(8 * (100vw / 750));
  background: #000;
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec03-Thum .swiper-pagination-bullet {
    width: 8px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec03-Thum .swiper-pagination-bullet {
    height: 8px;
  }
}
.hotstuff__Sec03-Txt {
  position: absolute;
  width: calc(341 * (100vw / 750));
  top: calc(496 * (100vw / 750));
  left: calc(140 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec03-Txt {
    width: 341px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec03-Txt {
    top: 496px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec03-Txt {
    left: 140px;
  }
}
.hotstuff__Sec03-Buy {
  position: absolute;
  width: calc(49 * (100vw / 750));
  top: calc(469 * (100vw / 750));
  left: calc(498 * (100vw / 750));
  display: block;
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec03-Buy {
    width: 49px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec03-Buy {
    top: 469px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec03-Buy {
    left: 498px;
  }
}
.hotstuff__Sec04 {
  margin: 0;
}
.hotstuff__Sec04-Inner {
  width: 100%;
  height: calc(678 * (100vw / 750));
  position: relative;
  margin: auto;
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec04-Inner {
    height: 678px;
  }
}
.hotstuff__Sec04-Thum {
  position: absolute;
  width: calc(411 * (100vw / 750));
  top: calc(0 * (100vw / 750));
  left: calc(103 * (100vw / 750));
  overflow: hidden;
  text-align: center;
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec04-Thum {
    width: 411px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec04-Thum {
    top: 0px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec04-Thum {
    left: 103px;
  }
}
.hotstuff__Sec04-Thum .swiper-pagination04 {
  transform: translateY(-1.3333333333vw);
  width: calc(25 * (100vw / 750));
  display: inline-flex;
  justify-content: space-between;
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec04-Thum .swiper-pagination04 {
    width: 25px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec04-Thum .swiper-pagination04 {
    transform: translateY(0);
  }
}
.hotstuff__Sec04-Thum .swiper-pagination-bullet {
  width: calc(8 * (100vw / 750));
  height: calc(8 * (100vw / 750));
  background: #000;
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec04-Thum .swiper-pagination-bullet {
    width: 8px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec04-Thum .swiper-pagination-bullet {
    height: 8px;
  }
}
.hotstuff__Sec04-Txt {
  position: absolute;
  width: calc(338 * (100vw / 750));
  top: calc(483 * (100vw / 750));
  left: calc(143 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec04-Txt {
    width: 338px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec04-Txt {
    top: 483px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec04-Txt {
    left: 143px;
  }
}
.hotstuff__Sec04-Buy {
  position: absolute;
  width: calc(49 * (100vw / 750));
  top: calc(454 * (100vw / 750));
  left: calc(498 * (100vw / 750));
  display: block;
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec04-Buy {
    width: 49px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec04-Buy {
    top: 454px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Sec04-Buy {
    left: 498px;
  }
}
.hotstuff__Allitembtn {
  margin: auto;
  margin-bottom: calc(137 * (100vw / 750));
  display: block;
  width: calc(306 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .hotstuff__Allitembtn {
    margin-bottom: 137px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Allitembtn {
    width: 306px;
  }
}
.hotstuff__Illust {
  margin: auto;
  margin-bottom: calc(60 * (100vw / 750));
  display: block;
  width: calc(551 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .hotstuff__Illust {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Illust {
    width: 551px;
  }
}
.hotstuff__Copy {
  margin: auto;
  padding-bottom: calc(53 * (100vw / 750));
  display: block;
  width: calc(348 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .hotstuff__Copy {
    padding-bottom: 53px;
  }
}
@media screen and (min-width: 751px) {
  .hotstuff__Copy {
    width: 348px;
  }
}

.modal {
  display: none;
}

.modaal-container {
  background: #000;
  width: 64.4vw !important;
}
@media screen and (min-width: 751px) {
  .modaal-container {
    width: 483px !important;
  }
}

.modaal-content-container {
  padding: 3.0666666667vw !important;
}
@media screen and (min-width: 751px) {
  .modaal-content-container {
    padding: 23px !important;
  }
}
.modaal-content-container img {
  display: block;
  margin: auto;
  width: 58.2666666667vw !important;
}
@media screen and (min-width: 751px) {
  .modaal-content-container img {
    width: 437px !important;
  }
}