:root {
  --mainColor: ;
  --mainFontColor: rgb(77, 77, 77);
  --mainBorder: 1.5px solid var(--mainFontColor);
}

#mainBg {
  background-image: url(img/bg.jpg);
}

.mainCover {
  background-color: rgba(255, 255, 255, 0.432);
}

#home {
  background-image: url(img/home.jpg);
}

p.dashborder {
  border-bottom: 1.5px dashed rgb(77, 77, 77);
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.homeCover {
  /*background-color:rgba(64,33,15,0.1);*/
}

* {
  font-weight: bold !important;
}

.aboutbg {
  background: url(img/bg2.jpg) no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}

#room {
  background: url(img/bg3.jpg) no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: 100%;
}

.proItem h4 {
  margin-bottom: 40px;

}

#work {
  background: url(img/bg4.jpg) no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: 100%;
}

.box {
  border: rgba(120, 119, 119, 0.34) 1.5px solid;
  background-color: rgba(255, 251, 251, 0);

  padding: 10px;
}

.roomTypeItem img {
  border: #000 5px dashed;
}

.proItem img {
  border-radius: 15px;
}

#product1 h2 {
  font-size: 28px;
  margin-bottom: 10px;
  margin-top: 60px;
}

#about p,
#about h2,
article h3 {
  text-align: center;
}


#sns ul li a {
  filter: brightness(0);
}

#picture article a span {
  color: rgba(255, 255, 255, 0.89);
  text-align: center;
}

.mainList li a {
  color: rgba(255, 255, 255, 0.89);
}

.scollMenu a {
  color: rgb(70, 70, 70) !important;
}

@media screen and (max-width:400px) {
  #home {
    height: 50vw;
  }

  #product1 h2 {
    font-size: 22px;
  }

  .aboutbg {
    background-size: cover;
  }

  #room {
    background-size: cover;

  }

  #work {
    background-size: cover;

  }

  #about p {
    text-align: left;
  }

  .box {
    border: rgba(120, 119, 119, 0.34) 1.5px solid;
    background-color: rgba(248, 248, 248, 0);
    width: 200px;
    padding: 10px;
  }
}