@charset "utf-8";
#sweetKitten{
  box-sizing: border-box;
  width: 100%;
  font-family: "Yu Gothic", "游ゴシック",  YuGothic, "Yu Gothic Medium", "游ゴシック体", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  font-size: 10px;
}
#sweetKitten img{
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
#sweetKitten p, h3{
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
}
#sweetKitten span {
  line-height: 1.5;
}
#sweetKitten i{
  font-style: inherit;;
}
#sweetKitten small, sub, sup{
  font-size: .8em;
}
#sweetKitten a{
  text-decoration: none;
  transition: .6s;
}
#sweetKitten .flex_rvs{
  flex-direction: row-reverse;
}
#sweetKitten .forpc{
  display: none;
}
#sweetKitten .forsp{
  display: block;
}
/* contents */
#sweetKitten .video-intro {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100vh;
  z-index: 9999;
  pointer-events: auto;
  opacity: 1;
  transition: opacity 0.5s ease;
}
#sweetKitten .video-intro.hidden {
  opacity: 0;
}
#sweetKitten .video-intro video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#sweetKitten *{
  color: #929292;
}
#sweetKitten .container {
  position: relative;
  z-index: 1;
  background: url("/img/interior/sweet_kitten/kanban_bg.jpg") 50% 0/contain repeat-x, url("/img/interior/sweet_kitten/bg.jpg") 50% 60%/contain repeat;
  color: #929292;
  line-height: 1.7;
  overflow: hidden;
  font-size: 3.7vw;
}
#sweetKitten span {
  display: block;
}
#sweetKitten .kanban {
  margin: 0 auto 6.3%;
  padding: 2% 0 0;
  background: url("/img/interior/sweet_kitten/white_bg01.png") 59% 50% / 100% no-repeat;;
}
#sweetKitten .mainImg {
  width: 95%;
  margin: 0 auto;
  position: relative;
}
#sweetKitten .mainImg::before,
#sweetKitten .mainImg::after,
#sweetKitten .kanban_txt + .imgBox::after,
#sweetKitten .kanban_txt::before {
  position: absolute;
  content: "";
}
#sweetKitten .mainImg::before {
  background: url("/img/interior/sweet_kitten/kanban_cat01.png") 50% 50%/ contain no-repeat;
  aspect-ratio: 140/164;
  width: 20%;
  top: 0;
  left: -2%;
}
#sweetKitten .mainImg::after {
  background: url("/img/interior/sweet_kitten/kanban_cat02.png") 50% 50%/ contain no-repeat;
  aspect-ratio: 219/143;
  width: 31%;
  right: 0;
  bottom: -16%;
}
#sweetKitten .kanban_txt {
  position: relative;
  margin-top: 15%;
  padding-bottom: 3%;
  line-height: 1.8;
}
#sweetKitten .kanban_txt::before {
  background: url("/img/interior/sweet_kitten/illus01.png") 50% 50%/ contain no-repeat;
  width: 6%;
  aspect-ratio: 85 / 139;
  bottom: -13%;
  left: 9%;
}
#sweetKitten .kanban_txt + .imgBox {
  display: block;
  width: 83%;
  margin: 3% 2.5% 0 auto;
}
#sweetKitten .kanban_txt + .imgBox::after {
  background: url("/img/interior/sweet_kitten/illus02.png") 50% 50%/ contain no-repeat;
  width: 10%;
  aspect-ratio: 137 / 214;
  bottom: -16%;
  right: 7%;
}
#sweetKitten nav {
  margin: 6.3% auto;
  padding: 10% 0;
  background: url("/img/interior/sweet_kitten/nav_bg.png") 50% 0% / 96% no-repeat;
  aspect-ratio: 721 / 528;
}
#sweetKitten nav .title {
  width: 54%;
  margin: 0 auto;
}
#sweetKitten nav .txt {
  margin: 2.8% auto;
  font-size: 114%;
  color: #b38a8f;
  font-weight: bold;
}
#sweetKitten nav ul {
  width: 60%;
  margin: 0 auto;
}
#sweetKitten nav li:not(:last-child) {
  padding-bottom: 3%;
  margin-bottom: 3%;
  background: url("/img/interior/sweet_kitten/dot.png") 0 100%/3.5% repeat-x;
}
#sweetKitten nav li a {
  display: flex;
  align-items: end;
}
#sweetKitten nav li a img {
  width: 12%;
  margin-right: 2%;
  height: 100%;
}


