@charset "utf-8";
#gfroom *{
  box-sizing: border-box;
  width: 100%;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 10px;
}
span{
  font-size: 14px;
}
#gfroom img{
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
#gfroom p{
  margin: 0;
  padding: 0;
  color: #6f6f6f;
  font-size: 3.7vw;
  line-height: 1.5;
  font-weight: 400;
  text-shadow: 1px 1px 0 white, /* Đổ bóng xung quanh */
  -1px 1px 0 white,
  1px -1px 0 white,
  -1px -1px 0 white;
}
#gfroom span {
  line-height: 1.5;
}
#gfroom i{
  font-style: inherit;;
}
#gfroom small, sub, sup{
  font-size: .8em;
}
#gfroom a{
  text-decoration: none;
  transition: .6s;
}
#gfroom .flex_rvs{
  flex-direction: row-reverse;
}
#gfroom .forpc{
  display: none;
}
#gfroom .forsp{
  display: block;
}
/*top*/
#gfroom{
  box-sizing: border-box;
  text-align: center;
  max-width: 1020px;
  margin: 0 auto;
  font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
  background: url(/img/interior/grayish_fantasy/bg.jpg) repeat-y 50% 50%/100%;
}
#gfroom .kanbanbg{
  background-repeat: no-repeat;
  background-size: cover;
}
#gfroom .cont_decorated{
  padding: 5.3% 2.6%;
  overflow: hidden;
  position: relative;
}
/* #gfroom .cont_decorated{
  padding: 5.3%;
} */
#gfroom .kanban{
  position: relative;
}
#gfroom .cont_decorated::before,
#gfroom .cont_decorated::after,
#gfroom .main_txt::before,
#gfroom .main_txt::after {
  content: "";
  position: absolute;
  height: auto;
  background-repeat: no-repeat;
  background-size: contain;
}
#gfroom .cont_decorated::before {
  background-image: url(/img/interior/grayish_fantasy/kanban_bf.png);
  top: -2%;
  left: 0;
  aspect-ratio: 263/206;
  width: 35vw;
}
#gfroom .cont_decorated::after {
  background-image: url(/img/interior/grayish_fantasy/kanban_at.png);
  right: 0;
  bottom: 4%;
  aspect-ratio: 440/192;
  width: 58.7vw;
}
#gfroom .main_txt {
  position: relative;
  padding: 14% 23% 18.6% 7.3%;
  font-weight: 600;
  background: url(/img/interior/grayish_fantasy/heart01.png) no-repeat 50% 50%/100%;
}
#gfroom .main_txt::before{
  background-image: url(/img/interior/grayish_fantasy/pearl.png);
  top: 6.1%;
  right: 16.3%;
  aspect-ratio: 85/69;
  width: 11.3vw;
}
#gfroom .main_txt::after{
  background-image: url(/img/interior/grayish_fantasy/rose.png);
  right: 9.8%;
  bottom: 2%;
  aspect-ratio: 199/115;
  width: 26.5vw;
}
/* contents */
#gfroom .contents {
  background-size: 100%;
}
#gfroom .contents>section {
  padding: 5% 0 0;
  margin: 0 auto;
}
#gfroom .contents .imgbox {
  padding: 0 20px;
}
#gfroom #curtain .cont_decorated::before {
  background-image: url(/img/interior/grayish_fantasy/curtain.png);
  top: 4%;
  aspect-ratio: 485/129;
  width: 64.7vw;
  z-index: 10;
}
#gfroom #curtain .cont_decorated::after {
  background-image: url(/img/interior/grayish_fantasy/ribon02.png);
  aspect-ratio: 312/214;
  width: 41.6vw;
  right: -2%;
}
#gfroom #curtain {
  position: relative;
  background: url(/img/interior/grayish_fantasy/ribbonline.png) no-repeat 3.3% 24%/61%;
}
#gfroom .btn_l {
  width: 82.7%;
  padding: 1%;
  display: block;
  margin: 0 auto;
  border: 2px solid #e7e7e7;
  border-inline: 3px solid #e7e7e7;
  background: #fff;
  border-radius: 10px;
  color: #969696;
  border: 1px solid #e7e7e7;
  background-color: #fff;
}
#gfroom .img_b {
  margin: 0 auto;
}
#gfroom .txt {
  width: fit-content;
}
#gfroom .btn_l a {
  position: relative;
  padding: 4% 0;
  display: inline-block;
  border-radius: 5px;
  border: 2.5px solid #f6f6f6;
  color: #969696;
  font-size: 4.4vw;
  font-weight: 500;
  line-height: 1.5;
}
/* #gfroom .btn_l a span {
  font-size: 4.5vw;
  color: #969696;
} */
#gfroom .btn_l a::before,
#gfroom .btn_l a::after {
  content: "";
  position: absolute;
  height: auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/img/interior/grayish_fantasy/btn_pattern.png);
  aspect-ratio: 43/43;
  width: 5.7vw;
}
#gfroom .btn_l a::before {
  top: 4%;
  left: 1%;
}
#gfroom .btn_l a::after {
  transform: rotate(180deg);
  right: 1%;
  bottom: 4%;
}
#gfroom #curtain .img_b {
  position: relative;
  /* margin-top: 5%; */
}
#gfroom #curtain .img_b:nth-child(3) {
  margin-top: 5%;
}
#gfroom #curtain .img_b:nth-child(3) img{
  width: 87.3vw; 
}
#gfroom #curtain .img_b:nth-child(3) .txt,
#gfroom #curtain .img_b:nth-child(4) .txt {
  width: fit-content;
  position: absolute;
  right: 5.3%;
  top: 0;
}
#gfroom #curtain .img_b:nth-child(4) .txt {
  top: -26%;
}
#gfroom #curtain .img_b:nth-child(4) {
  margin-top: -50%;
}
#gfroom #curtain .img_b:nth-child(4) img{
  width: 96.4vw; 
}
#gfroom #curtain .img_b:nth-child(3)::before,
#gfroom #curtain .img_b:nth-child(3)::after,
#gfroom #curtain .img_b:nth-child(4)::before,
#gfroom #curtain .img_b:nth-child(4)::after {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  height: auto;
}
#gfroom #curtain .img_b:nth-child(3)::before {
  background-image: url(/img/interior/grayish_fantasy/pearl.png);
  aspect-ratio: 85/69;
  width: 11.3vw;
  right: 6.7%;
  top: 13%;
  transform: rotate(90deg);
}
#gfroom #curtain .img_b:nth-child(3)::after {
  background-image: url(/img/interior/grayish_fantasy/rose02.png);
  aspect-ratio: 110/86;
  width: 14.7vw;
  right: 10%;
  top: 31%;
}
#gfroom #curtain .img_b:nth-child(4)::before {
  background-image: url(/img/interior/grayish_fantasy/rosepetal.png);
  aspect-ratio: 141 / 129;
  width: 18.8vw;
  left: 26%;
  top: -20%;
}
#gfroom #curtain .img_b:nth-child(4)::after {
  background-image: url(/img/interior/grayish_fantasy/rose03.png);
  aspect-ratio: 135 / 120;
  width: 18vw;
  right: 14%;
  bottom: 2%;
}
#gfroom #curtain::after {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  height: auto;
  background-image: url(/img/interior/grayish_fantasy/pearl02.png);
  aspect-ratio: 35 / 38;
  width: 4.7vw;
  right: 7%;
  bottom: 7%;
}

