@charset "utf-8";
#romantica{
  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;
}
#romantica img{
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
#romantica p, h3{
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
}
#romantica span {
  line-height: 1.5;
}
#romantica i{
  font-style: inherit;;
}
#romantica small, sub, sup{
  font-size: .8em;
}
#romantica a{
  text-decoration: none;
  transition: .6s;
}
#romantica .flex_rvs{
  flex-direction: row-reverse;
}
#romantica .forpc{
  display: none;
}
#romantica .forsp{
  display: block;
}
/* contents */
#romantica .container {
  background: url("/img/interior/pink_romantica/bg.jpg") repeat 50%/100%;
  background-position-y: -21%;
  font-family: "A-OTF Ryumin Pro", serif;
  color: #948e7f;
  line-height: 1.7;
  overflow: hidden;
}
#romantica .kanban {
  position: relative;
  width: 96%;
  margin: 0 auto 0 3%;
  padding: 2% 0 0;
  aspect-ratio: 750/770;
  background: url("/img/interior/pink_romantica/kanban_txt.png") 106% 99%/ 76% no-repeat;
}
#romantica .kanban_txt {
  width: 50%;
  text-align: center;
  padding-bottom: 5%;
  position: absolute;
  font-size: 4.3vw;
  color: #c59b9b;
  right: 4%;
  bottom: 6%;
  background: url("/img/interior/pink_romantica/kanbantxt_line.png") 48% 88%/ 20% no-repeat;
}
#romantica .kanban .frameVideo,
#romantica .kanban .videoframe {
  position: absolute;
}
#romantica .kanbanVideo {
  position: absolute;
  width: 46%;
  aspect-ratio: 464 / 624;
  left: -1%;
  bottom: 0;
  z-index: 1;
}
#romantica .kanban::after,
#dresser .video::after,
#romantica div[class^="btn"] a::after,
#bedCover::before,
#bedCover02::before,
#rug .pdPointIntro::after,
#romantica .bc-other::before,
#romantica .bc-other::after {
  content: "";
  position: absolute;
}
#romantica .kanban::after {
  width: 67%;
  right: -31%;
  bottom: -7%;
  aspect-ratio: 516/158;
  background: url("/img/interior/pink_romantica/ribbonString.png") 50% 50%/ contain no-repeat;
}

