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));
  background: #e9aac5;
}
@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%;
  height: calc(932 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Top-Inner {
    height: 932px;
  }
}
.kitty__Top-Thum {
  position: absolute;
  width: calc(434 * (100vw / 750));
  top: calc(51 * (100vw / 750));
  left: calc(152 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Top-Thum {
    width: 434px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Top-Thum {
    top: 51px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Top-Thum {
    left: 152px;
  }
}
.kitty__Top-Txt {
  position: absolute;
  width: calc(341 * (100vw / 750));
  top: calc(696 * (100vw / 750));
  left: calc(197 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Top-Txt {
    width: 341px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Top-Txt {
    top: 696px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Top-Txt {
    left: 197px;
  }
}
.kitty__Sec01 {
  margin: 0;
}
.kitty__Sec01-Inner {
  position: relative;
  margin: auto;
  width: 100%;
  height: calc(852 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Inner {
    height: 852px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Inner {
    height: 849px;
  }
}
.kitty__Sec01-Ttl {
  position: absolute;
  width: calc(559 * (100vw / 750));
  top: calc(0 * (100vw / 750));
  left: calc(95 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Ttl {
    width: 559px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Ttl {
    top: 0px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Ttl {
    left: 95px;
  }
}
.kitty__Sec01-Thum {
  position: absolute;
  width: calc(505 * (100vw / 750));
  top: calc(64 * (100vw / 750));
  left: calc(122 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum {
    width: 505px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum {
    top: 64px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum {
    left: 122px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum {
    top: 61px;
  }
}
.kitty__Sec01-Thum:before {
  position: absolute;
  content: "";
  top: calc(0 * (100vw / 750));
  left: calc(0 * (100vw / 750));
  width: calc(505 * (100vw / 750));
  height: calc(578 * (100vw / 750));
  background: url("./../img/frame_01.png");
  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: 505px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum:before {
    height: 578px;
  }
}
.kitty__Sec01-Thum-Inner {
  padding-top: calc(29 * (100vw / 750));
  width: calc(420 * (100vw / 750));
  margin: auto;
  overflow: hidden;
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum-Inner {
    padding-top: 29px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum-Inner {
    width: 420px;
  }
}
.kitty__Sec01-Dot {
  position: absolute;
  width: calc(505 * (100vw / 750));
  top: calc(622 * (100vw / 750));
  left: calc(105 * (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: 622px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Dot {
    left: 105px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Dot {
    top: 630px;
  }
}
.kitty__Sec01-Dot .swiper-pagination-bullet {
  width: calc(7 * (100vw / 750));
  height: calc(7 * (100vw / 750));
  margin: calc(4 * (100vw / 750));
  margin-top: 0;
  margin-bottom: 0;
  background: #000;
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Dot .swiper-pagination-bullet {
    width: 7px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Dot .swiper-pagination-bullet {
    height: 7px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Dot .swiper-pagination-bullet {
    margin: 4px;
  }
}
.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 {
  background: #000;
}
.kitty__Sec01-Txt {
  position: absolute;
  width: calc(355 * (100vw / 750));
  top: calc(682 * (100vw / 750));
  left: calc(198 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Txt {
    width: 355px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Txt {
    top: 682px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Txt {
    left: 198px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Txt {
    top: 680px;
  }
}
.kitty__Sec01-Buy {
  position: absolute;
  width: calc(70 * (100vw / 750));
  top: calc(650 * (100vw / 750));
  left: calc(560 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Buy {
    width: 70px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Buy {
    top: 650px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Buy {
    left: 560px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Buy {
    top: 648px;
  }
}
.kitty__Sec02 {
  margin: 0;
}
.kitty__Sec02-Inner {
  position: relative;
  margin: auto;
  width: 100%;
  height: calc(818 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Inner {
    height: 818px;
  }
}
.kitty__Sec02-Ttl {
  position: absolute;
  width: calc(550 * (100vw / 750));
  top: calc(0 * (100vw / 750));
  left: calc(100 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Ttl {
    width: 550px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Ttl {
    top: 0px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Ttl {
    left: 100px;
  }
}
.kitty__Sec02-Thum {
  position: absolute;
  width: calc(505 * (100vw / 750));
  top: calc(62 * (100vw / 750));
  left: calc(122 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Thum {
    width: 505px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Thum {
    top: 62px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Thum {
    left: 122px;
  }
}
.kitty__Sec02-Thum:before {
  position: absolute;
  content: "";
  top: calc(0 * (100vw / 750));
  left: calc(0 * (100vw / 750));
  width: calc(505 * (100vw / 750));
  height: calc(578 * (100vw / 750));
  background: url("./../img/frame_02.png");
  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: 505px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Thum:before {
    height: 578px;
  }
}
.kitty__Sec02-Thum-Inner {
  padding-top: calc(38 * (100vw / 750));
  width: calc(408 * (100vw / 750));
  margin: auto;
  overflow: hidden;
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Thum-Inner {
    padding-top: 38px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Thum-Inner {
    width: 408px;
  }
}
.kitty__Sec02-Dot {
  position: absolute;
  width: calc(505 * (100vw / 750));
  top: calc(622 * (100vw / 750));
  left: calc(141 * (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: 622px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Dot {
    left: 141px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Dot {
    top: 631px;
  }
}
.kitty__Sec02-Dot .swiper-pagination-bullet {
  width: calc(7 * (100vw / 750));
  height: calc(7 * (100vw / 750));
  margin: calc(4 * (100vw / 750));
  margin-top: 0;
  margin-bottom: 0;
  background: #000;
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Dot .swiper-pagination-bullet {
    width: 7px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Dot .swiper-pagination-bullet {
    height: 7px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Dot .swiper-pagination-bullet {
    margin: 4px;
  }
}
.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 {
  background: #000;
}
.kitty__Sec02-Txt {
  position: absolute;
  width: calc(296 * (100vw / 750));
  top: calc(680 * (100vw / 750));
  left: calc(228 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Txt {
    width: 296px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Txt {
    top: 680px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Txt {
    left: 228px;
  }
}
.kitty__Sec02-Buy {
  position: absolute;
  width: calc(70 * (100vw / 750));
  top: calc(650 * (100vw / 750));
  left: calc(560 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Buy {
    width: 70px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Buy {
    top: 650px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Buy {
    left: 560px;
  }
}
.kitty__Allitembtn {
  margin: auto;
  margin-bottom: calc(89 * (100vw / 750));
  display: block;
  width: calc(388 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Allitembtn {
    margin-bottom: 89px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Allitembtn {
    width: 388px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Allitembtn {
    margin-bottom: calc(92 * (100vw / 750));
  }
}
@media screen and (min-width: 751px) and (min-width: 751px) {
  .kitty__Allitembtn {
    margin-bottom: 92px;
  }
}
.kitty__Allitembtn img {
  transform: translateX(0.4vw);
}
@media screen and (min-width: 751px) {
  .kitty__Allitembtn img {
    transform: translateX(0.2666666667vw);
  }
}
.kitty__Illust {
  margin: auto;
  margin-bottom: calc(42 * (100vw / 750));
  display: block;
  width: calc(413 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Illust {
    margin-bottom: 42px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Illust {
    width: 413px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Illust {
    margin-bottom: calc(61 * (100vw / 750));
  }
}
@media screen and (min-width: 751px) and (min-width: 751px) {
  .kitty__Illust {
    margin-bottom: 61px;
  }
}
.kitty__Copy {
  margin: auto;
  margin-bottom: calc(76 * (100vw / 750));
  display: block;
  width: calc(258 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Copy {
    margin-bottom: 76px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Copy {
    width: 258px;
  }
}