/* chest */
#gfroom #chest{
  background: url(/img/interior/grayish_fantasy/ribbonline2.png) no-repeat 95% 19% / 32.8%;
}
#gfroom #chest .cont_decorated{
  padding: 5.3%;
}
#gfroom #chest .cont_decorated::before {
  background-image: url(/img/interior/grayish_fantasy/ribon02.png);
  top: 2%;
  left: -6%;
  aspect-ratio: 312/214;
  width: 41.6vw;
}
#gfroom #chest .cont_decorated::after {
  background-image: url(/img/interior/grayish_fantasy/chest.png);
  right: 2.3%;
  bottom: 7%;
  aspect-ratio: 512 / 137;
  width: 68.3vw;
}
#gfroom #chest .txt {
  padding-left: 5.3%;
  padding-right: 40%;
  position: relative;
  z-index: 2;
}
#gfroom #chest .img_b {
  position: relative;
}
#gfroom #chest .img_b:nth-child(3) {
  margin-top: -35%;
}
#gfroom #chest .img_b:nth-child(3) img {
  width: 93%;
  margin: 0 auto;
}
#gfroom #chest .img_b:nth-child(3)::before,
#gfroom #chest .img_b:nth-child(3)::after,
#gfroom #chest .img_b:nth-child(4)::before,
#gfroom #paper .img_b:nth-child(3)::before,
#gfroom #paper .img_b:nth-child(4)::after,
#gfroom #paper .img_b:nth-child(4)::before{
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  height: auto;
}
#gfroom #chest .img_b:nth-child(3)::before {
  background-image: url(/img/interior/grayish_fantasy/pearl.png);
  aspect-ratio: 85 / 69;
  width: 11.3vw;
  left: 4.7%;
  bottom: 36%;
  transform: rotate(90deg);
}
#gfroom #chest .img_b:nth-child(3)::after {
  background-image: url(/img/interior/grayish_fantasy/rose04.png);
  aspect-ratio: 112/222;
  width: 14.9vw;
  right: 5%;
  bottom: -15%;
}
#gfroom #chest .img_b:nth-child(4)::before {
  background-image: url(/img/interior/grayish_fantasy/pearl04.png);
  aspect-ratio: 92 / 104;
  width: 12.2vw;
  left: 5%;
  bottom: 0;
}
#gfroom #chest .img_b:nth-child(4) {
  margin-top: -29%;
  z-index: -10;
}
#gfroom #chest .img_b:nth-child(4) img {
  width: 91%;
}
#gfroom .btn_m {
  width: 61%;
}
#gfroom .btn_l span {
  display: inline-block;
  font-size: 3.5vw;
}
#gfroom #chest .img_b:nth-child(3) .btn_m {
  position: absolute;
  bottom: 7%;
  z-index: 10;
  left: 5.3%;
}
#gfroom #chest .img_b:nth-child(4) .btn_m {
  position: absolute;
  bottom: 4.5%;
  z-index: 10;
  right: 5.3%;
}
/* paper */
#gfroom #paper .cont_decorated::before {
  background-image: url(/img/interior/grayish_fantasy/paper.png);
  top: 4%;
  left: 1%;
  aspect-ratio: 509 / 120;
  width: 67.9vw;
}
#gfroom #paper .cont_decorated::after {
  background-image: url(/img/interior/grayish_fantasy/ribon02.png);
  right: -2%;
  bottom: 2%;
  aspect-ratio: 312/214;
  width: 41.6vw;
}
#gfroom #paper .btn_l {
  position: relative;
  z-index: 10;
}
#gfroom #paper .img_b:nth-child(3) {
  margin-top: -24%;
  position: relative;
}
#gfroom #paper .img_b:nth-child(3) img {
  width: 97.7vw;
}
#gfroom #paper .img_b .txt {
  position: absolute;
}
#gfroom #paper .img_b:nth-child(3) .txt {
  top: 20%;
  right: 5%;
}
#gfroom #paper .img_b:nth-child(4) {
  padding-bottom: 18%;
  position: relative;
  /* margin: -74% auto 0 29%; */
  text-align: right;
  margin-top: -70%;
}
#gfroom #paper .img_b:nth-child(4) img {
  width: 68.3vw;
}
#gfroom #paper .img_b:nth-child(4) .txt {
  text-align: center;
  bottom: 0;
  left: 5%;
}
#gfroom #paper .img_b:nth-child(3)::before {
  background-image: url(/img/interior/grayish_fantasy/rose05.png);
  aspect-ratio: 110 / 86;
  width: 14.7vw;
  right: 10.7%;
  top: 40%;
}
#gfroom #paper .img_b:nth-child(4)::after {
  background-image: url(/img/interior/grayish_fantasy/pearl.png);
  aspect-ratio: 85 / 69;
  width: 11.3vw;
  right: 6.7%;
  bottom: 8%;
  transform: rotate(180deg);
}
#gfroom #paper .img_b:nth-child(4)::before {
  background-image: url(/img/interior/grayish_fantasy/paperroll.png);
  aspect-ratio: 154 / 388;
  width: 20.5vw;
  left: 35%;
  bottom: 15%;
}
/* table */
#gfroom #table {
  margin-bottom: 10%;
}
#gfroom #table .cont_decorated::before,
#gfroom #table .cont_decorated::after {
  content: "";
  position: absolute;
  height: auto;
  background-repeat: no-repeat;
  background-size: contain;
}
#gfroom #table .cont_decorated::before {
  background-image: url(/img/interior/grayish_fantasy/ribon02.png);
  left: -2%;
  top: 4%;
  aspect-ratio: 315/ 194;
  width: 41.2vw;
}
#gfroom #table .cont_decorated::after {
  background-image: url(/img/interior/grayish_fantasy/marbletable.png);
  bottom: 7%;
  right: 2%;
  aspect-ratio: 480 / 155;
  width: 64vw;
}
#gfroom #table .img_b:nth-child(2) {
  position: relative;
}
#gfroom #table .img_b:nth-child(3) {
  margin-top: -3%;
}
#gfroom #table .txt {
  position: absolute;
  top: 9%;
  right: 0;}