/* contents */
#sweetKitten #video01 {
  margin: 0 0 5%;
  position: relative;
  z-index: 2;
}
#sweetKitten section[id^="video0"]>.videoframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="750" height="1363"><path fill="white" d="M390.1,1324.157 C170.47,1419.056 0,1310.156 0,1310.156 L0,1256.001 L0,90.157 L0,34.999 C0,34.999 138.47,133.899 359,38.1 C579.53,-55.9 749.1,53.001 749.1,53.001 L749.1,107.156 L749.1,1272.998 L749.1,1328.157 C749.1,1328.157 611.53,1229.257 390.1,1324.157 Z"/></svg>');
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="750" height="1363"><path fill="white" d="M390.1,1324.157 C170.47,1419.056 0,1310.156 0,1310.156 L0,1256.001 L0,90.157 L0,34.999 C0,34.999 138.47,133.899 359,38.1 C579.53,-55.9 749.1,53.001 749.1,53.001 L749.1,107.156 L749.1,1272.998 L749.1,1328.157 C749.1,1328.157 611.53,1229.257 390.1,1324.157 Z"/></svg>');
  mask-size: 100% 100%;
  -webkit-mask-size: 100% 100%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
#sweetKitten .videoBox .mainTitle {
  width: 73%;
  position: relative;
  margin: 0 0 -14% 2%;
  z-index: 2;
}
#video01 .mainTitle {
  margin: 0 0 1.5% 2.7%;
}
#sweetKitten #bed_area {
  margin-top: -19%;
  padding: 22% 0 0;
  background: url("/img/interior/sweet_kitten/white_bg02.png") 106% -5%/87% no-repeat;
  z-index: 1;
}
#sweetKitten .mainTitle02 {
  position: relative;
}
#sweetKitten .mainTitle02 p {
  position: relative;
  width: fit-content;
  font-size: 3.4vw;
  display: block;
  margin: 0 4% 0 auto;
  padding-left: 9%;
  text-align: left;
  line-height: 2.0;
}
#bed_area .mainTitle02 p {
  background: url("/img/interior/sweet_kitten/number01.png") 0 0 / 10% no-repeat;
}
#furniture .mainTitle02 p {
  background: url("/img/interior/sweet_kitten/number02.png") 0 0 / 10% no-repeat;
}
#wallpaper .mainTitle02 p {
  background: url("/img/interior/sweet_kitten/number03.png") 0 0 / 10% no-repeat;
}
#accent_color .mainTitle02 p {
  background: url("/img/interior/sweet_kitten/number04.png") 0 0 / 10% no-repeat;
}
#sweetKitten .mainTitle02 span {
  font-weight: 500;
  font-size: 150%;
} 
#sweetKitten .mainTitle02::before,
#sweetKitten .mainTitle02::after {
  content: "";
  position: absolute;
}
#sweetKitten #bed_area .mainTitle02::before {
  background: url("/img/interior/sweet_kitten/illus_cat01.png") 0 0 / 100% no-repeat;
  width: 36%;
  left: 3%;
  bottom: -38%;
  aspect-ratio: 250 / 223;
}
#sweetKitten #bed_area .mainTitle02::after {
  background: url("/img/interior/sweet_kitten/illus03.png") 0 0 / 100% no-repeat;
  width: 10%;
  right: 4%;
  bottom: -71%;
  aspect-ratio: 150 / 242;
}

