/* form label */
.form-label {
    /* font-size: 0.8rem; */
    margin-bottom: 0;
}

/* table fix width pattern */
.tb-text5 {
    width: 250px;
}
.tb-char6 {
    width: 200px;
}
.tb-char3{
    width: 100px;
}
.tb-char2{
    width: 60px;
}
.tb-digi6 {
    width: 110px;
}
.tb-digi5 {
    width: 100px;
}
.tb-digi4 {
    width: 90px;
}
.tb-digi3 {
    width: 80px;
}
.tb-delivdate {
    text-align: center;
}
.tb-digi2 {
    width: 70px;
}

#orderTableDiv{
    width: 1280px;
}

.mainordertable{
    table-layout:fixed;
}

.collapse-row {
    visibility:collapse;
}

#page-top {
    position: fixed;
    width: 40px;
    height: 90px;
    right: 0px;
    bottom: 16px;
    background-color: #505168;
    opacity: 0.8;
    border-radius: 10px 0px 0px 10px;
    z-index: 10;
}

.page-top-icon {
    color: #FFF;
    font-size: 12px;
    height: 90px;
    width: 40px;
    position: absolute;
    padding: 15px 0 10px 5px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-weight: bold;
    writing-mode: vertical-lr;
}
#category-menu-button {
    position: fixed;
    width: 40px;
    height: 90px;
    right: 0px;
    bottom: 116px;
    background-color: #505168;
    border-radius: 10px 0px 0px 10px;
    opacity: 0.8;
    z-index: 10;
}

#category-menu {
    position: fixed;
    top: 0;
    right: -310px; /* メニューのwidth + padding */
    width: 270px; /* メニューのwidth */
    height: 100%;
    padding: 15px 0px 0px 0px;
    transition: left .5s, right .5s; /* アニメーション */
    background-color: rgba(86, 86, 86, .7);
  }

  #category-menu ul{
    padding-inline-start: 10px;
    list-style: none;
  }
  #category-menu a{
    display: block; /*1つのli全体にリンクを有効にする*/
    text-decoration: none;  /*ブラウザ標準のリンク装飾をオフに*/
    color:#ffffff;  /*文字色の変更*/

    line-height: 35px;  /*行間の指定（ナビボタンの高さ指定）*/
  }
  #category-menu li{
    border-radius: 10%;

  }
  #category-menu nav a:hover{
    background-color: orange;   /*背景色の指定*/
    color: #fff;    /*文字色の変更*/
    transition: 0.5s;   /*ホバー時の動きをなめらかにする*/
  }

  .toggle {
    font-size: 12px;
    writing-mode: vertical-lr;
    cursor: pointer;
  }
  .catbtn {
    margin: 2px;
    padding: 0 12px;
    text-align: left;
    border: none
  } 


  #category-open {
    display: none;
  }
   
  /* :checked 擬似クラスを使って、#openがチェック状態になった時に、#menuが「right: 0;」になります。 */
  #category-open:checked + #category-menu {
    right: 0;
  }