#gfroom #table .txt span {
  display: inline-block;
  font-weight: bolder;
  text-shadow: 0 0 black;
}
#gfroom .btn_s {
  width: 43%;
}
#gfroom .btn_s i {
  display: inline-block;
}
#gfroom .btn_s a {
  padding: 6% 0%;
}
#gfroom .btn_s {
  position: absolute;
}
#gfroom #table .img_b:nth-child(2) .btn_s {
  bottom: 7%;
  right: 2%;
}
#gfroom #table .img_b:nth-child(3) img {
 width: 87.9%;
}
#gfroom #table .img_b:nth-child(3) .btn_s {
  bottom: 22%;
  left: 2%;
}
#gfroom #table .img_b:nth-child(4) {
  margin: unset;
  text-align: left;
  margin-top: -14%;
}
#gfroom #table .img_b:nth-child(4) img {
  width: 74.5%;
}
#gfroom #table .img_b:nth-child(4) .btn_s {
  text-align: center;
  bottom: -9%;
  right: 2%;
}
#gfroom #table .img_b:nth-child(2)::before,
#gfroom #table .img_b:nth-child(3)::before,
#gfroom #table .img_b:nth-child(4)::before {
  content: "";
  position: absolute;
  height: auto;
  background-repeat: no-repeat;
  background-size: contain;
}
#gfroom #table .img_b:nth-child(2)::before {
  background-image: url(/img/interior/grayish_fantasy/rosepetal2.png);
  left: 29%;
  bottom: 4%;
  aspect-ratio: 65/ 61;
  width: 8.7vw;
}
#gfroom #table .img_b:nth-child(3)::before {
  background-image: url(/img/interior/grayish_fantasy/rose06.png);
  left: 3%;
  top: 33%;
  aspect-ratio: 95 / 106;
  width: 12.7vw;
}
#gfroom #table .img_b:nth-child(4)::before {
  background-image: url(/img/interior/grayish_fantasy/pearl.png);
  aspect-ratio: 85 / 69;
  width: 11.3vw;
  right: 16%;
  top: 21%;
  transform: rotate(90deg);
}
/* curtain2 */
#gfroom #curtain2 .cont_decorated {
  z-index: 10;
}
#gfroom #curtain2 .cont_decorated::before,
#gfroom #curtain2 .cont_decorated::after {
  content: "";
  position: absolute;
  height: auto;
  background-repeat: no-repeat;
  background-size: contain;
}
#gfroom #curtain2 .cont_decorated::before {
  background-image: url(/img/interior/grayish_fantasy/ribbon_a_curtain.png);
  left: 0;
  top: 4%;
  aspect-ratio: 627 / 138;
  width: 83.6vw;
}
#gfroom #curtain2 .cont_decorated::after {
  background-image: url(/img/interior/grayish_fantasy/ribon06.png);
  right: -2%;
  bottom: 4%;
  aspect-ratio: 266/177;
  width: 41.6vw;
}
#gfroom #curtain2 .txt {
  position: relative;
  padding: 0 0 0 37.6vw;
}
#gfroom #curtain2 .img_b {
  position: relative;
  text-align: left;
  margin-top: -44%;
}
#gfroom #curtain2 .img_b img {
  width: 91%;
}
#gfroom #curtain2 .btn_m{
  text-align: center;
  position: absolute;
  bottom: 5%;
  right: 5%;
}
#gfroom #curtain2 .txt::before,
#gfroom #curtain2 .txt::after,
#gfroom #curtain2 .img_b::before,
#gfroom #curtain2 .img_b::after {
  content: "";
  position: absolute;
  height: auto;
  background-repeat: no-repeat;
  background-size: contain;
}
#gfroom #curtain2 .txt::before,
#gfroom #curtain2 .txt::after {
  background-image: url(/img/interior/grayish_fantasy/pearl02.png);
  left: 8%;
  top: -17%;
  aspect-ratio: 35 / 38;
  width: 4.7vw;
}
#gfroom #curtain2 .txt::after{
  left: 37%;
  top: 47%;
  width: 2.5vw;
}
#gfroom #curtain2 .img_b::before {
  background-image: url(/img/interior/grayish_fantasy/rose07.png);
  right: 10%;
  bottom: 26%;
  aspect-ratio: 135 / 121;
  width: 18vw;
}
#gfroom #curtain2 .img_b::after {
  background-image: url(/img/interior/grayish_fantasy/rosepetal3.png);
  left: 5%;
  bottom: 0;
  aspect-ratio: 119 / 207;
  width: 16vw;
}

