:root{
  --mainColor:rgb(255, 197, 72);
  --mainFontColor:rgba(59, 59, 59, 0.85);
  --mainBorder:1.5px solid var(--mainFontColor);
}

#mainBg{
  background-image: url(img/bg.jpg);
  
}
.mainCover{
	background-color:rgba(236, 246, 255, 0.281);
}

#home{
	background-image: url(img/home.jpg);
}
.homeCover{
    /*background-color:rgba(64,33,15,0.1);*/
}
*{
  font-weight: normal !important;
}
.homeCover h4{
  color: rgb(255, 255, 255);
}
article h3{
  text-align: center;
  letter-spacing: 2px;
}
article{
  background-color: rgba(241, 248, 255, 0.568);
  padding-left: 5%;
  padding-right: 5%;
}
#about p{
  font-size: 15px;
}
.roomTypeTitle h3{
  font-size: 22px;
  color: rgb(255, 132, 60);
  
}
.item3 img{
border: rgb(255, 197, 72) double 5px;
}
.menuItem img{
  width: 70%;
  margin: auto;
  border: rgb(255, 197, 72) double 5px;
}
#sns ul li a{
  filter: brightness(0);
}

.menuArea table{
  /* background-color: #fff ; */
  border: rgb(255, 197, 72) double 5px;
  border-collapse: collapse;
  width: 100%;
}

.menuArea table tr th{
  background-color: rgba(255, 197, 72, 0.473);
 
}

.menuArea table tr:nth-child(even){
background-color: rgba(255, 255, 255, 0.692);
}

.menuArea table tr td,
.menuArea table tr th{
  padding: 15px;
  border: rgb(255, 197, 72) solid 2px;
}




@media screen and (max-width:1024px) {
	#home {
	  height: 50vw;
  }
  
  .menuItem img{
    width: 90%;
  }
  .roomTypeTitle h3{
    font-size: 18px;
    letter-spacing: 0px;
  }
  article h3 {
    font-size: 26px;
  }
  }

  @media screen and (max-width:490px) {
    .menuArea table{
      font-size:10px;
      width: 100%;
    }
  }