@charset"utf-8";

.room-colors{
  position: absolute;
}

body {
  /*background-color:#F3F0EF;*/
  min-width: 360px;
}

.bg-color {
  background-color:#584039;
}

.title-color{
  color:#055A8E;
  letter-spacing:0.4rem;
}

.bg_border{
  background: linear-gradient(to top, white 26px, #055A8E 26px, white 28px);
}

.room-table {
  background-color: #eaeaea;
  margin: auto;
  table-layout: fixed;
  width: 100%;
}

.room-number {
  background-color: #555;
  color: #fff;

}

.room-table td {
  padding: 0;
  border-width: 2px;
  border-color: #fff;
}

.room-table a{
  text-decoration:none;
  display: block;
}

.room-table a:link{
  text-decoration:none;
}

.room-table td a:hover,
.room-table td a.selected{
  background-color: #A14448;
  color: #fff;
}

.btn01{
  max-width: 600px;
  font-size: 1.5em;
}

.title-col{
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  text-align: center;
  height: 55px;
  line-height: 1;
}

.title-col2{
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  text-align: center;
  height: 40px;
  line-height: 1;
}

.bdr-2{
  border-right: 1px solid #000;
}
.title-lh{
  line-height: 2;
  letter-spacing: .15em;
}

.ls-short{
  letter-spacing: .0em;
  margin-top:.4em;
}



.bg-box{
  position: absolute;
  padding: 1em;
  top: 2em;
  left: 2em;
  color: #fff;
  max-width: 500px;
  width: 75%;
  background-color: rgb(0,0,0,0.4);
}

.location-name{
  float: none;
}

.outline th{
  vertical-align: middle;
  background: #f4f4f4;
}

.outline td{
  vertical-align: middle;
  background: #fff;
}

.bg-interior{
  background-color: rgba(0,16,60,0.4);
}

.w-130{
  width: 130px;
  max-width: 130px;
}

/*------------------------max-width:1080px------------------------------------*/
@media screen and (max-width:1080px) {
  .room-colors{
    position: relative;
  }


}


/*------------------------min-width:1080px------------------------------------*/
@media screen and (min-width:975px) {

  .col-5-1{
    flex: 0 0 20%;
  }

  .kitchen-panel{
    margin-top:-28px;
  }

}

/*------------------------max-width: 768px------------------------------------*/
@media screen and (max-width: 768px) {

  .btn01{
    font-size: 1.2em;
  }

  .title-lh{
    line-height: 1.4;
    letter-spacing: 0em;
    font-size: 1.2em;
  }

  .bg-box{
    position: relative;
    color: #fff;
    max-width: 500px;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0,1);
  }

  .location-name{
    float: left;
  }

  .bg_border {
      /*background: none;*/
      letter-spacing: .2rem;
  }

  .font-sp{
    font-size: 0.8em;
  }

}