/* contents */
#romantica section {
  padding: 10% 0 0;
}
#romantica section h2 {
  width: 57.6%;
  margin: 0 auto;
  text-align: center;
}
#romantica .video {
  position: relative;
  width: 62%;
  aspect-ratio: 500/710;
  margin: 0 auto;
}
#dresser .video::after {
  background: url("/img/interior/pink_romantica/rose.png") 50% 50%/93% no-repeat;
  aspect-ratio: 88/98;
  width: 15%;
  left: -7%;
  bottom: 6%
}
#romantica .frameVideo,
#romantica .videoframe {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
#romantica div[class^="btn"] {
  width: 80%;
  margin: 0 auto;
  aspect-ratio: 600/160;
  background: #fff9f9;
  border: 2px solid #f8cfc9;
  border-radius: 4vw;
  font-size: 4.3vw;
}
#romantica div[class^="btn"] a{
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #b79034;
  background: url("/img/interior/pink_romantica/btn_bg.png") 50% 46%/94% auto no-repeat;
}
#romantica div[class^="btn"] a p {
  padding-right: 0.5em;
  line-height: 1.4;
}
#romantica div[class^="btnS"] a p {
  padding-right: 0.05em;
  letter-spacing: -.05em;
  line-height: 1.2;
}
#romantica div[class^="btn"] small {
  font-size: 91%;
}
#romantica div[class^="btn"] a::after {
  background: url("/img/interior/pink_romantica/arw.png") 50% 50%/contain no-repeat;
  aspect-ratio: 14/23;
  width: 2.5%;
  right: 8%;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s ease-in-out;
}
#romantica div[class^="btnS"] a::after {
  width: 4.5%;
  right: 10%;
}
#rug div[class^="btn"] a::after {
  right: 8%;
}
#rug div[class^="btnS"] a p {
  padding-right: 0.5em;
  letter-spacing: -0.08em;
}
#romantica .pdIntro {
  padding: 8% 2.5% 10%;
}
#dresser .pdIntro {
  background-image: url("/img/interior/pink_romantica/ribbonString04.png"), url("/img/interior/pink_romantica/ribbonString05.png"), url("/img/interior/pink_romantica/ribbonString06.png"), url("/img/interior/pink_romantica/ribon.png"), url("/img/interior/pink_romantica/ribon02.png"), url("/img/interior/pink_romantica/txt01_bg.png"), url("/img/interior/pink_romantica/txt02_bg.png");
  background-repeat: no-repeat;
  background-size: 56%, 61%, 63%, 22%, 46%, 72%, 63%;
  background-position: 118% -4%, 22% 33%, 193% 59%, 95% 38%, 4% 100%, 116% 44%, 4% 93%;
}
#romantica .pdIntro .pdImg {
  position: relative;
  width: 84%;
  margin: 0 auto;
  aspect-ratio: 586/434;
}
#romantica .frameSlider {
  width: 100%;
  position: absolute;
  z-index: 1; 
}
#romantica .pdImg .slider {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#romantica .slick-dots {
  left: -0.5%;
  z-index: 10;
}
#romantica .pdImg .slick-dots {
  bottom: 10%;
}
#romantica .pdPointIntro .slick-dots {
  bottom: 6%;
}
#romantica .slick-dots li {
  margin: 0;
  width: 15px;
  height: 15px;
}
#romantica .slick-dots li button:before {
  color: #ffffff;
  font-size: 7px;
  opacity: 1;
}
#romantica .slick-dots li button {
  width: 0;
  height: 0;
  pointer-events: auto;
}
#romantica .slick-dots li.slick-active button:before {
  color: #fac9c8;
}
#dresser {
  background-image: url("/img/interior/pink_romantica/ribbonString02.png"),url("/img/interior/pink_romantica/ribbonString03.png");
  background-repeat: no-repeat;
  background-position: -56% -1%, 165% 28%;
  background-size: 60%, 62%;
}
#romantica .pdPoint {
  margin-top: 10%;
}
#romantica .pdPoint .pdPointIntro {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.5vw;
  line-height: 2.0;
  column-gap: 5vw;
}
#romantica .pdPoint .pdPointIntro .pdImgPoint {
  position: relative;
  width: 43%;
  z-index: 2;
}
#bedCover .pdPoint .pdPointIntro:first-of-type .pdImgPoint {
  margin-top: 5%;
}
#romantica .pdPoint .pdPointIntro .pointTxt {
  position: relative;
  width: 42%;
  text-align: left;
}
#romantica .pdPoint .pdPointIntro:nth-child(even) {
  margin-top: 6%;
  flex-direction: row-reverse;
}
#romantica .pdPoint .frameSlider {
  top: -5%;
}
#romantica .pdPoint .pdPointIntro:nth-child(even) .pointTxt::after {
  background: url("/img/interior/pink_romantica/txt02_bg.png") 50% 50%/100% 100% no-repeat;
  width: 163%;
  aspect-ratio: 472 / 502;
}

