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: 0 auto 50px;
}
.kitty__Sec01 {
  margin-bottom: calc(125 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec01 {
    margin-bottom: 125px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01 {
    margin-bottom: calc(127 * (100vw / 750));
  }
}
@media screen and (min-width: 751px) and (min-width: 751px) {
  .kitty__Sec01 {
    margin-bottom: 127px;
  }
}
.kitty__Sec01-Ttl {
  text-align: center;
  margin-bottom: calc(37 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Ttl {
    margin-bottom: 37px;
  }
}
.kitty__Sec01-Ttl img {
  width: calc(543 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Ttl img {
    width: 543px;
  }
}
.kitty__Sec01-Thum {
  border: 2px solid #eb6db2;
  border-radius: calc(60 * (100vw / 750));
  width: calc(465 * (100vw / 750));
  height: calc(559 * (100vw / 750));
  margin: auto;
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum {
    border-radius: 60px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum {
    width: 465px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum {
    height: 559px;
  }
}
.kitty__Sec01-Thum-Inner {
  width: calc(408 * (100vw / 750));
  padding-top: calc(35 * (100vw / 750));
  overflow: hidden;
  margin: auto;
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum-Inner {
    width: 408px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum-Inner {
    padding-top: 35px;
  }
}
.kitty__Sec01-Dot {
  text-align: center;
  margin-top: calc(16 * (100vw / 750));
  margin-bottom: calc(40 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Dot {
    margin-top: 16px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Dot {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Dot {
    margin-top: calc(22 * (100vw / 750));
    margin-bottom: calc(47 * (100vw / 750));
  }
}
@media screen and (min-width: 751px) and (min-width: 751px) {
  .kitty__Sec01-Dot {
    margin-top: 22px;
  }
}
@media screen and (min-width: 751px) and (min-width: 751px) {
  .kitty__Sec01-Dot {
    margin-bottom: 47px;
  }
}
.kitty__Sec01-Dot .swiper-pagination01 {
  width: calc(56 * (100vw / 750));
  display: inline-flex;
  justify-content: space-between;
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Dot .swiper-pagination01 {
    width: 56px;
  }
}
.kitty__Sec01-Dot .swiper-pagination01 .swiper-pagination-bullet {
  width: calc(8.9 * (100vw / 750));
  height: calc(8.9 * (100vw / 750));
  background: #eb6db2;
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Dot .swiper-pagination01 .swiper-pagination-bullet {
    width: 8.9px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Dot .swiper-pagination01 .swiper-pagination-bullet {
    height: 8.9px;
  }
}
.kitty__Sec01-Txt {
  text-align: center;
  margin-bottom: calc(10 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Txt {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Txt {
    margin-bottom: calc(19 * (100vw / 750));
  }
}
@media screen and (min-width: 751px) and (min-width: 751px) {
  .kitty__Sec01-Txt {
    margin-bottom: 19px;
  }
}
.kitty__Sec01-Txt img {
  width: calc(575 * (100vw / 750));
  transform: translateX(0.5333333333vw);
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Txt img {
    width: 575px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Txt img {
    transform: translateX(0.4vw);
  }
}
.kitty__Sec01-Buy {
  margin: auto;
  display: block;
  width: calc(70 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Buy {
    width: 70px;
  }
}
.kitty__Sec02 {
  margin-bottom: calc(128 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec02 {
    margin-bottom: 128px;
  }
}
.kitty__Sec02-Ttl {
  text-align: center;
  margin-bottom: calc(37 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Ttl {
    margin-bottom: 37px;
  }
}
.kitty__Sec02-Ttl img {
  width: calc(620 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Ttl img {
    width: 620px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Ttl img {
    transform: translateX(2px);
  }
}
.kitty__Sec02-Thum {
  border: 2px solid #ff2877;
  border-radius: calc(60 * (100vw / 750));
  width: calc(465 * (100vw / 750));
  height: calc(559 * (100vw / 750));
  margin: auto;
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Thum {
    border-radius: 60px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Thum {
    width: 465px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Thum {
    height: 559px;
  }
}
.kitty__Sec02-Thum-Inner {
  width: calc(408 * (100vw / 750));
  padding-top: calc(35 * (100vw / 750));
  overflow: hidden;
  margin: auto;
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Thum-Inner {
    width: 408px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Thum-Inner {
    padding-top: 35px;
  }
}
.kitty__Sec02-Dot {
  text-align: center;
  margin-top: calc(12 * (100vw / 750));
  margin-bottom: calc(44 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Dot {
    margin-top: 12px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Dot {
    margin-bottom: 44px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Dot {
    margin-top: calc(22 * (100vw / 750));
    margin-bottom: calc(47 * (100vw / 750));
  }
}
@media screen and (min-width: 751px) and (min-width: 751px) {
  .kitty__Sec02-Dot {
    margin-top: 22px;
  }
}
@media screen and (min-width: 751px) and (min-width: 751px) {
  .kitty__Sec02-Dot {
    margin-bottom: 47px;
  }
}
.kitty__Sec02-Dot .swiper-pagination02 {
  width: calc(32 * (100vw / 750));
  display: inline-flex;
  justify-content: space-between;
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Dot .swiper-pagination02 {
    width: 32px;
  }
}
.kitty__Sec02-Dot .swiper-pagination02 .swiper-pagination-bullet {
  width: calc(8.9 * (100vw / 750));
  height: calc(8.9 * (100vw / 750));
  background: #ff2877;
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Dot .swiper-pagination02 .swiper-pagination-bullet {
    width: 8.9px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Dot .swiper-pagination02 .swiper-pagination-bullet {
    height: 8.9px;
  }
}
.kitty__Sec02-Txt {
  text-align: center;
  margin-bottom: calc(10 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Txt {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Txt {
    margin-bottom: calc(19 * (100vw / 750));
  }
}
@media screen and (min-width: 751px) and (min-width: 751px) {
  .kitty__Sec02-Txt {
    margin-bottom: 19px;
  }
}
.kitty__Sec02-Txt img {
  width: calc(264 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Txt img {
    width: 264px;
  }
}
.kitty__Sec02-Buy {
  margin: auto;
  display: block;
  width: calc(70 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Buy {
    width: 70px;
  }
}
.kitty__Sec03 {
  margin-bottom: calc(102 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec03 {
    margin-bottom: 102px;
  }
}
.kitty__Sec03-Ttl {
  text-align: center;
  margin-bottom: calc(37 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Ttl {
    margin-bottom: 37px;
  }
}
.kitty__Sec03-Ttl img {
  width: calc(538 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Ttl img {
    width: 538px;
  }
}
.kitty__Sec03-Thum {
  border: 2px solid #e7372f;
  border-radius: calc(60 * (100vw / 750));
  width: calc(465 * (100vw / 750));
  height: calc(559 * (100vw / 750));
  margin: auto;
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Thum {
    border-radius: 60px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Thum {
    width: 465px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Thum {
    height: 559px;
  }
}
.kitty__Sec03-Thum-Inner {
  width: calc(408 * (100vw / 750));
  padding-top: calc(35 * (100vw / 750));
  overflow: hidden;
  margin: auto;
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Thum-Inner {
    width: 408px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Thum-Inner {
    padding-top: 35px;
  }
}
.kitty__Sec03-Dot {
  text-align: center;
  margin-top: calc(12 * (100vw / 750));
  margin-bottom: calc(44 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Dot {
    margin-top: 12px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Dot {
    margin-bottom: 44px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Dot {
    margin-top: calc(22 * (100vw / 750));
    margin-bottom: calc(47 * (100vw / 750));
  }
}
@media screen and (min-width: 751px) and (min-width: 751px) {
  .kitty__Sec03-Dot {
    margin-top: 22px;
  }
}
@media screen and (min-width: 751px) and (min-width: 751px) {
  .kitty__Sec03-Dot {
    margin-bottom: 47px;
  }
}
.kitty__Sec03-Dot .swiper-pagination03 {
  width: calc(56 * (100vw / 750));
  display: inline-flex;
  justify-content: space-between;
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Dot .swiper-pagination03 {
    width: 56px;
  }
}
.kitty__Sec03-Dot .swiper-pagination03 .swiper-pagination-bullet {
  width: calc(8.9 * (100vw / 750));
  height: calc(8.9 * (100vw / 750));
  background: #e7372f;
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Dot .swiper-pagination03 .swiper-pagination-bullet {
    width: 8.9px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Dot .swiper-pagination03 .swiper-pagination-bullet {
    height: 8.9px;
  }
}
.kitty__Sec03-Txt {
  text-align: center;
  margin-bottom: calc(10 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Txt {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Txt {
    margin-bottom: calc(18 * (100vw / 750));
  }
}
@media screen and (min-width: 751px) and (min-width: 751px) {
  .kitty__Sec03-Txt {
    margin-bottom: 18px;
  }
}
.kitty__Sec03-Txt img {
  width: calc(322 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Txt img {
    width: 322px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Txt img {
    transform: translateX(-2px);
  }
}
.kitty__Sec03-Buy {
  margin: auto;
  display: block;
  width: calc(70 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Buy {
    width: 70px;
  }
}
.kitty__Allitembtn {
  margin: auto;
  margin-bottom: calc(110 * (100vw / 750));
  display: block;
  width: calc(406 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Allitembtn {
    margin-bottom: 110px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Allitembtn {
    width: 406px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Allitembtn {
    margin-bottom: calc(114 * (100vw / 750));
  }
}
@media screen and (min-width: 751px) and (min-width: 751px) {
  .kitty__Allitembtn {
    margin-bottom: 114px;
  }
}
.kitty__Allitembtn img {
  transform: translateX(0.5333333333vw);
}
@media screen and (min-width: 751px) {
  .kitty__Allitembtn img {
    transform: translateX(0.2666666667vw);
  }
}
.kitty__Illust {
  margin: auto;
  margin-bottom: calc(86 * (100vw / 750));
  display: block;
  width: calc(355 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Illust {
    margin-bottom: 86px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Illust {
    width: 355px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Illust {
    margin-bottom: calc(104 * (100vw / 750));
  }
}
@media screen and (min-width: 751px) and (min-width: 751px) {
  .kitty__Illust {
    margin-bottom: 104px;
  }
}
.kitty__Copy {
  margin: auto;
  margin-bottom: calc(76 * (100vw / 750));
  display: block;
  width: calc(260 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Copy {
    margin-bottom: 76px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Copy {
    width: 260px;
  }
}