.container {
  max-width: 1823px;
}

.border-bottomline{
    border-bottom: 2px solid #808080 !important;
  }
  
.border-rightline{
  border-right:2px solid #808080 !important;
}

.saturday{
  background-color: skyblue !important;
}

.holiday{
  background-color:#edbece !important;
}
  
.detail{
  background-color:white !important;
  color:black!important;
  text-align: left;
}

.table{
  background-color: white;
  border: 2px solid #808080;
}

.table_sticky thead th {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 1;
  background: #d8d5d5;
  background-clip: padding-box;
}

/*
table th:first-child {
  position:sticky;
  position: -webkit-sticky;
  left:0;
  background-color:white;
  background-clip: padding-box;
  z-index: 3;
}
*/
  
.corner-child{
  position:sticky;
  position: -webkit-sticky;
  /*left:66px;*/
  background-color:#d8d5d5!important;
  background-clip: padding-box;
  z-index: 4 !important;
  width:80px;
}

/*テスト　画面サイズが小さいとき*/
@media (max-width: 1900px) {
  .table_sticky {
      width: 100%;
      /*overflow-x: scroll;*/
  }
  .table{
      width: 100%;
  }
  .transition{
    margin-left: 150px
  }
  .pb-5, .py-5 {
    padding-bottom: 25px !important;
    padding-top: 30px !important;
  }
  /*表の高さを設定*/
  .th-sticky_wrap {
    height: 550px;
    overflow-y: scroll;
  }
}

/*テスト 画面サイズが大きいとき*/
@media (min-width: 960px) {
    /*
    .table{
        margin-left: 45px
    }
    */
    .explain{
      margin-left: 45px;
    }
    .transition{
      margin-left: 1200px
    }
    /*表の高さを設定*/
    .th-sticky_wrap {
      height: 650px;
      overflow-y: scroll;
    }
}

td {
  font-weight: bold;
}

hr {
  margin-top: 0.2rem;
  margin-bottom: 0rem;
  border-top: 3px dotted #ccc;
}

.title-name{
  padding-left: 15px;
}

/* 設備名セレクトボックス */
.facility-select{
  width: auto;
  display: inline;
}

.facility-block{
  text-align:  center;        /* 中央寄せ */
  margin-bottom: 1rem;
}

.cross {
  background-color: #EEEEEE;
}

table.st-tbl1 {
	text-align: left;
	position: relative;
  border-collapse: collapse;
}
table.st-tbl1 th,
table.st-tbl1 td{
	padding: 1rem;
  /*border: solid 1px#ddd;*/
}
table.st-tbl1 th.top-header {
	background: white;
  position: sticky;
  top: 59px;
}
.top-header th{
	background: white;
  position: sticky;
  top: 0px !important;
}

table tr th{
  outline: 2.5px solid #808080;                
  border:none; 
  outline-offset: -1px;
}

.header-font {
  font-size: 1.5rem;
}