/* slider */
#sweetKitten .slick-dots {
  bottom: 3%;
  left: -0.5%;
  z-index: 10;
} 
#sweetKitten .slick-dots li button:before{
  color: #ffffff;
  font-size: 7px;
  opacity: 1;
}
#sweetKitten .slick-dots li button {
  width: 0;
  height: 0;
  pointer-events: auto;
}
#sweetKitten .slick-dots li {
  margin: 0;
  width: 15px;
  height: 15px;
}
#sweetKitten .slick-dots li.slick-active button:before {
  color: #d89ba2;
}
/* slider */
#sweetKitten .sliderBox {
  width: 93%;
  margin: 0 0 0 1.7%;
  position: relative;
  z-index: 1;
  aspect-ratio: 696/627;
}
#sweetKitten .frameSlider {
  width: 100%;
  position: absolute;
  /* z-index: 1; */
}
#sweetKitten .sliderBox .slider {
  position: absolute;
  width: 89%;
  top: 5.7%;
  left: 50.5%;
  transform: translateX(-50%);
}
#bed_area .introWrapper01 {
  margin-top: 12%;
  background: url("/img/interior/sweet_kitten/white_bg03.png") 95% 100%/92% no-repeat;
}
#bed_area .pdIntro01 small {
  display: block;
  color: #c6aaad;
}
#bed_area .introWrapper02 .pdIntro01 {
  margin-top: 5%;
}
#bed_area .introWrapper02 .sliderBox::after {
  content: "";
  position: absolute;
  background: url("/img/interior/sweet_kitten/title_bed02.png") 0 0 / 100% no-repeat;
  aspect-ratio: 188/78;
  width: 25%;
  left: 3%;
  bottom: 7%;
  z-index: 2;
}
#sweetKitten .sliderBox:first-child:after {
  content: "";
  position: absolute;
  background: url("/img/interior/sweet_kitten/title_bed.png") 0 0/100% no-repeat;
  aspect-ratio: 269/132;
  width: 37%;
  right: 3%;
  bottom: -7%;
  z-index: 2;
}
#sweetKitten [class^="pdIntro0"] {
  position: relative;
  margin-top: 7%;
}
#sweetKitten [class^="pdIntro0"]::after {
  content: "";
  position: absolute;
}
#bed_area .introWrapper01 .pdIntro01::after {
  background: url("/img/interior/sweet_kitten/illus04.png") 0 0/contain no-repeat;
  width: 10%;
  aspect-ratio: 161 / 107;
  right: 3%;
  bottom: 14%;
}
#sweetKitten .pdIntro01 span {
  margin-bottom: 3%;
  color: #c6aaad;
  font-weight: bold;
  font-size: 150%;
}
#sweetKitten .buyBtn {
  width: 41%;
  margin: 5% auto;
}
#sweetKitten .buyBtn a {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 8.5% 0;
  background: url("/img/interior/sweet_kitten/heart_arw.png") 91% 50%/5% no-repeat, #d89ba2;
  border: 2px solid #ffffff;
  border-radius: 50px;
  box-shadow: 0 0 0 2px #d89ba2;
  transition: 0.3s ease-in-out;
}
#sweetKitten .buyBtn a img {
  width: 29%;
}
#sweetKitten .introWrapper02 {
  margin-top: 9%;
  padding-bottom: 10%;
  background: url("/img/interior/sweet_kitten/white_bg04.png") 170% 39% / 98% no-repeat, url("/img/interior/sweet_kitten/white_bg14.png") 50% 82% / 100% no-repeat;
}
#sweetKitten .video {
  position: relative;
  width: 54%;
  aspect-ratio: 406/695;
  margin: 0 auto;
}
#sweetKitten .video::before {
  content: "";
  position: absolute;
  background: url("/img/interior/sweet_kitten/illus05.png") center/contain no-repeat;
  top: 4%;
  right: -27%;
  width: 15%;
  aspect-ratio: 137/231;
  transform: scaleX(-1);
}
#sweetKitten .frameVideo {
  position: relative;
  z-index: 2;
}
#sweetKitten .video .frameVideo {
  position: relative;
  z-index: 2;
  top: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
