:root {
  --mainColor: ;
  --mainFontColor: #ffffff;
  --mainBorder: 1.5px solid var(--mainFontColor);
}

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

.mainCover {
  background-color: #011a3841;
}

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

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

* {
  font-weight: bold !important;
}

article h3 {
  text-align: center;
}

.slogan {
  color: #ffc13c;
  text-align: center;
  letter-spacing: 5px;
}

.foreword {
  width: 83%;
  margin: auto;
  color: #dae4f0;
  letter-spacing: 3px;
}

.roomTypeItem h2 {
  border: #ffffff 2px solid;
  border-radius: 50px;
  text-align: center;
}

#about img {
  border: solid 2px #ffffff;
}

.aboutBorder {
  width: 480px;
  height: 700px;
  border: #ffffff solid 2px;
  margin: 10px;
  position: absolute;
  top: 20px;
  right: 20px;
  border-radius: 10px;
}

#about p,
.roomTypeItem p {
  font-size: 19px;
  letter-spacing: 3px;
}

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

.proArea img {
  border: #404b5d 5px dashed;
}

#picture article a span {
  color: rgba(255, 255, 255, 0.918);
}

.newsItem a {
  border: solid #ffcbee 2px;
  padding: 10px;
  width: 15%;
  color: #ffcbee;
  text-align: center;
}

.newsItem a:hover {
  color: #ffc13c;
  border: solid #ffc13c 2px;
}

.roomTypeArea img {
  border-radius: 10px;
}


.intro {
  width: 47%;
  margin: 0 0% 80px 5%;
}

.intro2 {
  margin: 0 0% 80px 5%;
}

.intro3 {
  width: 90%;
}

.intro2 img {
  width: 50%;
  margin-bottom: 20px;
}



.removehairText p {
  font-size: 17px;
}

#ears h2 {
  border: none;
  text-align: left;
  border-radius: 0px;
  color: #d7bce4;
}

.pick1 {
  width: 22%;
}

.pick1 img {
  width: 66%;
}

#picture article p {
  text-align: center;
  margin-bottom: 30px;
  line-height: 2.2em;
}

.nana {
  font-size: 24px;
  color: #ffc13c;

}

.item1 {
  margin: 0 5% 50px;
}


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

  h2 {
    width: 100%;
    font-size: 18px;
  }

  .nana {
    width: 100%;
    font-size: 18px;
  }
}

@media screen and (max-width:600px) {

  #about p,
  .roomTypeItem p {
    font-size: 17px;
    letter-spacing: 2px;
  }

  .aboutBorder {
    top: 7px;
    right: 0px;
    width: 207px;
    height: 300px;
  }

  #about h2 {
    padding: 8px;
    font-size: 15px;
  }

  .slogan {
    letter-spacing: 0px;
  }

  .intro {
    width: 100%;
  }

  .intro2 {
    margin: 0 0% 5px 5%;
  }

  .intro2 img {
    width: 100%;

  }

  .intro3 {
    width: 80%;
  }

  .roomTypeItem h2 {
    padding: 2px;
    font-size: 16px;
  }

  .item3 {
    width: 80%;
    margin: 0 5% 9px 5%;
  }

  .pick1 img {
    width: 100%;
  }

  #picture h2 {
    text-align: center;
  }

  .videoItem>iframe {
    height: 210px;
  }
}