#bedCover {
  position: relative;
  background-image: url("/img/interior/pink_romantica/ribbonString07.png");
  background-repeat: no-repeat;
  background-size: 47%;
  background-position: 111% 24%;
}
#bedCover::before {
  background: url("/img/interior/pink_romantica/kousui.png") 50% 50%/contain no-repeat;
  width: 12%;
  aspect-ratio: 101/169;
  top: -3%;
  right: 11%;
}
#bedCover .pdIntro {
  padding: 9% 2.5% 15%;
  background-image: url("/img/interior/pink_romantica/ribbonString08.png"), url("/img/interior/pink_romantica/ribbonString09.png"), url("/img/interior/pink_romantica/ribon03.png"), url("/img/interior/pink_romantica/rose.png"), url("/img/interior/pink_romantica/ribon.png"), url("/img/interior/pink_romantica/txt03_bg.png"), url("/img/interior/pink_romantica/txt04_bg.png"), url("/img/interior/pink_romantica/ribbonString28.png");
  background-repeat: no-repeat;
  background-position: -26% -6%, 146% 29%, 1% 46%, 94% 71%, 89% 96%, -8% 47%, 98% 97%, -43% 100%;
  background-size: 53%, 60%, 54%, 11%, 20%, 80%, 67%, 56%;
}
#bedCover .pdPoint .pdPointIntro {
  flex-direction: row-reverse;
}
#bedCover .pdPoint .pdPointIntro:nth-child(odd) {
  column-gap: 0;
  margin-left: 3%;
}
#bedCover .pdPoint .pdPointIntro:nth-child(even) {
  flex-direction: row;
  margin-top: 0;
}
#romantica h2 + p {
  width: 85%;
  margin: 1% auto;
}
#romantica .txt {
  margin: 3% auto 0;
  font-size: 3.5vw;
  line-height: 2.0;
}
#rublanc {
  padding: 0;
  background-image: url("/img/interior/pink_romantica/ribbonString10.png"), url("/img/interior/pink_romantica/ribon05.png"), url("/img/interior/pink_romantica/txt05_bg.png"), url("/img/interior/pink_romantica/ribbonString11.png"), url("/img/interior/pink_romantica/ribbonString12.png");
  background-position: -55% 42%, 93% 51%, 50% 33%, 72% 84% , 34% 99.5%;
  background-size: 61%, 42%, 98%, 48%, 60%;
  background-repeat: no-repeat;
}
#rublanc .pdPoint {
  margin-top: 27%;
  padding: 0 2.5%;
}
#rublanc .pdPoint .pdPointIntro{
  column-gap: 2vw;
}
#rublanc .pdPoint .pdPointIntro .pdImgPoint {
  width: 49%;
}
#rublanc .pdPoint .pdPointIntro .btnS {
  width: 41%;
  aspect-ratio: 310/180;
  margin: 0;
}
#rublanc .pdPoint .pdPointIntro:nth-child(even) {
  margin-top: 0;
}
#rublanc div[class^="btn"] a{
  background: url("/img/interior/pink_romantica/btnSmall_bg.png") 50% 45% / 91.5% auto no-repeat;
}
#bedCover02 {
  margin-top: 5%;
  padding-bottom: 15% !important;
  position: relative;
  background-image: url("/img/interior/pink_romantica/ribbonString13.png"), url("/img/interior/pink_romantica/ribbonString14.png"), url("/img/interior/pink_romantica/ribbonString15.png"), url("/img/interior/pink_romantica/rose02.png"), url("/img/interior/pink_romantica/ribon03.png"), url("/img/interior/pink_romantica/slippers.png"), url("/img/interior/pink_romantica/txt06_bg.png");
  background-position: 131% 23%, -19% 36%, 134% 57%, 91% 83%, 23% 95%, 71% 98%, 47% 99%;
  background-size: 59%, 55%, 51%, 12%, 51%, 21%, 75%;
  background-repeat: no-repeat;
}
#bedCover02 .pdIntro {
  padding: 5% 2.5% 10%;
}
#bedCover02::before {
  background: url("/img/interior/pink_romantica/kameo.png") 50% 50% / contain no-repeat;
  width: 15%;
  aspect-ratio: 114/128;
  top: -2%;
  right: 9%;
}
#bedCover02 .pdImg + .txt {
  margin: 18% auto 0 23%;
  text-align: left;
}
#rug {
  padding-top: 20% !important;
  background-image: url("/img/interior/pink_romantica/ribbonString29.png"), url("/img/interior/pink_romantica/ribbonString16.png"), url("/img/interior/pink_romantica/ribon04.png"), url("/img/interior/pink_romantica/ribbonString18.png"), url("/img/interior/pink_romantica/txt05_bg.png"), url("/img/interior/pink_romantica/ribbonString19.png"), url("/img/interior/pink_romantica/ribon06.png");
  background-position: -28% 4%, 109% 11%, 56% 27%, 112% 21%, 50% 17.5%, 5% 27%, 15% 47.5%;
  background-size: 56%, 43%, 17%, 43%, 95%, 30%, 48%;
  background-repeat: no-repeat;
}
#rug .pdIntro {
  padding-bottom: 10% !important;
}
#rug .pdPoint div[class^="btn"] a {
  background: url("/img/interior/pink_romantica/btnSmall_bg.png") 50% 50% / 94% auto no-repeat;
}
#rug .pdPoint .pdPointIntro .pdImgPoint {
  width: 50%;
}
#rug .pdLink {
  width: 41%;
}
#rug .blanket .pdLink {
  margin-bottom: 22%;
}
#rug .cushion .pdLink {
  margin-bottom: 14%;
}
#rug .pdLink>.ttl {
  width: 82%;
  margin: 0 auto 18%;
}
#rug .cushion .pdLink>.ttl {
  margin-bottom: 13%;
}
#rug .pdPoint:first-of-type {
  background-image: url("/img/interior/pink_romantica/ribbonString20.png"), url("/img/interior/pink_romantica/teacup.png"), url("/img/interior/pink_romantica/ribbonString21.png");
  background-position: 58% 35%, 94% 41%, 100% 100%;
  background-size: 42%, 18%, 18%;
  background-repeat: no-repeat;
}
#rug .pdPoint .pdPointIntro {
  position: relative;
  column-gap: 2vw;
}
#rug .pdPointIntro::after {
  background: url("/img/interior/pink_romantica/line.png") 50% 50% / contain no-repeat;
  aspect-ratio: 418/8;
  width: 56%;
  z-index: 1;
  top: 20%;
}
#rug .cushion::after {
  top: 14%;
}
#rug .pdPoint .pdPointIntro:nth-child(odd)::after {
  right: 0;
}
#rug .pdPoint .pdPointIntro:nth-child(even)::after {
  left: 2%;
}
#rug .listBtn {
  display: flex;
  flex-wrap: wrap;
  gap: 2.68vw;
}
#rug .listBtn>.btnS02,
#rug .pdPoint .pdPointIntro .btnS {
  width: 100%;
  aspect-ratio: 310/180;
  margin: 0;
  box-sizing: border-box;
}
#rug .pdPoint .blanket .btnS a {
  background-position: 50% 45%;
}
/* #rug .pdPoint .pdPointIntro .btnS {
  font-size: 4.6vw;
} */
#rug .pdPoint:last-of-type {
  display: flex;
  padding-top: 8%;
  flex-wrap: wrap;
  gap: 6vw;
  background-image: url("/img/interior/pink_romantica/txt02_bg.png"), url("/img/interior/pink_romantica/ribbonString22.png"), url("/img/interior/pink_romantica/ribbonString23.png"), url("/img/interior/pink_romantica/txt07_bg.png"), url("/img/interior/pink_romantica/ribbonString16.png"), url("/img/interior/pink_romantica/txt08_bg.png"), url("/img/interior/pink_romantica/ribon04.png"), url("/img/interior/pink_romantica/ribbonString24.png"), url("/img/interior/pink_romantica/rose02.png"), url("/img/interior/pink_romantica/txt08_bg.png"), url("/img/interior/pink_romantica/txt08_bg.png");
  background-position: 175% 1%, -18% 20%, 165% 39%, -33% 33%, 57% 67%, 162% 58%, 4% 66%, -85% 86.5%, 86% 86%, -20% 76%, 107% 96%;
  background-size: 85%, 58%, 58%, 69%, 40%, 80%, 18%, 67%, 12%, 57%, 57%;
  background-repeat: no-repeat;
}
#rug .pdPoint:last-of-type .pdPointIntro {
  column-gap: 0;
  align-items: flex-start;
}
#rug .pdPoint:last-of-type .pdPointIntro .pdImgPoint {
  width: 56%;
}
#rug .pdPoint:last-of-type .pdLink {
  width: 42%;
}
#rug .pdPoint:last-of-type .frameSlider {
  top: -8%;
}
#rug .pdPoint:last-of-type .slider {
  width: 86%;
  margin: 0 auto;
}
#rug .pdPoint .txt {
  text-align: left;
  font-size: 3.5vw;
  margin-bottom: 3%;
}
#rug .pdPoint .pdPointIntro .moreBtn {
  width: 93%;
  margin-top: 10%;
  border-radius: 2.68vw;
  font-size: 3.9vw;
  aspect-ratio: 290/110;
}
#romantica div.moreBtn a::after {
  right: 15%;
}
#rug .pdPoint .moreBtn a {
  background: url("/img/interior/pink_romantica/btnMore_bg.png") 50% 43% / 91% auto no-repeat !important;
}
#romantica div.moreBtn a p {
  padding-right: 0.05em;
  letter-spacing: normal;
  line-height: 1;
}
#rug .light .pdLink>.ttl {
  width: 100%;
  margin: 0 auto 0 -8%;
}
#rug .light::after {
  top: 12%;
  right: 4% !important;
}
#rug .chandelier .pdLink>.ttl {
  width: 91%;
  margin: 0;
}
#rug .chandelier .pdLink {
  margin-left: 4%;
}
#rug .chandelier::after {
  top: 13%;
  width: 58%;
}
#rug .hangerRack {
  margin-top: 4%;
}
#rug .hangerRack .pdLink {
  margin-top: -3%;
}
#rug .hangerRack .pdLink>.ttl {
  width: 105%;
  margin: 0 auto 0 -18%;
}
#rug .hangerRack::after {
  top: 8%;
  right: 4% !important;
  width: 57%;
}
#rug .pdPoint:last-of-type .hangerRack02,
#rug .pdPoint:last-of-type .coatStand {
  align-items: center;
}
#rug .hangerRack02 .pdLink>.ttl {
  width: 102%;
  margin: 0 auto 18% 8%;
}
#rug .hangerRack02::after {
  top: 24%;
}
#rug .coatStand {
  margin-top: 5%;
}
#rug .coatStand .pdLink>.ttl {
  width: 102%;
  margin: 0 auto 23% -9%;
}
#rug .coatStand::after {
  right: 4%;
  top: 27%;
}
/* other */
#romantica .bc-other {
  position: relative;
  margin: 30% auto 0;
  padding: 0 0 10%;
  background-image: url("/img/interior/pink_romantica/ribbonString25.png"), url("/img/interior/pink_romantica/ribbonString26.png"), url("/img/interior/pink_romantica/ribbonString27.png");
  background-position: 58% 40.5%, 71% 74%, 25% 104%;
  background-size: 57%, 44%, 36%;
  background-repeat: no-repeat;
}
#romantica .bc-other::before {
  background: url("/img/interior/pink_romantica/ribbonString13.png") 50% 50% / contain no-repeat;
  width: 64%;
  aspect-ratio: 446 / 288;
  top: -16%;
  right: -17%;
}
#romantica .bc-other::after {
  background: url("/img/interior/pink_romantica/flower.png") 50% 50% / contain no-repeat;
  width: 14%;
  aspect-ratio: 98 / 160;
  top: -10%;
  left: 5%;
}
#romantica .bc-other h2 {
  width: 80%;
}
#romantica .itmbox .othrlst {
  width: 100%;
  margin: 0 auto;
  justify-content: center;
}
#romantica .itmbox .othrlst>li {
  width: 47%;
  padding: 0;
  margin: 8% 0 0;
}
#romantica .itmbox .itmimg,
#romantica .itmbox .slick-dotted.slick-slider {
  margin-bottom: 2%;
}
#romantica .itmbox .btnOther {
  box-sizing: border-box;
  width: 90%;
  border: 2px solid #f8cfc9;
  border-radius: 2.68vw;
  aspect-ratio: 330/130;
  font-size: 3.6vw;
  color: #b79034;
}
#romantica .itmbox .otherItem03 .btnOther {
  letter-spacing: -0.1em !important;
}
#romantica .itmbox .btnOther a p {
  line-height: 1.3;
}
#romantica .itmbox .btnOther a p small {
  font-size: 93%;
}
#romantica div.btnOther a::after {
  width: 3.5%;
  right: 9%;
}
#romantica .btnOther a {
  background: url("/img/interior/pink_romantica/otherBtn_bg.png") 50% 40% / 92% auto no-repeat !important;
}
#romantica .itmbox .slick-dots {
  bottom: 16px;
}
#romantica div.btnLast {
  position: relative;
  width: 64%;
  border-radius: 1.34vw;
  margin: 0 auto 27% !important;
  background: #ffeaea;
}
#romantica div.btnLast::before,
#romantica div.btnLast::after {
  content: "";
  position: absolute;
}
#romantica div.btnLast::before {
  background: url("/img/interior/pink_romantica/lastBtn_ribon.png") 50% 50%/contain no-repeat;
  width: 53%;
  aspect-ratio: 252/156;
  top: -31%;
  left: -6%;
  z-index: 2;
}
#romantica div.btnLast::after {
  background: url("/img/interior/pink_romantica/ribon.png") 50% 50%/contain no-repeat;
  width: 28%;
  aspect-ratio: 168 / 147;
  bottom: -113%;
  right: -16%;
  z-index: 2;
}
#romantica div.btnLast a {
  font-size: 4.3vw;
  color: #de8f8f;
  background: url("/img/interior/pink_romantica/lastBtn.png") 50% 50% / 94% no-repeat;
}
#romantica div.btnLast a::after {
  background: url("/img/interior/pink_romantica/arw_pink.png") 50% 50% / contain no-repeat;
}
#romantica .productVideo {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
#romantica .productVideo span {
  position: absolute;
  width: 35%;
}
#romantica .productVideo span:first-of-type {
  left: -17%;
}
#romantica .productVideo span:last-of-type {
  right: -17%;
}
#romantica .videoframe {
  position: absolute;
  margin: 0 auto;
  width: 88%;
  top: 50%;
  aspect-ratio: 260/360;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="417" height="597"><path fill="white" d="M208.767,8.213 C319.224,8.213 408.767,138.049 408.767,298.211 C408.767,458.376 319.224,588.212 208.767,588.212 C98.310,588.212 8.767,458.376 8.767,298.211 C8.767,138.049 98.310,8.213 208.767,8.213 Z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="417" height="597"><path fill="white" d="M208.767,8.213 C319.224,8.213 408.767,138.049 408.767,298.211 C408.767,458.376 319.224,588.212 208.767,588.212 C98.310,588.212 8.767,458.376 8.767,298.211 C8.767,138.049 98.310,8.213 208.767,8.213 Z"/></svg>');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  z-index: -1;
}