#sweetKitten .videoframe01 {
  position: absolute;
  top: 0;
  width: 89%;
  height: 100%;
  object-fit: cover;
  margin: 0 auto;
  width: 89%;
  top: 54%;
  left: 50%;
  transform: translate(-50%, -50%);
} 
#sweetKitten .pdIntro02 {
  margin: 4% auto 6.7%;
}
#sweetKitten .introWrapper02 .sliderBox {
  margin-top: 4%;
}
#bed_area .introWrapper02 .pdIntro02::after {
  background: url("/img/interior/sweet_kitten/illus10.png") 0 0 / contain no-repeat;
  width: 9%;
  aspect-ratio: 124/91;
  left: 9%;
  top: -58%;
}
#sweetKitten #video02 {
  margin: 0 0 5%;
  z-index: 2;
}
#video02 .mainTitle {
  margin: 0 0 1.5% 2.7%;
}
#furniture {
  margin-top: -17%;
  padding: 18% 0 0;
  background: url("/img/interior/sweet_kitten/white_bg05.png") 0 -1% / 95% no-repeat;
  background-position-x: calc(100% + 55px);
  z-index: 1;
}
#furniture .introWrapper01 .sliderBox:after {
  background: url("/img/interior/sweet_kitten/title_dresser.png") 0 0/100% no-repeat;
  aspect-ratio: 303/77;
  width: 42%;
}  
#furniture .introWrapper01 {
  margin-top: 5%;
  padding-bottom: 2%;
  background: url("/img/interior/sweet_kitten/white_bg06.png") -16% 90%/109% no-repeat;
}
#furniture  .pdIntro01::after {
  background: url("/img/interior/sweet_kitten/illus06.png") 0 0 / contain no-repeat;
  width: 14%;
  aspect-ratio: 211/287;
  left: 6%;
  top: -2%;
}
#furniture .introWrapper02 {
  margin-top: 0;
  background: url("/img/interior/sweet_kitten/white_bg07.png") 58% 94% / 94% no-repeat;
}
#furniture .introWrapper02 .sliderBox {
  margin: 0 0 0 auto;
}
#furniture .introWrapper02 .sliderBox:after {
  background: url("/img/interior/sweet_kitten/title_chest.png") 0 0 / 100% no-repeat;
  aspect-ratio: 266/87;
  width: 35%;
  left: 3%;
  bottom: 3%;
}
#furniture .introWrapper02 .pdIntro01::after {
  background: url("/img/interior/sweet_kitten/illus07.png") 0 0 / contain no-repeat;
  width: 12%;
  aspect-ratio: 183/305;
  left: unset;
  top: unset;
  right: 6%;
  bottom: -84%;
}
#furniture .introWrapper02 .pdIntro01 {
  margin-top: 3%;
}
#furniture .introWrapper03 {
  margin-top: 10%;
  padding-bottom: 2%;
  background: url("/img/interior/sweet_kitten/white_bg03.png") 58% 86% / 98% no-repeat;
}
#furniture .introWrapper03 .sliderBox:after {
  background: url("/img/interior/sweet_kitten/title_sofa.png") 0 0 / 100% no-repeat;
  aspect-ratio: 224/97;
  width: 31%;
  right: 3%;
  bottom: -2%;
}
#furniture .introWrapper03 .pdIntro01::after {
  background: url("/img/interior/sweet_kitten/illus08.png") 0 0 / contain no-repeat;
  width: 14%;
  aspect-ratio: 211 / 287;
  left: 6%;
  top: -42%;
}
#furniture .introWrapper04 {
  margin-top: 12%;
  padding-bottom: 2%;
  background: url("/img/interior/sweet_kitten/white_bg08.png") center 93% / 99.5% no-repeat;
  background-position-x: calc(100% - 20px);
}
#furniture .introWrapper04 .sliderBox:after {
  background: url("/img/interior/sweet_kitten/title_table.png") 0 0 / 100% no-repeat;
  aspect-ratio: 266 / 87;
  width: 36%;
  left: 3%;
  bottom: 3%;
}
#sweetKitten .noneSlider .slick-dots {
  display: none;
}
#furniture .introWrapper04 .pdIntro01::after {
  content: none;
}
#furniture .introWrapper04 .pdIntro01 {
  margin-top: 4%;
}
#furniture .introWrapper04 .pdIntro01 span {
  margin-bottom: 1%;
} 
#video03 {
  z-index: 2;
  margin-bottom: 5%;
}
#wallpaper {
  margin-top: -16%;
  padding: 16% 0 0;
  background: url("/img/interior/sweet_kitten/white_bg06.png") center -7% / 100% no-repeat;
  background-position-x: calc(100% + 63px);
  z-index: 1;
} 
#wallpaper .mainTitle02::after {
  background: url("/img/interior/sweet_kitten/illus05.png") 0 0 / 100% no-repeat;
  width: 10%;
  left: 11%;
  bottom: 8%;
  aspect-ratio: 137 / 231;
}
#wallpaper .sliderBox:first-child:after {
  background: url("/img/interior/sweet_kitten/title_wallpaper.png") 0 0 / 100% no-repeat;
  aspect-ratio: 301/171;
  width: 40%;
  right: -1%;
  bottom: -4%;
} 
#wallpaper .introWrapper01 {
  padding-bottom: 2%;
  background: url("/img/interior/sweet_kitten/white_bg09.png")  52% 86% / 104% no-repeat;
}
#wallpaper .pdIntro01::after {
  content: none;
}
#video04 {
  z-index: 2;
}
#sweetKitten .sideRight {
  margin: 0 3% 0 auto;
}
#sweetKitten .sideLeft {
  margin: 0 auto 0 3%;
}

