@charset "utf-8";
#gpdroom{
  box-sizing: border-box;
  width: 100%;
  font-family: "A-OTF UD Shin Maru Go Pro", sans-serif, YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 10px;
  color: #84878a;
  overflow: hidden;
}
#gpdroom img{
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
#gpdroom p, h3{
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
}
#gpdroom span {
  line-height: 1.5;
}
#gpdroom i{
  font-style: inherit;;
}
#gpdroom small, sub, sup{
  font-size: .8em;
}
#gpdroom a{
  text-decoration: none;
  transition: .6s;
}
#gpdroom .flex_rvs{
  flex-direction: row-reverse;
}
#gpdroom .forpc{
  display: none;
}
#gpdroom .forsp{
  display: block;
}
/* contents */
#gpdroom .container {
  padding-top: 3%;
  background: url("/img/interior/girly_pop_addiction/bg.jpg") repeat-y 50%/100%;
  background-position-y: -21%;
  color: #000000;
  line-height: 2.0;
  font-family: "vdl-logomaru",'M PLUS Rounded 1c', sans-serif;
  font-weight: 400;
  font-style: normal;
}
#gpdroom .kanban {
  padding-bottom: 6%;
  /* background: url("/img/interior/girly_pop_addiction/icon_frame.png") no-repeat 70% 100%/ 17%; */
}
#gpdroom .kanbanVideo {
  position: relative;
  width: 93.3%;
  margin: -9.5% auto 0;
  display: flex;
  justify-content: space-between;
  box-shadow: inset 0 0 0 2px #e6b0bf;
  border-radius: 10px;
  z-index: 1;
  background:#fff5fa url("/img/interior/girly_pop_addiction/load_heart.png") no-repeat 50% 96%/ 85%;
}
#gpdroom .kanbanVideo:before,
#gpdroom .kanbanVideo:after {
  content: "";
  width: 6%;
  position: absolute;
  aspect-ratio: 48/48;
  background: url("/img/interior/girly_pop_addiction/icon_icon.png") no-repeat 100%/ 100%;
  left: -2.5%;
  bottom: -3.5%;
}
#gpdroom .kanbanVideo:after {
  right: -2.5%;
  left: unset;
}
#gpdroom .kanbanVideo .videoframe {
  width: 32.5%;
  padding-bottom: 8%;
  aspect-ratio: 330 / 578;
}
#gpdroom .mainTtl {
  width: 96%;
  margin: 0 auto;
  z-index: 2;
  position: relative;
}
/* kanbanVideo */
#gpdroom .hacobune-app-container[data-v-06004ed0] {
  background: unset;
  padding: 0;
} 
#gpdroom .hacobune-unit-video[data-v-5ee0864c] {
  margin: 0;
}
#gpdroom .hacobune-app-container[data-v-06004ed0] {
  width: 100%;
  margin: 0;
}
#gpdroom .hacobune-video-js.videojs-default-skin[data-v-6d1e147a] {
  background-color: unset;
}
#gpdroom .hacobune-univideo video {
  border-radius: 4px;
}
#gpdroom .hacobune-unit-video-outline {
  display: none;
}
#gpdroom .hacobune-unit-video-player {
  border-radius: 5px;
  border: 2px solid white;
  box-shadow: 0 0 0 2px #e6b0bf;
  margin: 2px;
  text-align: center;
}
/* End kanbanVideo */
/* kanban_text */
#gpdroom .kanbanIntro {
  position: relative;
  margin-top: 2%;
  padding: 0 0 5%;
  background: url(/img/interior/girly_pop_addiction/bg_frame.png) no-repeat 71% 9% / 84%;
  /* aspect-ratio: 630 / 695; */
}
#gpdroom .kanbanIntro::before,
#gpdroom .kanbanIntro::after {
  content: "";
  position: absolute;
}
#gpdroom .kanbanIntro::before {
  width: 9%;
  aspect-ratio: 70/65;
  background: url("/img/interior/girly_pop_addiction/icon_pop.png") no-repeat 100%/ 100%;
  top: -2%;
  left: 3%;
  z-index: 1;
}
#gpdroom .kanbanIntro::after {
  width: 10%;
  aspect-ratio: 74/69;
  background: url("/img/interior/girly_pop_addiction/icon_heart.png") no-repeat 100%/ 100%;
  right: 2%;
  bottom: -1%;
}
#gpdroom .kanban_txt {
  position: relative;
  width: 82%;
  margin: 0 auto;
  padding: 3% 1%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffeff4;
  border: 1px solid #e6b0bf;
  border-radius: 1.3vw;
}
#gpdroom .kanban_txt::after {
  content: "";
  position: absolute;
  width: 13%;
  aspect-ratio: 74 / 69;
  background: url("/img/interior/girly_pop_addiction/icon_ribon.png") no-repeat 100% / 100%;
  left: -4%;
  top: 37%;
}
#gpdroom .kanban_txt p {
  font-size: 3.5vw;
  line-height: 2.0;
}
/* End kanban_text */
#gpdroom section {
  margin: 2% auto;
  text-align: center;
}
#gpdroom .btn {
  cursor: pointer;
  width: 75%;
  margin: 3% auto;
  padding: 2%;
  border-radius: 6.7vw;
  background: #fff7fb;
  border: 1px solid #e6b0bf;
  box-shadow: 4px 5px 0 #ffdfe9, 4px 5px 0 1px #e6b0bf;
  transition: all 0.3s ease-in-out;
}
#gpdroom .btn a p {
  width: 100%;
  padding: 2% 0;
  font-size: 4.6vw;
  border-radius: 6.7vw;
  color: #e1859f;
  background:#ffffff url("/img/interior/girly_pop_addiction/arw.png") no-repeat 97% 50% / 2.5%;
  font-family: "corporate-logo-ver2", sans-serif;
  font-weight: 300;
}
#gpdroom .pdIntro {
  width: 93%;
  display: grid;
  gap: 6vw;
  margin: 9% auto;
}
#gpdroom .pdIntro li {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#gpdroom .pdIntro li::after,
#gpdroom .pdIntro li::before {
  content: "";
  position: absolute;
}
#desk .pdIntro .video01::before {
  width: 14%;
  background: url("/img/interior/girly_pop_addiction/icon_folder.png") no-repeat 100% / 100%;
  aspect-ratio: 103 / 82;
  bottom: 13%;
  right: 5%;;
}
#desk .pdIntro .video01::after {
  background: url("/img/interior/girly_pop_addiction/icon_ribon2.png") no-repeat 100% / 100%;
  width: 12%;
  aspect-ratio: 87/81;
  bottom: -4%;
  right: 23%;
}
#desk .pdIntro .video02::before {
  background: url("/img/interior/girly_pop_addiction/icon_heart02.png") no-repeat 100% / 100%;
  width: 9%;
  aspect-ratio: 61 / 55;
  bottom: 32%;
  left: 7%;
}
#desk .pdIntro .video02::after {
  background: url("/img/interior/girly_pop_addiction/icon_cake.png") no-repeat 100% / 100%;
  width: 13%;
  aspect-ratio: 97 / 92;
  bottom: 15%;
  left: 19%;
}
#gpdroom  .pdIntro li .videoframe {
  position: relative;
  width: 60%;
  z-index: 1;
  aspect-ratio: 426 / 756;
}
#gpdroom .pdIntro li p {
  width: 33%;
  padding: 2%;
  font-size: 3.4vw;
  line-height: 2.0;
  text-align: left;
  background: #ffffff;
  color: #3c3134;
  box-shadow: 2px 2px 6px #ffcad9;
  border-radius: 1.33vw;
}
#gpdroom  .pdIntro li .videoframe::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url("/img/interior/girly_pop_addiction/frame01.png") no-repeat 50% 50% / 100%;
  aspect-ratio: 426 / 756;
  width: 100%;
  z-index: 2;
}
#desk .pdIntro li:nth-child(even),
#chest .pdIntro li:nth-child(even) {
  flex-direction: row-reverse; 
}
#gpdroom .image {
  position: relative;
  width: 94%;
  margin: 0 auto;
  text-align: left;
}
#gpdroom .image img {
  width: 85%;
}
#gpdroom .image02 {
  margin-top: 7%;
  text-align: right;
}
#gpdroom .image::after {
  content: "";
  position: absolute;
  width: 7%;
  background: url("/img/interior/girly_pop_addiction/icon_heart02.png") no-repeat 50% 50% / 100%;
  aspect-ratio: 61 / 55;
  right: 4%;
  top: 50%;
}
#gpdroom .image02::after {
  width: 11%;
  background: url("/img/interior/girly_pop_addiction/icon_heart.png") no-repeat 50% 50% / 100%;
  aspect-ratio: 61 / 55;
  left: 10%;
  top: 21%;
  transform: rotate(-25deg);
}
#gpdroom #chair {
  margin: 17% auto;
}
#gpdroom .txt {
  font-size: 3.4vw;
  line-height: 2.0;
  color: #3c3134;
}
#chair .txt {
  position: relative;
}
#chair .txt::after {
  position: absolute;
  content: "";
  background: url("/img/interior/girly_pop_addiction/icon_capsule.png") no-repeat 50% 50% / 100%;
  aspect-ratio: 42/65;
  width: 6%;
  top: 30%;
  right: 8%;
}
#chair .image,
#curtain .image {
  margin: 8% auto;
  text-align: right;
}
#chair .image::after {
  content: "";
  position: absolute;
  width: 12%;
  background: url("/img/interior/girly_pop_addiction/icon_donut.png") no-repeat 50% 50% / 85%;
  aspect-ratio: 87 / 87;
  left: 0%;
  top: 61%;
}
/* キャビネット */
#cabinet h2 {
  width: 91%;
  margin: 0 auto;
}
#cabinet .slider_frame {
  position: relative;
}
#cabinet .slider_frame .frameimage {
  position: relative;
  display: inline-block;
  z-index: 2;
}
#cabinet .slider_container {
  width: 92%;
  position: absolute;
  bottom: 0;
  left: 4%;
  z-index: 1;
  aspect-ratio: 680 / 450;
  overflow: hidden;
}
#cabinet .slick-dots {
  bottom: 2%;
  text-align: left;
}
#cabinet .slick-dots li {
  width: 15px;
  margin: 0;
}
#cabinet .slick-dots li.slick-active button:before {
  color: #e6b0bf;
}
#cabinet .slick-dots li button:before {
  color: #fff;
  opacity: 1;
}
#cabinet .pdIntro li:nth-child(odd) {
  flex-direction: row-reverse;
}
#cabinet .pdIntro .video01::before {
  width: 8%;
  background: url("/img/interior/girly_pop_addiction/icon_file.png") no-repeat 100% / 100%;
  aspect-ratio: 52 / 59;
  bottom: 22%;
  left: 5%;
}
#cabinet .pdIntro .video01::after {
  background: url("/img/interior/girly_pop_addiction/icon_wings.png") no-repeat 100% / 100%;
  width: 22%;
  aspect-ratio: 156 / 102;
  bottom: 6%;
  left: 12%;
}
#cabinet .pdIntro .video02::before {
  width: 11%;
  background: url("/img/interior/girly_pop_addiction/icon_heart.png") no-repeat 100% / 100%;
  transform: rotate(-25deg);
  aspect-ratio: 74 / 69;
  bottom: 38%;
  right: 22%;
}
#cabinet .pdIntro .video02::after {
  background: url("/img/interior/girly_pop_addiction/icon_game.png") no-repeat 100% / 100%;
  width: 17%;
  aspect-ratio: 121 / 72;
  bottom: 17%;
  right: 6%;
}
#cabinet .pdIntro .video03::before {
  width: 16%;
  background: url("/img/interior/girly_pop_addiction/icon_doubleheart.png") no-repeat 100% / 100%;
  aspect-ratio: 118/124;
  bottom: 22%;
  left: 14%;
}
#cabinet .pdIntro .video03::after {
  content: none;
}
/* Flip */
#gpdroom .flip-card {
  aspect-ratio: 430/340;
  margin: 0 auto;
  perspective: 1000px; /* Tạo hiệu ứng 3D */
}
#gpdroom .card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s; /* Animation lật */
  transform-style: preserve-3d;
}
/* Khi có class 'flipped' thì lật thẻ */
#gpdroom .flip-card.flipped .card-inner {
  transform: rotateY(180deg);
}
#gpdroom .card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden; /* Ẩn mặt sau */
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#gpdroom .card-back {
  transform: rotateY(180deg);
}
#gpdroom .turnOver {
  width: 93%;
  margin: 9% auto;
  display: grid;
  gap: 6vw;
}
#gpdroom .turnOver li {
  position: relative;
  display: flex;
  gap: 3vw;
  align-items: center;
}
#gpdroom .turnOver li .flip-card {
  width: 68%;
}
#gpdroom .turnOver li .btn {
  width: 32%;
  height: fit-content;
}
#gpdroom .turnOver li .btn a p {
  padding: 2% 0 15%;
  background: #ffffff url("/img/interior/girly_pop_addiction/arw.png") no-repeat 50% 85% / 7%;
  font-size: 4vw;
}
#gpdroom .turnOver li:nth-child(even) {
  flex-direction: row-reverse;
}
#gpdroom .turnOver li::before {
  content: "";
  position: absolute;
  width: 10%;
  background: url("/img/interior/girly_pop_addiction/icon_candy02.png") no-repeat 100% / 100%;
  aspect-ratio: 73/77;
  top: 1%;
  right: 19%;
}
#gpdroom .turnOver .flip02::before {
  width: 12%;
  background: url("/img/interior/girly_pop_addiction/icon_doubleheart.png") no-repeat 100% / 100%;
  aspect-ratio: 118/124;
  top: 0;
  left: 5%;
  transform: rotate(-15deg) scaleX(-1);
}
#gpdroom .turnOver .flip03::before {
  width: 8%;
  background: url("/img/interior/girly_pop_addiction/icon_heart02.png") no-repeat 100% / 100%;
  aspect-ratio: 61/55;
  bottom: -7%;
  top: unset;
  right: 18%;
  transform: rotate(-20deg);
}
/* END キャビネット */
#chest .pdIntro .video01::before {
  background: url("/img/interior/girly_pop_addiction/icon_ribon2.png") no-repeat 100% / 100%;
  width: 13%;
  aspect-ratio: 87 / 81;
  bottom: 5%;
  right: 16%;
}
#chest .pdIntro .video02::before {
  background: url("/img/interior/girly_pop_addiction/icon_donut.png") no-repeat 100% / 100%;
  width: 12%;
  aspect-ratio: 87 / 87;
  bottom: 17%;
  left: 20%;
}
#chest .pdIntro .video02::after {
  background: url("/img/interior/girly_pop_addiction/icon_candy.png") no-repeat 100% / 100%;
  width: 10%;
  aspect-ratio: 87 / 81;
  bottom: 9%;
  left: 1%;
}
#chest .pdIntro .video02 p {
  position: relative;
}
#chest .pdIntro .video02 p:after {
  content: "";
  position: absolute;
  background: url("/img/interior/girly_pop_addiction/icon_heart.png") no-repeat 100% / 100%;
  width: 24%;
  transform: rotate(-15deg);
  aspect-ratio: 61 / 55;
  bottom: -28%;
  left: 18%;
}
#chest .btn_l {
  border-radius: 8.8vh;
}
/* カフェカーテン */
#curtain .txt,
#curtain .image {
  position: relative;
}
#curtain .txt::after {
  position: absolute;
  content: "";
  background: url("/img/interior/girly_pop_addiction/icon_wings.png") no-repeat 50% 50% / 100%;
  aspect-ratio: 156/102;
  width: 16%;
  transform: rotate(30deg);
  top: 61%;
  right: 5%;
}
#curtain .image::after {
  content: "";
  position: absolute;
  width: 8%;
  background: url("/img/interior/girly_pop_addiction/icon_capsule02.png") no-repeat 50% 50% / 85%;
  aspect-ratio: 87 / 87;
  left: 2%;
  top: 26%;
}
/* END カフェカーテン */
/* otherItems */
#gpdroom .bc-other {
  padding: 10% 0 !important;
}
#gpdroom .bc-other h2 {
  width: 68%;
  position: relative;
  margin: 0 auto;
}
#gpdroom .bc-other h2:after {
  content: "";
  position: absolute;
  width: 14%;
  background: url("/img/interior/girly_pop_addiction/icon_pop.png") no-repeat 50% 50% / 85%;
  aspect-ratio: 70 / 65;
  right: 1%;
  top: -47%;
}
#gpdroom .itmbox .othrlst {
  width: 96%;
  margin: 0 auto;
  justify-content: space-evenly;
}
#gpdroom .itmbox .othrlst li {
  width: 44%;
  padding: 0;
  margin: 4% 0 0;
}
#gpdroom .itmbox .othrlst li:nth-child(n+3) {
  margin-top: 8%;
}
#gpdroom .bc-other .btn_ot {
  width: 92%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  aspect-ratio: 314 / 109;
  margin: 5% auto 0;
  padding: 2%;
  border-radius: 6.7vw;
  background: #fff7fb;
  border: 1px solid #e6b0bf;
  box-shadow: 4px 5px 0 #ffdfe9, 4px 5px 0 1px #e6b0bf;
  transition: all 0.3s ease-in-out;
}
#gpdroom .itmbox .othrlst .btn_ot p {
  width: 100%;
  padding: 2% 0;
  font-size: 3.7vw;
  border-radius: 6.7vw;
  color: #e1859f;
  background: #ffffff url("/img/interior/girly_pop_addiction/arw.png") no-repeat 95% 50% / 5%;
  font-family: "corporate-logo-ver2", sans-serif;
  font-weight: 300;
}
#gpdroom .itmbox .othrlst li .btn_ot01 p {
  padding: 9% 0;
}
#gpdroom .last_btn {
  position: relative;
  width: 75%;
  margin: 0 auto 10%;
  text-align: center;
}
#gpdroom .last_img {
  position: relative;
  margin: 12% auto 6%;
}
#gpdroom .last_img::after {
  content: "";
  position: absolute;
  width: 7%;
  background: url("/img/interior/girly_pop_addiction/icon_doubleheart.png") no-repeat 100% / 100%;
  aspect-ratio: 118/124;
  top: -10%;
  right: 5%;
  transform: rotate(10deg);
}
#gpdroom .last_img::before {
  content: "";
  position: absolute;
  width: 10%;
  background: url("/img/interior/girly_pop_addiction/icon_cake.png") no-repeat 100% / 100%;
  aspect-ratio: 97 / 92;
  bottom: -49%;
  right: 6%;
  transform: rotate(-5deg);
}
#gpdroom .last_btn a {
  width: 100%;
}
#gpdroom .last_btn a img {
  width: 53%;
}
/* contents */
@media screen and (min-width: 768px){
  #gpdroom .loading-screen img {
    width: 20%;
  }
  #gpdroom .kanban_txt {
    width: 50%;
  }
  #gpdroom .kanban_txt p {
    font-size: min(1.7vw, 20px);
  }
  #gpdroom .kanban_txt {
    width: 50%;
    border-radius: 10px;
    aspect-ratio: 620 / 685;
    padding: 0;
  }
  #gpdroom .kanbanVideo .videoframe {
    aspect-ratio: 330 / 578;
  }
  #gpdroom .kanbanVideo:before,
  #gpdroom .kanbanVideo:after {
    width: 3%;
    left: -1.25%;
    bottom: -2%;
  }
  #gpdroom .kanbanVideo:after {
    right: -1.25%;
    left: unset;
  }
  #gpdroom .kanbanIntro {
    position: relative;
    margin-top: 2%;
    padding: 0 0 5%;
    background: url(/img/interior/girly_pop_addiction/bg_frame.png) no-repeat 53% 36% / 50%;
  }
  #gpdroom .kanbanIntro::before {
    width: 5%;
    top: -3%;
    left: 22%;
  }
  #gpdroom .kanbanIntro::after {
    width: 5%;
    right: 22%;
    bottom: 3%;
  }
  #gpdroom .kanban {
    padding-bottom: 4%;
    /* background: url(/img/interior/girly_pop_addiction/icon_frame.png) no-repeat 80% 100% / 12%; */
  }
  #gpdroom .kanbanVideo {
    box-shadow: inset 0 0 0 4px #e6b0bf;
  }
  #gpdroom .hacobune-univideo video {
    border-radius: 10px;
  }
  #gpdroom .hacobune-unit-video-player {
    margin: 4px;
    border: 3px solid white;
    box-shadow: 0 0 0 5px #e6b0bf;
    border-radius: 10px;
  }
  #gpdroom .btn {
    width: 50%;
    padding: 1%;
  }
  #gpdroom .btn:hover {
    box-shadow: 0 0 0 transparent !important;
    transform: translate(2px, 2px) !important;
  }
  #gpdroom .btn a p {
    font-size: min(2.4vw,28px);
  }
  #gpdroom .pdIntro {
    width: 60%;
    gap: 3vw;
    margin: 8% auto 10%;
  }
  #gpdroom .pdIntro li p,
  #gpdroom .txt {
    font-size: min(1.7vw, 20px);
  }
  #gpdroom #desk {
    margin-top: 6%;
  }
  #desk .pdIntro .video01::before {
    width: 11%;
    bottom: 15%;
    right: 5%;
  }
  #desk .pdIntro .video01::after {
    width: 10%;
    bottom: -4%;
    right: 23%;
  }
  #gpdroom .image {
    width: 65%;
  }
  #gpdroom .image::after {
    width: 6%;
  }
  #gpdroom .image02::after {
    width: 9%;
  }
  #gpdroom .image02 {
    margin-top: 4%;
  }
  #gpdroom #chair {
    margin: 10% auto;
  }
  #chair .txt::after {
    width: 3%;
    right: 22%;
  }
  #chair .image, #curtain .image {
    margin: 4% auto;
  }
  #chair .image::after {
    width: 9%;
  }
  #cabinet h2 {
    width: 70%;
  }
  #cabinet .pdIntro .video01::before {
    width: 7%;
    bottom: 26%;
    left: 9%;
  }
  #cabinet .pdIntro .video01::after {
    width: 19%;
    left: 16%;
  }
  #cabinet .pdIntro .video02::before {
    width: 9%;
  }
  #cabinet .pdIntro .video02::after {
    width: 15%;
  }
  #cabinet .pdIntro .video03::before {
    width: 14%;
    left: 13%;
  }
  #gpdroom .turnOver li .btn a p {
    font-size: min(2vw,24px);
  }
  #chest .pdIntro .video01::before {
    width: 11%;
  } 
  #chest .pdIntro .video02::before {
    width: 10%;
  }
  #chest .pdIntro .video02::after {
    width: 8%;
  }
  #chest .btn_l {
    border-radius: min(5.5vw,64px);
  }
  #gpdroom .turnOver {
    width: 65%;
    margin: 5% auto 10%;
    gap: 3vw;
  }
  #gpdroom .turnOver li::before {
    width: 8%;
    right: 24%;
  }
  #gpdroom .turnOver .flip02::before {
    width: 9%;
  }
  #gpdroom .turnOver .flip03::before {
    width: 7%;
  }
  #curtain .txt::after {
    width: 9%;
    top: 64%;
    right: 22%;
  }
  #gpdroom .bc-other h2 {
    width: 32%;
  }
  /* その他 */
  #gpdroom .bc-other::before {
    width: 29%;
    top: -7%;
    left: 3%;
  }
  #gpdroom .bc-other::after {
    width: 4%;
    top: -5%;
    right: 16%;
  }
  #gpdroom .bc-other {
    padding: 10% 0 4% !important;
  }
  #gpdroom .itmbox .othrlst {
    width: 55%;
    justify-content: space-between;
  }
  #gpdroom .itmbox .othrlst li .itmimg::before {
    top: -3%;
    z-index: 1;
  }
  #gpdroom .itmbox .itmimg img {
    width: 100%;
  }
   #gpdroom .itmbox .othrlst li a img {
    transition: transform 0.3s ease-in-out;
  }
  #gpdroom .last_btn a img {
    transition: transform 0.3s ease-in-out;
    width: 30%;
  }
  #gpdroom .last_img::after {
    width: 6%;
    right: 12%;
  }
  #gpdroom .itmbox .othrlst .btn_ot p {
    font-size: min(1.5vw,18px);
    background: #ffffff url("/img/interior/girly_pop_addiction/arw.png") no-repeat 94% 50% / 5%;
  }
  #gpdroom .last_img {
    margin: 5% auto 6%;
  }
  #gpdroom .last_img::before {
    width: 6%;
    bottom: -45%;
    right: 18%;
  }
  #gpdroom .itmbox .othrlst li {
    margin: 7% 0 0;
  }
  #gpdroom .itmbox .othrlst li a:hover .btn_ot {
    box-shadow: 0 0 0 transparent !important;
    transform: translate(2px, 2px) !important;
  }
  #gpdroom .bc-other .btn_ot {
    width: 80%;
    padding: 3%;
    aspect-ratio: 0;
  }
}
/*///// 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);
  }
}