/*Other cordinate Items*/
#gfroom .bc-other{
  padding: 10% 0;
  background-repeat: repeat-y;
  background-size: 100%;
}
#gfroom .bc-other h2 img{
  width: 76.4%;
  padding: 9% 0 0;
}
#gfroom .bc-other:after{
  width: 12vw;
  top: -3%;
  right: 4%;
}
#gfroom .bc-other:before{
  width: 8vw;
  top: 0%;
  right: 18%;
}
#gfroom .bc-other h2{
  position: relative;
  margin: 0 auto;
}
#gfroom .itmbox .othrlst{
  justify-content: space-evenly;
  margin: 0 auto 3%;
}
#gfroom .itmbox .othrlst li{
  width: 45%;
  padding: 0.5%;
  margin: 3% 0 0;
}
#gfroom .itmbox .othrlst li p{
  margin-bottom: 5%;
}
#gfroom .itmbox .othrlst .btn{
  /* width: 85% !important; */
  margin: 0 auto;
}
#gfroom .itmbox .othrlst li .btn{
  font-size: 4vw;
  font-weight: bold;
  line-height: 1.2;
  color: #969696;
  text-shadow: 1px 1px 0 white, -1px 1px 0 white, 1px -1px 0 white, -1px -1px 0 white;
}
#gfroom .itmbox .othrlst li a span{
  font-size: 3.5vw;
  font-weight: bolder;
}
@media screen and (min-width: 768px){
  #gfroom{
    font-size: 10px;
  }
  #gfroom p {
    font-size: 1.8rem;
  }
  #gfroom .kanban{
    padding: 0;
  }
  #gfroom .forsp {
    display: none;
  }
  #gfroom .forpc {
    display: block;
  }
  #gfroom .tnb_rb::before, #gfroom .tnb_rb::after{
    width: 33%;
    height: 40px;
  }
  #gfroom .contents>section {
    padding: 0 10%;
    margin-top: 7%;
  }
  #gfroom .cont_decorated::after {
    background-image: url(/img/interior/grayish_fantasy/kanban_pc_at.png);
    aspect-ratio: 568/245;
    width: 55.7%;
    bottom: -3%;
  }
  #gfroom .cont_decorated::before {
    background-image: url(/img/interior/grayish_fantasy/kanban_pc_bf.png);
    aspect-ratio: 358/248;
    width: 35%;
  }
  #gfroom .cont_decorated {
    padding: 3% 2.6%;
  }
  #gfroom .main_txt {
    margin: 0;
    padding: 12.6% 19% 14.6% 20%;
    background: url(/img/interior/grayish_fantasy/heart01_pc.png) no-repeat 50% 50% / 81.4%;
  }
  #gfroom .main_txt::before {
    width: 6%;
    right: 27%;
    top: 12%;
  }
  #gfroom .main_txt::after {
    width: 18.5%;
    right: 20%;
  }
  #gfroom .img_b {
    margin-top: 5% !important;
  }
  #gfroom .cont_decorated {
    padding: 0;
    overflow: unset;
  }
  /* curtain */
  #gfroom #curtain {
    background: url(/img/interior/grayish_fantasy/ribbonline.png) no-repeat 30.3% 21% / 40.8%;
  }
  #gfroom #curtain .cont_decorated::before {
    width: 62%;
    top: -6%;
  }
  #gfroom #curtain .cont_decorated::after {
    width: 34.6%;
    right: -4%;
    bottom: -3%;
  }
  #gfroom .btn_l a {
    font-size: 1.8rem;;
  }
  #gfroom .btn_l {
    width: 60.8%;
  }
  #gfroom .btn_l a {
    transition: 0.3s ease-in-out;
    transition: .4s cubic-bezier(0.37, 0, 0.63, 1);
  }
  #gfroom .btn_l:hover a {
    background: #cccccc;
    color: #ffffff;
  }
  #gfroom .btn_l a::before, #gfroom .btn_l a::after {
    width: 9%;
  }
  /* curtain */
  #gfroom #curtain .img_b:nth-child(3) {
    width: 86%;
  }
  #gfroom #curtain .img_b:nth-child(3)::after {
    width: 13.8%;
    right: 14%;
    top: 39%;
  }
  #gfroom #curtain .img_b:nth-child(3)::before {
    width: 8.3%;
    right: 4%;
  }
  #gfroom #curtain .img_b:nth-child(3) img {
    width: 85%;
  }
  #gfroom #curtain .img_b:nth-child(3) .txt{
    right: 0;
  }
  #gfroom #curtain .img_b:nth-child(4)::before {
    width: 17.8%;
    left: 30%;
    top: -29%;
  }
  #gfroom #curtain .img_b:nth-child(4) {
    margin-top: -32% !important;
  }
  #gfroom #curtain .img_b:nth-child(4) img {
    width: 71%;
  }
  #gfroom #curtain .img_b:nth-child(4) .txt {
    right: 6%;
    top: -35%;
  }
  #gfroom #curtain .img_b:nth-child(4)::after {
    width: 13.2%;
    right: 23%;
    bottom: 3%;
  }
  #gfroom #curtain::after {
    width: 3.4%;
    right: 13%;
    bottom: 8%;
  }
  /* chest */
  #gfroom #chest {
    background: url(/img/interior/grayish_fantasy/ribbonline2.png) no-repeat 86% 25% / 24%;
  }
  #gfroom #chest .cont_decorated {
    padding: 0;
  }
  #gfroom #chest .cont_decorated::before {
    width: 34.6%;
    top: -3%;
    left: -4%;
  }
  #gfroom #chest .cont_decorated::after{
    width: 64.9%;
    right: 0;
    bottom: 3%;
  }
  #gfroom #chest .txt {
    padding-left: 12.3%;
    padding-right: 30%;
  }
  #gfroom #chest .img_b:nth-child(3) {
    margin-top: -32% !important;
  }
  #gfroom #chest .img_b:nth-child(3) img {
    width: 68.4%;
  }
  #gfroom .btn_m {
    width: 48%;
  }
  #gfroom #chest .img_b:nth-child(3) .btn_m {
    bottom: 5%;
  }
  #gfroom .btn_l span {
    font-size: 1.4rem;
  }
  #gfroom #chest .img_b:nth-child(3)::before {
    width: 8.3%;
  }
  #gfroom #chest .img_b:nth-child(3)::after {
    width: 11%;
    right: 10%;
  }
  #gfroom #chest .img_b:nth-child(4) {
    margin-top: -17% !important;
  }
  #gfroom #chest .img_b:nth-child(4) img {
    width: 67.2%;
  }
  #gfroom #chest .img_b:nth-child(4)::before {
    width: 9%;
    left: 9%;
    bottom: 7%;
  }
  /* paper */
  #gfroom #paper .cont_decorated::before {
    width: 64.6%;
    top: 0;
    left: 0;
  }
  #gfroom #paper .cont_decorated::after {
    width: 33.7%;
  }
  #gfroom #paper .btn_l {
    margin: 3% auto 0;
  }
  #gfroom #paper .img_b:nth-child(3) {
    margin-top: -13% !important;
    margin-left: -5%;
  }
  #gfroom #paper .img_b:nth-child(3) .txt {
    right: 8%;
  }
  #gfroom #paper .img_b:nth-child(3) img {
    width: 72%;
  }
  #gfroom #paper .img_b:nth-child(3)::before {
    width: 10.8%;
    right: 20%;
    top: 42%;
  }
  #gfroom #paper .img_b:nth-child(4) {
    padding-bottom: 8%;
    margin-top: -55% !important;
  }
  #gfroom #paper .img_b:nth-child(4) img {
    width: 50.2%;
  }
  #gfroom #paper .img_b:nth-child(4)::before {
    width: 15%;
    left: 52%;
    bottom: 6%;
  }
  #gfroom #paper .img_b:nth-child(4)::after {
    width: 8.3%;
    bottom: 0;
  }
  #gfroom #paper .img_b:nth-child(4) .txt {
    left: 12%;
  }
  /* table */
  #gfroom #table .img_b:nth-child(2) .txt span {
    font-size: 1.2rem;
  }
  #gfroom #table .cont_decorated::before {
    width: 35%;
    top: 0;
  }
  #gfroom #table .cont_decorated::after {
    width: 61.8%;
    bottom: 0;
    right: 0;
  }
  #gfroom #table .img_b img {
    width: 90%;
  }
  #gfroom .btn_s {
    width: 35%;
    text-align: center;
  }
  #gfroom #table .txt {
    right: 7%;
    top: 0;
  }
  #gfroom #table .img_b:nth-child(2) {
    left: 7%;
  }
  #gfroom #table .img_b:nth-child(2)::before {
    width: 8%;
  }
  #gfroom #table .img_b:nth-child(2) .btn_s {
    right: 13%;
    bottom: 18%;
  }
  #gfroom #table .img_b:nth-child(3) .btn_s {
    bottom: 18%;
    left: 0%;
  }
  #gfroom #table .img_b:nth-child(3) {
    margin-top: -4% !important;
    text-align: left;
    margin-left: 16%;
  }
  #gfroom #table .img_b:nth-child(3) img {
    width: 64.6%;
  }
  #gfroom #table .img_b:nth-child(3)::before {
    width: 9.3%;
    left: 0;
    top: 37%;
  }
  #gfroom #table .img_b:nth-child(4) {
    margin-top: -8% !important;
    margin-left: 10%;
  }
  #gfroom #table .img_b:nth-child(4) img {
    width: 54.8%;
  }
  #gfroom #table .img_b:nth-child(4)::before {
    width: 8.3%;
    right: 25%;
  }
  #gfroom #table .img_b:nth-child(4) .btn_s {
    bottom: 8%;
    right: 17%;
  }
  /* curtain2 */
  #gfroom #curtain2 .cont_decorated::before {
    width: 76%;
    top: -6%;
  }
  #gfroom #curtain2 .cont_decorated::after {
    width: 31%;
    bottom: -2%;
    right: -4%;
  }
  #gfroom #curtain2 .txt {
    padding: 4% 0 0 48%;
  }
  #gfroom #curtain2 .txt::before {
    width: 4%;
    left: 4%;
    top: 25%;
  }
  #gfroom #curtain2 .txt::after {
    width: 2.5%;
    left: 44%;
    top: 38%;
  }
  #gfroom #curtain2 .img_b {
    margin-top: -38% !important;
    margin-left: 5%;
  }
  #gfroom #curtain2 .btn_m {
    bottom: 8%;
    right: 18%;
  }
  #gfroom #curtain2 .img_b img {
    width: 67%;
  }
  #gfroom #curtain2 .img_b::before {
    width: 13.2%;
    right: 23%;
    bottom: 32%;
  }
  #gfroom #curtain2 .img_b::after {
    width: 11.7%;
    left: 12%;
    bottom: -4%;
  }
  /* other_items */
  #gfroom .bc-other h2 img {
    width: 50%;
    padding: 0;
  }
  #gfroom .bc-other h2::before {
    width: 70%;
    background-size: cover;
    height: 47px;
    margin-top: -2%;
  }
  #gfroom .bc-other .imgbox {
    background-size: cover;
  }
  #gfroom .bc-other .imgbox img {
    width: 85%;
  }
  #gfroom .itmbox .othrlst li {
    width: 28%;
    transition: 0.2s ease-in-out;
  }
  #gfroom .itmbox .othrlst li .btn{
    font-size: 1.4rem;
    line-height: 1.2;
  }
  #gfroom .itmbox .othrlst li a span{
    font-size: 1.2rem;
  }
  /* #gfroom .itmbox .othrlst .btn {
    transition: 0.3s ease-in-out;
  } */
  #gfroom .itmbox .othrlst li:hover {
    transform: scale(1.02);
  }
}
/*///// 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;
}
@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);
  }
}