#accent_color {
  margin-top: -5%;
  padding: 13% 0 0;
  background: url("/img/interior/sweet_kitten/white_bg10.png") 0 -1% / 103% no-repeat;
  background-position-x: calc(100% - 46px);
}
#accent_color .mainTitle02 p {
  margin: 0 auto 0 6%;
}
#accent_color .mainTitle02::after {
  background: url("/img/interior/sweet_kitten/illus09.png") 0 0 / 100% no-repeat;
  width: 10%;
  aspect-ratio: 141 / 99;
  right: 13%;
  bottom: 38%;
}
#accent_color .pdIntro01::after,
#accent_color .sliderBox:first-child::after {
  content: none;
}
#accent_color .introWrapper01 {
  margin-top: 3%;
  padding-bottom: 2%;
  background: url("/img/interior/sweet_kitten/white_bg11.png") 150% 26% / 63% no-repeat, url("/img/interior/sweet_kitten/white_bg12.png") 34% 100% / 90% no-repeat;
}
#accent_color .introWrapper01 .sliderBox:first-child {
  width: 75%;
  margin-bottom: 3%;
}
#accent_color .sliderBox:nth-child(2)::after {
  content: "";
  position: absolute;
  background: url("/img/interior/sweet_kitten/title_storage.png") 0 0 / 100% no-repeat;
  aspect-ratio: 352/92;
  width: 60%;
  right: -25%;
  bottom: -2%;
  z-index: 2;
}
#accent_color .sliderBox:nth-child(2) {
  width: 75%;
}
#accent_color .pdIntro01 {
  margin-top: 3%;
}
#accent_color .introWrapper01 .buyBtn,
#accent_color .introWrapper02 .buyBtn {
  width: 59%;
}
#accent_color .introWrapper01 .buyBtn a,
#accent_color .introWrapper02 .buyBtn a {
  padding: 5.5% 0;
  background-position: 94% 50%;
  background-size: 3.6%;
}
#accent_color .introWrapper01 .buyBtn a img,
#accent_color .introWrapper02 .buyBtn a img {
  width: 78%;
  padding-right: 1em;
}  
#accent_color .introWrapper02 {
  margin-top: 40%;
  background: url("/img/interior/sweet_kitten/white_bg09.png") center 87% / 104% no-repeat;
  background-position-x: calc(100% - 16px);
}
#accent_color .introWrapper02 .sliderBox:first-child {
  width: 75%;
  margin-bottom: 3%;
}
#accent_color .introWrapper02 .sliderBox:nth-child(2)::after {
  left: -25%;
}
#accent_color .introWrapper02 .pdIntro01::after {
  content: "";
  background: url("/img/interior/sweet_kitten/illus01.png") center 87% / 100% no-repeat;
  width: 6.5%;
  aspect-ratio: 84 / 139;
  left: 5%;
  bottom: -88%;
}
#accent_color .introWrapper03 {
  position: relative;
  padding-bottom: 2%;
  background: url("/img/interior/sweet_kitten/white_bg13.png") 34% 96% / 95% no-repeat;
}
#accent_color .introWrapper03::after {
  position: absolute;
  content: "";
  background: url("/img/interior/sweet_kitten/illus02.png") center 87% / 100% no-repeat;
  width: 10%;
  aspect-ratio: 137 / 214;
  right: 5%;
  bottom: -4%;
}
#accent_color .introWrapper03 .sliderBox:first-child:after {
  content: "";
  position: absolute;
  background: url("/img/interior/sweet_kitten/title_trashCan.png") 0 0 / 100% no-repeat;
  aspect-ratio: 277/124;
  width: 39%;
  right: -1%;
  bottom: 1%;
}

/* gif */
#sweetKitten div[class^=cat-container]  {
  position: relative;
}
#sweetKitten .cat-container {
  width: 100%;
  height: 150px;
}
#sweetKitten .movingCat {
  position: absolute;
  width: 30%;
  height: auto;
  left: -100px;
  animation: walkAcross 8s linear infinite;
}

