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;
  }
}
.kitty {
  max-width: 750px;
  margin: auto;
  overflow: hidden;
}
.kitty__Top {
  margin: auto;
  margin-bottom: calc(70 * (100vw / 750));
  border: solid #fff;
  border-width: calc(8 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Top {
    margin-bottom: 70px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Top {
    border-width: 8px;
  }
}
.kitty__Top-Inner {
  position: relative;
  margin: auto;
  width: 100%;
}
.kitty__Wrap {
  position: relative;
}
.kitty__Wrap:before {
  position: absolute;
  content: "";
  top: calc(33 * (100vw / 750));
  left: calc(40 * (100vw / 750));
  width: calc(669 * (100vw / 750));
  height: calc(3436 * (100vw / 750));
  background: url("./../img/bg.svg");
  background-size: cover;
  z-index: -1;
}
@media screen and (min-width: 751px) {
  .kitty__Wrap:before {
    top: 33px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Wrap:before {
    left: 40px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Wrap:before {
    width: 669px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Wrap:before {
    height: 3436px;
  }
}
.kitty__Sec01 {
  margin: 0;
}
.kitty__Sec01-Inner {
  position: relative;
  z-index: 10;
  margin: auto;
  width: 100%;
  height: calc(1166 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Inner {
    height: 1166px;
  }
}
.kitty__Sec01-Ttl {
  position: absolute;
  width: calc(566 * (100vw / 750));
  top: calc(102 * (100vw / 750));
  left: calc(92 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Ttl {
    width: 566px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Ttl {
    top: 102px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Ttl {
    left: 92px;
  }
}
.kitty__Sec01-Thum {
  position: absolute;
  width: calc(560 * (100vw / 750));
  height: calc(560 * (100vw / 750));
  margin: auto;
  top: calc(298 * (100vw / 750));
  left: calc(94 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum {
    width: 560px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum {
    height: 560px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum {
    top: 298px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum {
    left: 94px;
  }
}
.kitty__Sec01-Thum:before {
  position: absolute;
  content: "";
  top: calc(0 * (100vw / 750));
  left: calc(0 * (100vw / 750));
  width: calc(560 * (100vw / 750));
  height: calc(560 * (100vw / 750));
  background: url("./../img/frame.svg");
  background-size: cover;
  z-index: 10;
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum:before {
    top: 0px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum:before {
    left: 0px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum:before {
    width: 560px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum:before {
    height: 560px;
  }
}
.kitty__Sec01-Thum-Inner {
  padding-top: calc(71 * (100vw / 750));
  width: calc(308 * (100vw / 750));
  margin: auto;
  overflow: hidden;
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum-Inner {
    padding-top: 71px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum-Inner {
    width: 308px;
  }
}
.kitty__Sec01-Dot {
  position: absolute;
  width: calc(505 * (100vw / 750));
  top: calc(870 * (100vw / 750));
  left: calc(120 * (100vw / 750));
  text-align: center;
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Dot {
    width: 505px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Dot {
    top: 870px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Dot {
    left: 120px;
  }
}
.kitty__Sec01-Dot .swiper-pagination-bullet {
  width: calc(15 * (100vw / 750));
  height: calc(13 * (100vw / 750));
  margin: calc(6 * (100vw / 750));
  margin-top: 0;
  margin-bottom: 0;
  background: url("./../img/icon_pagination.svg");
  background-size: cover;
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Dot .swiper-pagination-bullet {
    width: 15px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Dot .swiper-pagination-bullet {
    height: 13px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Dot .swiper-pagination-bullet {
    margin: 6px;
  }
}
.kitty__Sec01-Dot .swiper-pagination-bullet:first-child {
  margin-left: 0;
}
.kitty__Sec01-Dot .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.kitty__Sec01-Dot .swiper-pagination-bullet-active {
  opacity: 1;
}
.kitty__Sec01-Txt {
  position: absolute;
  width: calc(389 * (100vw / 750));
  top: calc(917 * (100vw / 750));
  left: calc(180 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Txt {
    width: 389px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Txt {
    top: 917px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Txt {
    left: 180px;
  }
}
.kitty__Sec01-Buy {
  position: absolute;
  width: calc(76.6 * (100vw / 750));
  top: calc(986 * (100vw / 750));
  left: calc(336 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Buy {
    width: 76.6px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Buy {
    top: 986px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Buy {
    left: 336px;
  }
}
.kitty__Sec02 {
  margin: 0;
}
.kitty__Sec02-Inner {
  position: relative;
  margin: auto;
  width: 100%;
  height: calc(1064 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Inner {
    height: 1064px;
  }
}
.kitty__Sec02-Ttl {
  position: absolute;
  width: calc(472 * (100vw / 750));
  top: calc(0 * (100vw / 750));
  left: calc(138 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Ttl {
    width: 472px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Ttl {
    top: 0px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Ttl {
    left: 138px;
  }
}
.kitty__Sec02-Thum {
  position: absolute;
  width: calc(560 * (100vw / 750));
  height: calc(560 * (100vw / 750));
  margin: auto;
  top: calc(196 * (100vw / 750));
  left: calc(94 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Thum {
    width: 560px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Thum {
    height: 560px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Thum {
    top: 196px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Thum {
    left: 94px;
  }
}
.kitty__Sec02-Thum:before {
  position: absolute;
  content: "";
  top: calc(0 * (100vw / 750));
  left: calc(0 * (100vw / 750));
  width: calc(560 * (100vw / 750));
  height: calc(560 * (100vw / 750));
  background: url("./../img/frame.svg");
  background-size: cover;
  z-index: 10;
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Thum:before {
    top: 0px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Thum:before {
    left: 0px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Thum:before {
    width: 560px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Thum:before {
    height: 560px;
  }
}
.kitty__Sec02-Thum-Inner {
  padding-top: calc(29 * (100vw / 750));
  width: calc(422 * (100vw / 750));
  margin: auto;
  overflow: hidden;
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Thum-Inner {
    padding-top: 29px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Thum-Inner {
    width: 422px;
  }
}
.kitty__Sec02-Dot {
  position: absolute;
  width: calc(505 * (100vw / 750));
  top: calc(768 * (100vw / 750));
  left: calc(120 * (100vw / 750));
  text-align: center;
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Dot {
    width: 505px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Dot {
    top: 768px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Dot {
    left: 120px;
  }
}
.kitty__Sec02-Dot .swiper-pagination-bullet {
  width: calc(15 * (100vw / 750));
  height: calc(13 * (100vw / 750));
  margin: calc(6 * (100vw / 750));
  margin-top: 0;
  margin-bottom: 0;
  background: url("./../img/icon_pagination.svg");
  background-size: cover;
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Dot .swiper-pagination-bullet {
    width: 15px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Dot .swiper-pagination-bullet {
    height: 13px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Dot .swiper-pagination-bullet {
    margin: 6px;
  }
}
.kitty__Sec02-Dot .swiper-pagination-bullet:first-child {
  margin-left: 0;
}
.kitty__Sec02-Dot .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.kitty__Sec02-Dot .swiper-pagination-bullet-active {
  opacity: 1;
}
.kitty__Sec02-Txt {
  position: absolute;
  width: calc(386 * (100vw / 750));
  top: calc(814 * (100vw / 750));
  left: calc(181 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Txt {
    width: 386px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Txt {
    top: 814px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Txt {
    left: 181px;
  }
}
.kitty__Sec02-Buy {
  position: absolute;
  width: calc(76.6 * (100vw / 750));
  top: calc(883 * (100vw / 750));
  left: calc(336 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Buy {
    width: 76.6px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Buy {
    top: 883px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Buy {
    left: 336px;
  }
}
.kitty__Sec03 {
  margin: 0;
}
.kitty__Sec03-Inner {
  position: relative;
  margin: auto;
  width: 100%;
  height: calc(1086 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Inner {
    height: 1086px;
  }
}
.kitty__Sec03-Ttl {
  position: absolute;
  width: calc(472 * (100vw / 750));
  top: calc(0 * (100vw / 750));
  left: calc(137 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Ttl {
    width: 472px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Ttl {
    top: 0px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Ttl {
    left: 137px;
  }
}
.kitty__Sec03-Thum {
  position: absolute;
  width: calc(560 * (100vw / 750));
  height: calc(560 * (100vw / 750));
  margin: auto;
  top: calc(196 * (100vw / 750));
  left: calc(94 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Thum {
    width: 560px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Thum {
    height: 560px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Thum {
    top: 196px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Thum {
    left: 94px;
  }
}
.kitty__Sec03-Thum:before {
  position: absolute;
  content: "";
  top: calc(0 * (100vw / 750));
  left: calc(0 * (100vw / 750));
  width: calc(560 * (100vw / 750));
  height: calc(560 * (100vw / 750));
  background: url("./../img/frame.svg");
  background-size: cover;
  z-index: 10;
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Thum:before {
    top: 0px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Thum:before {
    left: 0px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Thum:before {
    width: 560px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Thum:before {
    height: 560px;
  }
}
.kitty__Sec03-Thum-Inner {
  padding-top: calc(29 * (100vw / 750));
  width: calc(326 * (100vw / 750));
  margin: auto;
  overflow: hidden;
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Thum-Inner {
    padding-top: 29px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Thum-Inner {
    width: 326px;
  }
}
.kitty__Sec03-Dot {
  position: absolute;
  width: calc(505 * (100vw / 750));
  top: calc(768 * (100vw / 750));
  left: calc(120 * (100vw / 750));
  text-align: center;
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Dot {
    width: 505px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Dot {
    top: 768px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Dot {
    left: 120px;
  }
}
.kitty__Sec03-Dot .swiper-pagination-bullet {
  width: calc(15 * (100vw / 750));
  height: calc(13 * (100vw / 750));
  margin: calc(6 * (100vw / 750));
  margin-top: 0;
  margin-bottom: 0;
  background: url("./../img/icon_pagination.svg");
  background-size: cover;
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Dot .swiper-pagination-bullet {
    width: 15px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Dot .swiper-pagination-bullet {
    height: 13px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Dot .swiper-pagination-bullet {
    margin: 6px;
  }
}
.kitty__Sec03-Dot .swiper-pagination-bullet:first-child {
  margin-left: 0;
}
.kitty__Sec03-Dot .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.kitty__Sec03-Dot .swiper-pagination-bullet-active {
  opacity: 1;
}
.kitty__Sec03-Txt {
  position: absolute;
  width: calc(386 * (100vw / 750));
  top: calc(814 * (100vw / 750));
  left: calc(180 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Txt {
    width: 386px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Txt {
    top: 814px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Txt {
    left: 180px;
  }
}
.kitty__Sec03-Buy {
  position: absolute;
  width: calc(76.6 * (100vw / 750));
  top: calc(883 * (100vw / 750));
  left: calc(336 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Buy {
    width: 76.6px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Buy {
    top: 883px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Buy {
    left: 336px;
  }
}
.kitty__Allitembtn {
  margin: auto;
  margin-bottom: calc(152 * (100vw / 750));
  display: block;
  width: calc(377.8 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Allitembtn {
    margin-bottom: 152px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Allitembtn {
    width: 377.8px;
  }
}
@media screen and (max-width: 375px) {
  .kitty__Allitembtn {
    margin-bottom: 18.1333333333vw;
  }
}
.kitty__Copy {
  margin: auto;
  margin-bottom: calc(64 * (100vw / 750));
  display: block;
  width: calc(258 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Copy {
    margin-bottom: 64px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Copy {
    width: 258px;
  }
}