@charset "utf-8";

/* CSS Document */
html {
  background-color: #3f1a08;
  color:#2E1006;
}

#container {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 97vh;
  background: #3f1a08 ;
  display: flex;
  justify-content: space-around;
}
.wrap_rest{
background-color: #fff;
width: 23%;
margin-top: 10px;
padding-bottom: 20px;
}

.ttl{
  background-color: #6D4537;
  color: #fff;
  text-align: center;
  padding: 5px;
  font-size: 22px;
  font-weight: bold;
  margin: 0;
}
.ttl.blue{
 background-color: #5869AC;
}

.img_ttl{
  width: 100%;
  height: 150px;
  margin: 0 auto;
  display: block;
}

.time{
    font-weight: bold;

    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 90%;
    margin: 10px auto;
}

.time dd{
  width: 100%;
  margin: 0;
}

.time dt{
  width: 100%;
  margin: 0;
}
.tbl_time tbody{
  margin:0 auto;
}
.ttl_congesting{
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    margin: 10px;
}
.dt_hour{
  font-size:25px;
}
.nowtime{
  width: 95%;
  background-color: #2E1006;
  color: #fff;
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 15px;
}

.box_status{
  white-space: nowrap;
  border-top: solid 4px #2e1006;
}
.box_status.b_blue{
  border-top: solid 4px #5869AC;
}
.box_status.b_blue div div p span{
  color:#5869AC;
}
.wrap_bigbath{
  background-color: #fff;
  width: 23%;
  margin-top: 10px;
  padding-bottom: 20px;
  }
  table.busi_hour .td_adj{
    padding-top:4vh;
    width:40%;
  }
  table.busi_hour .td_adj_prsr{
    padding-top:4vh;
    width:30%;
  }
  table.busi_hour .td_adj_prsr02{
    padding-top:4vh;
    width:50%;
  }

  .box_hour{
    height: 14vh;
    width: 100%;
    text-align:center;
    margin:0 auto;
  }
  .wrap_bigbath .time{
    font-size: 15px;
    text-align:center;
    padding-top: 4vh;
  }
  .dl_adj01{
    padding-top:3vh;
  }
  .wrap_bigbath .time dd{
    width: 100%;
  }
  .txt_reserve01{
    font-weight: bold;
    font-size:1.8vw;
    color:#5869AC;
  }
  .wrap_bigbath .time dt{
    width: 100%;

  }

.box_status{
  display: flex;
    align-items: flex-start;
    justify-content: space-around;
}

.box_status div{
  text-align: center;
}

.box_status span{
  display: flex;
  align-items: center;
  color: #2E1006;
  height: 9vh;
  font-size: 18px;
  font-weight: bold;
  justify-content: space-around;
  box-sizing: border-box;
  width: auto;
}


.class_bigbath{
  background-color: #AE9C95;
  color: #fff;
  font-weight: bold;
  margin: 10px 0;
  font-size: 21px;
  padding: 3px;
}
.box_sq{
  width:95%;
}

.box_women,.box_men  {
  box-sizing: border-box;
  padding: 5px;
width: 50%;
}


.box_women span,.box_men span{
  display: flex;
  justify-content: space-around;
  color: #2E1006;
  font-size: 13px;
  font-weight: bold;
  width: 100%;
  height: 7vh;
}

.box_women .box_now,.box_men .box_now{
  padding: 0;
}

.box_now{
  width: 100%;
  box-sizing: border-box;
  padding: 0 10px;
}

.box_now p{
  width: 100%;
 box-sizing: border-box;;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  filter: opacity(0.2);
}

.komi1 p:nth-of-type(1){
  border: solid 3px #C95656;
  filter: none;
}

.komi2 p:nth-of-type(2){
  border: solid 3px #C95656;
  filter: none;
}

.komi3 p:nth-of-type(3){
  border: solid 3px #C95656;
  filter: none;
}

  .stat01::before{
 content:"" ;
 background-image: url(/congesting02/images/stat01.png);
 background-size: contain;
 width: 10vh;
 height: 10vh;
 background-position: center center;
 background-repeat: no-repeat;
  }

  .stat02::before{
    content:"" ;
    background-image: url(/congesting02/images/stat02.png);
    background-size: contain;
    width: 10vh;
    height: 10vh;
    background-position: center center;
    background-repeat: no-repeat;
     }

  .stat03::before{
    content:"" ;
    background-image: url(/congesting02/images/stat03.png);
    background-size: contain;
    width: 10vh;
    height: 10vh;
    background-position: center center;
    background-repeat: no-repeat;
   }

   .box_status span.stat04{
    justify-content: center;
     width: 100%;
   }

   .box_women span::before,.box_men span::before{
    width: 8vh;
    height: 8vh;
  }
  .adj_margin_time{
    height: 10vh;
    display: flex;
    text-align: center;
  }
  .blue{
   background-color: #5869AC;
  }
  .f_blue{
    color:#5869AC;
  }