/* contents */
@media screen and (min-width: 768px){
  #romantica{
    max-width: 1200px;
    font-size: 10px;
  }
  #romantica .forsp {
    display: none;
  }
  #romantica .forpc {
    display: block;
  }
  #romantica .kanbanVideo {
    width: 40%;
  }
  #romantica .kanban_txt {
    width: 62%;
    right: 4%;
    bottom: 9%;
    font-size: min(32px,2.7vw);
  }
  #romantica .kanban::after {
    width: 46%;
    right: -12%;
    bottom: 2%;
  }
  #romantica section {
    padding: 5% 0 0;
  }
  #romantica .productVideo {
    width: 90%;
    margin: 0 auto;
  }
  #romantica .productVideo span { 
    width: 25%;
  }
   #romantica .productVideo span img { width: 100%;}
  #romantica .productVideo span:first-of-type {
    left: 0;
  }
  #romantica .productVideo span:last-of-type { 
    right: 0;
  }
  #romantica .video {
    width: 45%;
  }
  #romantica div[class^="btn"] {
    width: 56%;
    font-size: min(26px,2.2vw);
    border-width: 3px;
    border-radius: min(30px,2.5vw);
  }
  #romantica .pdIntro {
    padding: 8% 10% 15%;
  }
  #romantica .pdIntro .pdImg {
    width: 75%;
  }
  #romantica h2 + p {
    width: 100%;
  }
  #romantica h2 + p img {
    width: 75%;
  }
  #romantica .kanbanVideo .videoframe {
    width: 85%;
  }
  #romantica section .videoframe {
    width: 90%;
  }
  #dresser {
    background-position: 12% 2%, 95% 23%;
    background-size: 36%, 38%;
  }
  #dresser .video::after {
    width: 15%;
    left: -6%;
  }
  #romantica .pdPoint .pdPointIntro {
    font-size: min(24px,2vw);
    column-gap: min(30px,2.5vw);
  }
  #romantica .pdPoint .pdPointIntro:nth-child(even) {
    margin-top: 0;
  }
  #dresser .pdIntro {
    background-position: 88% 5%, 30% 32%, 136% 58%, 91% 39%, 9% 92%, 97% 53%, 12% 94%;
    background-size: 41%, 45%, 43%, 15%, 29%, 60%, 55%; 
  }
  #bedCover {
    background-size: 27%;
    background-position: 79% 13%;
  }
  #bedCover::before {
    width: 11%;
    top: -5%;
    right: 15%;
  }
  #bedCover .pdIntro {
    padding-bottom: 5%;
    background-position: -21% -6%, 154% 29%, 12% 47%, 79% 72%, 87% 94%, 10% 52%, 89% 99%, -24% 100%;
    background-size: 50%, 58%, 35%, 7%, 14%, 64%, 54%, 41%;
  }
  #bedCover .pdPoint .pdPointIntro {
    column-gap: min(30px,2.5vw);
  }
  #rug .pdPoint .txt {
    font-size: min(24px, 2vw);
  }
  #romantica .txt {
    margin-top: 1%;
    font-size: min(24px, 2vw);
  }
  #rug .pdPoint {
    margin: 0 auto;
    padding: 0 12.5%;
  }
  #rug .pdPoint .pdPointIntro .btnS {
    font-size: min(30px, 2.5vw);
  }
  #rug .pdPoint .blanket .btnS a {
    background-position: 50% 50%;
  }
  #rublanc {
    background-position: -19% 40%, 83% 52%, 46% 36%, 60% 78%, 37% 99%;
    background-size: 45%, 29%, 81%, 36%, 49%;
  }
  #rublanc .pdPoint {
    margin-top: 15%;
    padding: 0 10%;
  }
  #bedCover02 {
    padding-bottom: 0 !important;
    background-position: 125% 15%, 4% 31%, 91% 53%, 76% 81%, 30% 96%, 56% 98%, 45% 100%;
    background-size: 50%, 46%, 34%, 7%, 36%, 12%, 58%;
  }
  #rug {
    padding: 4% 0 0  !important;
    background-position: 5% 2%, 87% 8%, 52% 26%, 95% 19%, 53% 14.5%, 21% 25%, 15% 49%;
    background-size: 37%, 33%, 12%, 32%, 66%, 19%, 31%;
  }
  #rug .pdPoint {
    padding: 0 10%;
  }
  #rug .pdLink>.ttl {
    width: 70%;
  }
  #romantica div[class^="btn"] a:hover::after {
    right: 6%;
  }
  #romantica .slick-dots li {
    margin: 0 3px;
  }
  #romantica .pdPointIntro .slick-dots {
    bottom: 4%;
  }
  #romantica .pdImg .slick-dots {
    bottom: 11%;
  }
  #romantica .slick-dots li button:before {
    font-size: 11px;
  }
  #romantica div[class^="btnS"] a p {
    letter-spacing: 0;
    padding: 0 0.05em 0.3em 0;
  }
  #romantica div[class^="btnS"] a::after {
    width: 3.5%;
    right: 11%;
  }
  #romantica div[class^="btnS"] a:hover::after {
    right: 9%;
  }

  #rug .pdPoint .moreBtn a { 
    background: url("/img/interior/pink_romantica/btnMore_bg.png") 50% 50% / 91% auto no-repeat !important;
  }
  #romantica div.moreBtn a::after {
    right: 12%;
  }
  #romantica div.moreBtn a:hover::after {
    right: 10%;
  }
  #rublanc .pdPoint .pdPointIntro .btnS {
    width: 35%;
  }
  #bedCover02::before {
    width: 10%;
    top: -3%;
    right: 14%;
  }
  #rug .pdPoint:first-of-type {
    background-position: 56% 35%, 94% 41%, 90% 100%;
    background-size: 32%, 13%, 16%;
  }
  #rug .pdLink>.ttl,
  #rug .cushion .pdLink>.ttl {
    margin-bottom: 10%;
  }
  #rug .cushion .pdLink {
    margin-bottom: 10%;
  }
  #rug .pdPoint .pdPointIntro:nth-child(odd)::after {
    top: 20%;
  }
  #rug .listBtn {
    gap: min(20px,1.68vw);
  }
  #rug .pdPoint .cushion {
    margin-top: 3% !important;
  }
  #rug .pdPoint .pdPointIntro:nth-child(even)::after {
    left: 4%;
    top: 12%;
  }
  #rug .pdPoint:last-of-type {
    padding-top: 15%;
    gap: min(60px,5vw);
    background-position: 106% 4%, -11% 19%, 133% 38%, -2% 30%, 50% 66%, 105% 55%, 9% 63%, -13% 87%, 88% 83%, -8% 77%, 97% 99%;
    background-size: 55%, 44%, 41%, 53%, 30%, 62%, 12%, 54%, 7%, 53%, 53%;
  }
  #rug .pdPoint .light::after {
    top: 11.5% !important;
  }
  #rug .pdPoint .pdPointIntro .moreBtn {
    width: 90%;
    border-radius: min(20px,1.68vw);
    font-size: min(24px,2vw);
  }
  #rug .pdPoint .pdPointIntro.chandelier::after {
    top: 13%;
  }
  #rug .pdPoint .pdPointIntro.hangerRack::after {
    top: 8%;
  }
  #rug .pdPoint .pdPointIntro.hangerRack02::after {
    top: 28%;
  }
  #rug .pdPoint .pdPointIntro.coatStand::after {
    top: 31%;
  }
  #rug .pdPoint:last-of-type .pdLink {
    width: 36%;
  }
  #rug .pdPoint:last-of-type .pdPointIntro {
    justify-content: space-around;
  }
  #rug .light .pdLink>.ttl {
    width: 88%;
    margin: 0 auto 0 -5%;
  }
  #rug .chandelier .pdLink>.ttl {
    width: 87%;
  }
  /* その他アイテム */
  #romantica .bc-other {
    margin: 20% auto 0;
    background-position: 24% 54%, 89% 81%, 17% 118%;
    background-size: 45%, 38%, 30%;
  }
  #romantica .bc-other::before {
    width: 38%;
    top: -20%;
    right: -2%;
  }
  #romantica .bc-other::after {
    width: 9%;
    top: -13%;
    left: 8%;
  }
  #romantica .itmbox .slick-dots {
    bottom: 30px;
  }
  #romantica .itmbox .btnOther {
    font-size: min(20px,1.68vw);
    border-radius: min(20px,1.68vw);
  }
  #romantica .itmbox .othrlst>li {
    width: 31%;
  }
  #romantica div.btnLast { 
    width: 52%;
    margin: 0 auto 10% !important;
    border-radius: min(10px,1vw);
  }
  #romantica div.btnLast a {
    font-size: min(24px,2vw);
  }
  #romantica div.btnLast::after {
    width: 23%;
    bottom: -50%;
    right: -26%;
  }
  #romantica div.btnOther a::after {
    right: 12%;
  }
  #romantica div.btnOther a:hover::after {
    right: 10%;
  }
  #rug .coatStand .pdLink>.ttl {
    width: 95%;
  }
  #romantica div.btnLast a::after {
    right: 12%;
  }
  #romantica div.btnLast a:hover::after {
    right: 10%;
  }
  #romantica .itmbox .otherItem03 .btnOther {
    letter-spacing: -0.05em !important;
  }
  #romantica .btnOther a {
    background: url("/img/interior/pink_romantica/otherBtn_bg.png") 50% 50% / 92% auto no-repeat !important;
  }


}
/*///// 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);
  }
}