@keyframes walkAcross {
0% {
  left: -100px;
}
100% {
  left: 100%;
}
}
@keyframes walkAcross02 {
0% {
  right: -100px;
}
100% {
  right: 100%;
}
}
#sweetKitten .cat-container02 {
  width: 25%;
  aspect-ratio: 840 / 1010;
  margin: -19% 5% 0 auto;
}
#sweetKitten .cat-container02 img {
  transform: scaleX(-1);
}
#sweetKitten .cat-container03 {
  width: 30%;
  aspect-ratio: 1;
  margin: -10% 5% 0 auto;
}
#sweetKitten .cat-container04 {
  width: 30%;
  margin: -10% 5% 8% auto;
}
#sweetKitten .cat-container05 {
  width: 35%;
  aspect-ratio: 1;
  margin: -8% auto 0 0;
}
#sweetKitten .cat-container05 img {
  transform: scaleX(-1);
}
#sweetKitten .movingCat02 {
  right: -100px;
  left: unset;
  animation: walkAcross02 8s linear infinite;
  transform: scaleX(-1);
}
#sweetKitten .cat-container07 {
  width: 30%;
  aspect-ratio: 1;
  height: 100% !important;
  margin: -10% auto 0 0;
}
/* OtherItems */
#sweetKitten .bc-other {
  padding: 4% 0;
}
#sweetKitten .bc-other h2 {
  width: 71%;
  margin: 0 auto;
  z-index: 2;
}
#sweetKitten .itmbox .othrlst {
  width: 94%;
  margin: -7% auto 0;
  padding: 11% 0 0;
  border: 2px solid #efc7d0;
  border-radius: 20px;
  background: #fff4f6;
  justify-content: space-evenly;
  gap: 8.5vw 0;
}
#sweetKitten .itmbox .othrlst>li {
  width: 45%;
  padding: 0;
}
#sweetKitten .itmbox .itmimg,
#sweetKitten .itmbox .slick-dotted.slick-slider {
  margin-bottom: 2%;
}
#sweetKitten .itmbox .btn_ot {
  margin-top: 7%;
  font-size: 110%;
  font-weight: bold;
  color: #c6aaad;
  letter-spacing: -0.05em;
  transition: 0.3s ease-in-out;
}
#sweetKitten .itmbox .btn_ot small {
  font-size: 93%;
  color: #c6aaad;
}
#sweetKitten .othrlst li a::after {
  width: 3.5%;
  right: 9%;
}
#sweetKitten .itmbox .slick-dots {
  bottom: 16px;
}
#sweetKitten div.btnLast {
  position: relative;
  width: 59%;
  border-radius: 1.34vw;
  margin: 9% auto 27% !important;
}
#sweetKitten div.btnLast::after {
  content: "";
  position: absolute;
  background: url("/img/interior/sweet_kitten/illus02.png") 50% 50%/contain no-repeat;
  width: 16%;
  aspect-ratio: 137 / 214;
  bottom: -109%;
  right: -26%;
}
#sweetKitten div.btnLast a {
  width: 100%;
  font-size: 4.3vw;
  display: flex;
  justify-content: center;
  padding: 6% 0.5em 6% 0;
  background: url("/img/interior/sweet_kitten/heart_arw.png") 94% 50% / 4% no-repeat, #d89ba2;
  border: 2px solid #ffffff;
  border-radius: 50px;
  box-shadow: 0 0 0 2px #d89ba2;
}
#sweetKitten div.btnLast a::after {
  background: url("/img/interior/pink_romantica/arw_pink.png") 50% 50% / contain no-repeat;
}
#sweetKitten div.btnLast a img {
  width: 77%;
}

/* contents */
@media screen and (min-width: 768px){
  #sweetKitten p{
    font-size: min(20px,1.68vw);
  }
  #sweetKitten .forsp {
    display: none;
  }
  #sweetKitten .forpc {
    display: block;
  }
  #sweetKitten .kanbanVideo {
    width: 40%;
  }
  #sweetKitten .kanban_txt + .imgBox {
    width: 70%;
    margin: 1% 0 0 auto;
  }
  #sweetKitten .mainImg {
    width: 90%;
    margin: 0 auto;
  }
  #sweetKitten .mainImg::before {
    width: 18%;
    top: -2%;
    left: -4%
  }
  #sweetKitten .mainImg::after {
    width: 29%;
    right: 0;
    bottom: -13%;
  }
  #sweetKitten .kanban {
    background-size: 70%;
    background-position: 59% 53%;
  }
  #sweetKitten .kanban_txt {
    margin-top: 3%;
  }
  #sweetKitten .kanban_txt::before {
    width: 4%;
    bottom: 5%;
    left: 21%;
  }
  #sweetKitten nav { 
    width: 60%;
    padding: 8% 0 4%;
  }
  #sweetKitten nav .txt {
    margin-bottom: 0;
    font-size: min(28px,2.4vw);
  }
  #sweetKitten .cat-container {
    margin-top: -6%;
  }
  #sweetKitten .movingCat {
    width: 20%;
  }
  #sweetKitten #video01 {
    margin: 5% 0;
  }
  #video01 .mainTitle {
    margin: 0 0 0 3%;
  }
  #sweetKitten .mainTitle02 p {
    font-size: min(20px,1.7vw);
  }
  #sweetKitten #bed_area {
    background-position: 106% -2%;
    background-size: 60%;
  }
  #sweetKitten .mainTitle02 p {
    margin: 0 8% 0 auto;
    padding-left: 5%;
  }
  #sweetKitten #bed_area {
    margin-top: -21%;
    padding: 13% 0 0;
  }
  #sweetKitten #bed_area .mainTitle02::before {
    width: 23%;
    left: 37%;
    bottom: -70%;
  }
  #sweetKitten #bed_area .mainTitle02::after {
    width: 6%;
    right: 6%;
    bottom: -75%;
  }
  #sweetKitten .sliderBox {
    width: 70%;
    margin: 15% auto 0;
  }
  #sweetKitten .sliderBox .slider {
    aspect-ratio: 245/223;
  }
  #bed_area .introWrapper01 {
    background-position: 61% 88%;
    background-size: 76%;
  }
  #sweetKitten [class^="pdIntro0"] {
    font-size: min(20px,1.7vw);
  }
  #sweetKitten .pdIntro01 span {
    margin-bottom: 1%;
  }
  #sweetKitten .pdIntro01::after {
    width: 8%;
    right: 19%;
    bottom: 22%
  }
  #sweetKitten .buyBtn {
    width: 30%;
    margin: 3% auto;
  }
  #sweetKitten .buyBtn a {
    padding: 7% 0;
  }
  #sweetKitten .buyBtn a img {
    width: 24%;
  }
  #sweetKitten .introWrapper01 .pdIntro01::after {
    width: 8%;
    right: 18%;
    bottom: 28%;
  }
  #sweetKitten .introWrapper02 {
    background-position: 50% 47%, 50% 94%;
    background-size: 70%,70%;
  }
  #bed_area .introWrapper02 .pdIntro02::after {
    top: -31%;
    width: 6%;
    left: 13%;
  }
  #sweetKitten .pdIntro02 {
    margin: 2% auto 4%;
  }
  #bed_area .introWrapper02 .pdIntro01 {
    margin-top: 3%;
  }
  #furniture {
    padding: 10% 0 0;
    background-size: 62%;
  }
  #furniture .introWrapper01 .sliderBox {
    margin-top: 5%;
  }
  #furniture .introWrapper01 {
    background-position: 62% 90%;
    background-size: 80%;
  }
  #furniture .pdIntro01::after {
    left: 9%;
    top: -26%;
  }
  #furniture .introWrapper02 .sliderBox {
    margin-right: 6%;
  }
  #furniture .introWrapper02 {
    background-position: 72% 100%;
    background-size: 73%;
  }
  #furniture .introWrapper02 .pdIntro01::after {
    width: 6%;
    right: 15%;
    bottom: -108%;
  }
  #furniture .introWrapper03 {
    margin-top: 0;
    background-size: 75%;
  }
  #furniture .introWrapper03 .sliderBox {
  margin-top: 10%;
  }
  #furniture .introWrapper03 .pdIntro01::after {
    width: 11%;
    left: 12%;
  }
  #furniture .introWrapper03 .pdIntro01{
    margin-top: 3%;
  }
  #furniture .introWrapper04 {
    margin-top: 0;
    background-size: 74%;
    background-position-x: calc(100% - 125px);
  }
  #furniture .introWrapper04 .sliderBox{
    margin-top: 8%;
  }
  #sweetKitten .cat-container04 {
    width: 24%;
  }
  #video03 {
    margin-bottom: 3%;
  }
  #wallpaper {
    padding-top: 14%;
    background-size: 62%;
  }
  #wallpaper .introWrapper01 {
    background-size: 70%;
  }
  #wallpaper .introWrapper01 .sliderBox {
    margin-top: 6%;
  }
  #wallpaper .introWrapper01 .pdIntro01 {
    margin-top: 5%;
  }
  #wallpaper .mainTitle02::after {
    width: 5%;
    left: 43%;
    bottom: -12%;
  }
  #wallpaper .sliderBox:first-child:after {
    right: -9%;
    bottom: -6%;
  }
  #sweetKitten .cat-container05 {
    width: 30%;
    margin: -8% auto 0 5%;
  }
  #accent_color {
    margin-top: -16%;
    padding: 14% 0 0;
    background-size: 70%;
    background-position-x: calc(100% - 67px);
  }
  #accent_color .mainTitle02::after {
    width: 7%;
    right: 5%;
  }
  #accent_color .introWrapper01 {
    margin-top: 3%;
    background-position: 110% 32%, 42% 100%;
    background-size: 53%, 58%;
  }
  #accent_color .introWrapper01 .sliderBox:first-child {
    width: 65%;
  }
  #accent_color .sliderBox:nth-child(2) {
    width: 65%;
    margin-top: 8%;
  }
  #accent_color .introWrapper01 .buyBtn,
  #accent_color .introWrapper02 .buyBtn {
    width: 42%;
  }
  #accent_color .introWrapper01 .buyBtn a img, #accent_color .introWrapper02 .buyBtn a img {
    width: 60%;
    padding-right: 0.05em;
  }
  #accent_color .introWrapper02 {
    margin-top: 28%;
    background-position: 58% 100%;
    background-size: 78%;
  }
  #accent_color .sliderBox:nth-child(2)::after {
    width: 51%;
    right: -16%;
  }
  #accent_color .introWrapper02 .sliderBox:first-child {
    width: 65%;
  }
  #sweetKitten .sideRight {
    margin: 5% 10% 3% auto;
  }
  #sweetKitten .sideLeft {
    margin: 5% auto 3% 10%;
  }
  #accent_color .introWrapper02 .sliderBox:nth-child(2)::after {
    left: -12%;
  }
  #accent_color .introWrapper03 .sliderBox:first-child:after {
    right: -5%;
  }
  #accent_color .introWrapper02 .pdIntro01::after {
    width: 4%;
    left: 11%;
    bottom: -36%;
  }
  #accent_color .introWrapper03 {
    background-position: 47% 96%;
    background-size: 75%;
  }
  #accent_color .introWrapper03::after {
    width: 7%;
    right: 15%;
  }
  #accent_color .introWrapper03 .sliderBox {
    margin-top: 10%;
  }
  #sweetKitten .cat-container07 {
    width: 25%;
    margin-left: 5%;
  }
  #sweetKitten .video::before {
    width: 13%;
  }
  #sweetKitten .cat-container {
    height: min(260px,22vw);
  }
  #sweetKitten .videoBox .mainTitle {
    margin: 0 0 -17% 2%;
  }
  #sweetKitten .videoBox .videoframe {
    margin-top: -13%;
  }
  #sweetKitten .videoBox .videoframe::before {
    top: -7%;
  }
  #sweetKitten .buyBtn a:hover {
    background: url("/img/interior/sweet_kitten/heart_arw.png") 95% 50% / 5% no-repeat, #c1717a;
  }
  #accent_color .introWrapper01 .buyBtn a:hover,
  #accent_color .introWrapper02 .buyBtn a:hover {
    background: url("/img/interior/sweet_kitten/heart_arw.png") 96% 50% / 3.6% no-repeat, #c1717a;
  }
  #sweetKitten .btnLast a:hover {
    background: url("/img/interior/sweet_kitten/heart_arw.png") 96% 50% / 4% no-repeat, #c1717a;;
  }
  #sweetKitten .slick-dots {
    bottom: 0;
  }
  /* その他アイテム */
  #sweetKitten .bc-other {
    margin: 0 auto;
  }
  #sweetKitten .bc-other::before {
    width: 38%;
    top: -20%;
    right: -2%;
  }
  #sweetKitten .bc-other::after {
    width: 9%;
    top: -13%;
    left: 8%;
  }
  #sweetKitten .bc-other h2 {
    width: 56%;
  }
  #sweetKitten .othrlst  a:hover p {
    color: #b27e83;
  }
  #sweetKitten .itmbox .othrlst {
    width: 82%;
    gap: 30px 0;
  }
  #sweetKitten .itmbox .btn_ot {
    font-size: min(24px,2vw);
  }
  #sweetKitten div.btnLast { 
    width: 40%;
    margin: 0 auto 15% !important;
  }
  #sweetKitten div.btnLast a {
    font-size: min(24px,2vw);
  }
  #sweetKitten div.btnLast::after {
    width: 17%;
    bottom: -120%;
    right: -27%;
  }
  #sweetKitten nav li a:hover p {
    font-weight: bold;
  }
  #sweetKitten .bc-other a img {
    opacity: 0.7;
    transition: 0.3s ease-in-out;
  }
  #sweetKitten .bc-other a:hover img {
    opacity: 1;
  }
  #sweetKitten .slick-dots li button:before {
    font-size: 11px;
  }
}
/*///// animation /////*/
.anmt, .at-anmt1, .at-anmt2{
  position: relative;
  height: 100%;
}
.anmt, .anmt > div, .at-anmt1, .at-anmt2{
  opacity: 0;
}
.at-anmt1.animated{
  animation: mainshow1 .8s ease-in-out 0s forwards;
}
.rotate-right {
  animation: rotateOnce1 1.5s ease-in-out forwards;
}
.rotate-left {
  animation: rotateOnce2 .8s ease-in-out 0s forwards;
}
@keyframes rotateOnce1 {
  0% {
    transform: rotate(-10deg);
  }
  100% {
      transform: rotate(0deg); /* Xoay trái 15 độ */
  }
}
@keyframes rotateOnce2 {
  0% {
      transform: rotate(10deg);
  }
  100% {
      transform: rotate(0deg); /* Xoay trái 15 độ */
  }
}
@keyframes mainshow1{
  10%{
    opacity: 0;
    transform: translateY(100px);
  }
  100%{
    opacity: 1;
    transform: translateY(0px);
  }
}
.at-anmt2.animated{
  animation: mainshow2 .8s ease-in-out .5s forwards;
}
@keyframes mainshow2{
  40%{
    opacity: 0;
    transform: translateY(100px);
  }
  100%{
    opacity: 1;
    transform: translateY(0px);
  }
}
.anmt.animated, .anmt.animated > div{
  animation: boxshow .5s ease-in-out 0s forwards;
}
@keyframes boxshow{
  0%{
    opacity: 0;
    transform: translateY(70px);
  }
  100%{
    opacity: 1;
    transform: translateY(0px);
  }
}