.ui-datepicker-trigger{
  display:none;
}
.material-symbols-outlined{
  font-size:20px!important;
  cursor: pointer;
}

hr{
  border-top:1px solid #9c9c9c;
  margin:2px;
}
#section{
  margin:0 auto;
}
#container{
    width:100%;
    padding:15px;
    text-align:right;
    background-color:#f0fffe;
    /*background-image: linear-gradient(180deg, rgb(255, 255, 255) 30%, rgba(179, 198, 248, 0.651) 100%);
    box-shadow:0 0 20px #fff inset,0 0 10px #000;*/

}
#menu_top p{
  position:absolute;
  top:15px;
  left:348px; 
}
.form-control{
  padding:1px;
}
.update_mes{
  display:none;
  position:absolute;
  padding:36px;
  text-align:center;
  width:200px;
  height: 100px;;
  border:1px solid #000080;
  background-image: linear-gradient(180deg, rgb(255, 255, 255) 30%, rgba(179, 198, 248, 0.651) 100%);
  color:#000;
  text-shadow:none;
  border-radius: 5px;;
}
.time_hide{
  display:none;
  transition: all 3s ease-out;
}
#user{
  display:none;
}
.qes{
  position:absolute;
  top:85px;
  left:60px;
  display:none;
  border:1px solid #000080;
  border-radius:5px;
  padding:5px;
  font-size:11px;
  background-image: linear-gradient(180deg, rgb(255, 255, 255) 30%, rgb(179, 198, 248) 100%);
}
#uhp{
  position:absolute;
  top:120px;
  left:104px;
  display:none;
  border:1px solid #000080;
  border-radius:5px;
  padding:5px;
  font-size:11px;
  background-image: linear-gradient(180deg, rgb(255, 255, 255) 30%, rgb(179, 198, 248) 100%);
}
.wrap{
  width:100%;
  margin:20px auto;
  border-radius:3px;
  overflow:hidden;
  border:1px solid #000080;
  box-shadow:0 0 10px #888;
  background-image: linear-gradient(180deg, rgb(255, 255, 255) 30%, rgba(179, 198, 248, 0.651) 100%);
  box-shadow:0 0 20px #fff inset,0 0 3px #000;
}
.wrap_rep{
  width:100%;
  margin:20px auto;
  border-radius:3px;
  overflow:hidden;
  border:1px solid #000080;
  box-shadow:0 0 10px #888;
  box-shadow:0 0 20px #fff inset,0 0 3px #000;
}
.targetArea{
  background-color:#fff;
  box-shadow:inset 0 0 5px #000080;
  width:95%;
  margin:auto;
  border:1px solid #555;
}
body{
  margin:auto;
  font-family:serif;
  color:#000;
  font-size:1em;
  font-weight:bold;
 /* text-shadow:0 1px 2px #fff;*/
  width:1300px;
}
#fcover{
  text-shadow:0 1px 2px #fff;
}
.lb{
  font-size:12px;
  font-family: "serif";
  
}
#menu{
    width:300px;
    margin:200px auto;
    text-align:center;
    padding:10px;
    border:1px solid #000080;
    border-radius:5px;
    background-image: linear-gradient(180deg, rgb(255, 255, 255) 30%, rgba(179, 198, 248, 0.651) 100%);

}
a{
  color:#182599;
}
.top{
  margin:0 auto;
  padding:15px 15px 5px;
  background:rgb(255, 255, 255);
  background-image: linear-gradient(180deg, rgb(255, 255, 255) 30%, rgba(0, 128, 90, 0.351) 100%,);
  box-shadow:0 0 20px #fff inset,0 0 10px #000;

}

#wrap{
  width:100%;
  /*margin:20px auto;*/
  border-radius:3px;
  overflow:hidden;
  border:1px solid #000080;
  box-shadow:inset 0 0 5px #000080;
  background:rgb(255, 255, 255);
  /*background-image: linear-gradient(180deg, rgb(9, 0, 128) 0px,rgb(255, 255, 255) 20px,rgba(248, 249, 255, 0.977) 3000px);*/
}
.pgn{
  position:relative;background-color:#fff;text-align:center;border-radius:20px;font-size:16px;margin:5px 0;
  box-shadow: inset 3px 1px 2px rgb(243, 210, 137);
}

#sideWrap{
  width:10%;
  padding:10px;
  float:left;
  text-align:center;
}

#sideWrap h3{
  color:#000;
  font-weight: bold;
  
}
#mainWrap{
  width:90%;
  float:right;
  border-left: #000 1px solid;
  box-shadow: 0 0 5px #000080;



}
.sideMenu button{
  margin-top:20px;
  box-shadow:0 0 5px #fff;

}
.in{
    font-family: 'Times New Roman', Times, serif;
    text-align:center;    
}

h1{
    font-family: 'Times New Roman', Times, serif;
}
h3{
    margin:0 auto;
    font-size:12px;
    font-weight: bold;
    text-shadow: 0 -1px 0px rgba(0,0,0,.3);
}
.btn-border {
    
    width: 35%;
    height: 80px;
    border: 2px solid #000080;
    font-size: 15px;
    background-color: #000080;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    padding: 2px 16px;
    border-radius: 4px;
    transition: .5s;
  }
  
  .btn-border:hover {
    background-color: #fff;
    border-color: #000080;
    color: #000080;
  }
  .btn-center{
    text-align:center!important;
  }
  .btn-sm {
    text-align: center;
    max-width: 250px;
    border: 1px solid #000080;
    font-size: 12px;
    background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
    color: #FFF;
    text-decoration: none;
    border-radius: 2px;
    transition: .5s;
  }
  .g{
    border: 1px solid #008062;
    background-image: linear-gradient(to bottom,#33b77c 0,#268852 100%);
  }
  .g:hover{
    background-image: linear-gradient(to bottom,#ffffff 0,#33b77c 100%);
  }
  .btn-primary:hover{
    color: #000035;
    background-image: linear-gradient(to bottom,#ffffff 0,#cbe5fc 100%);
  }

  .btn-danger:hover{
    color: #350000;
    background-image: linear-gradient(to bottom,#ffffff 0,#fccbcb 100%);
  }

  .btn-lg {
    text-align: center;
    width:200px;
    border: 1px solid #000080;
    font-size: 15px;
    font-weight:bold;
    background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
    color: #FFF;
    text-decoration: none;
    border-radius: 4px;
    transition: .5s;
    margin:20px auto;
  }
  .btn-lg:hover{
    color: #000035;
    background-image: linear-gradient(to bottom,#ffffff 0,#cbe5fc 100%);
  }

  .btn-xs {
    max-width: 150px;
    font-size: 1.2em;
    /*background-color:  rgb(0,0,128);
    color: #FFF;*/
    text-decoration: none;
    font-weight: bold;
    border-radius: 4px;
    transition: .5s;
  }
  .pop_menu{
    position:absolute;
    right:22px;
    background:#fff;
    padding:5px;
  }

  .btn-xs:active{
    background-color: #fff;
    color:rgb(0,0,128);
  }

  .btn-xs:hover {
    background-color: #fff;
    border-color:  rgb(0,0,128);
    color:  rgb(0,0,128);
  }
.btn-danger{
  background-image: linear-gradient(to bottom,#8c0c0c 0,#581f1f 100%);
}

  input{
      font-size:1em;
      padding:1px 1px;
      font-weight: bold;
      border-radius:1px;
  }
  #t_main input{
    margin-bottom:0px;
  }

.navi{
    font-size:20px;
    padding:5px;
    border:0;
    background:none;
}

.btn-bl {
    width:200px;
    border:1px solid #fff;
    font-size: 12px;
    background-color: #040ea1;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    padding: 20px;
    border-radius: 4px;
    transition: .5s;
  }
  .btn-bl:hover {
    background-color: #fff;
    border-color: #040ea1;
    color: #040ea1;
  }
  .btn-gl {
    width:200px;
    border:1px solid #fff;
    font-size: 15px;
    background-color: #126310;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    padding: 20px;
    border-radius: 4px;
    transition: .5s;
  }
  .btn-gl:hover {
    background-color: #fff;
    border-color: #9ec34b;
    color: #126310;
  }
 select{
     font-size:16px;
     font-weight:bold;
     border:none;
     border-bottom:1px solid #42444e;
 }
 #grav{
  -webkit-appearance: none;/* ベンダープレフィックス(Google Chrome、Safari用) */
  -moz-appearance: none; /* ベンダープレフィックス(Firefox用) */
  appearance: none; /* 標準のスタイルを無効にする */
  }
  
 option{
    font-weight:bold;
    text-shadow: 0 -1px 0px rgba(0,0,0,.3);


 }
 .categ{
    text-align: center;
    width:80%; 
    margin:10px auto;
    padding:20px;
    font-size:15px;
    font-weight: bold;
    background-color:#292121;

 }
 
 th{
    border-radius: 2px; 
    overflow:hidden;
    text-align:center;
    padding:1px;
    color:#000;
    font-weight: 500;
     
}
th a{
  color:#fff;
}
th a:hover{
  color:#b1b1b1;
  border:none;
  transform:rotate(45deg);
}

 #tab{
   margin:10px 0 0 10px;
   padding:3px 0 0 20px;
   font-size:15px;
   width:98%;
   display:table;
   border-collapse:separate;
   border-spacing:0 8px;
 }
 #tab a:link{
   color:blue;
   text-decoration:underline;
   text-decoration-color: blue;
 }

 #dialog {
  margin:auto;
  width: 250px;
  padding: 30px 20px;
  display: none;
  background-color:#fff;
  text-align: center;
  border: 1px solid #aaa;
  box-shadow: 2px 2px 4px #888;
  position: absolute;
  top:30%;
  left:40%;

}
#cl{
  width:95%;
  margin:0 auto;
  padding:10px;
  font-weight:800;
  font-size:15px;
  color:black;
  background-color:#a0a0a0;
}
#cls{
  width:93%;
  margin:0 auto;
  padding:10px;
  font-weight:600;
  font-size:16px;
  color:black;
  position: relative;

}
#area{
  position: relative;
}
.seg{
  display:none;
  width:90%;
  margin:20px auto;
  background-image: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(179, 248, 227, 0.651) 300%);
  padding:10px 10px 10px;
  box-shadow:0 0 5px #000 ;
  border-radius:5px;
  font-weight:600;
  font-size:16px;
  color:black;
  text-shadow: 0 -1px 0px rgba(0,0,0,.3);
}
#listhead table{
  width:95%;
  font-size:18px;
  font-weight:bold;
  margin:20px auto;
  box-shadow:0 0 1px #42444e;
  border-radius:2px;

}
#listhead tr{
  text-align:center;
  box-shadow:0 0 1px #42444e;
  border-radius:3px;

}
#listhead th{
  text-align:center;
  box-shadow:0 0 1px #42444e;
  border-radius:3px;
}
#listhead td{
  padding:5px 1px;
  text-align:center;
  box-shadow:0 0 1px #42444e;
  border-radius:3px;

}
#search{
  width:90%;
  margin:50px auto;
  padding:10px;
  background: rgb(175, 175, 175);
  border-radius: 5px;
  
}
#search table{
  margin:5px auto;
  padding:5px;
}

#search td{
  font-size:15px;
  margin:5px 30px;
}
#pages table{
  margin:15px auto;
  text-align: center;
}
#pages td{
  width:50px;
  font-weight: bold;
  box-shadow:0 0 3px #000 inset;
  text-align: center;
}

#exm td{
  font-weight: bold;
  border-bottom:1px solid #000;
}
#exm input{
  border:none;
  box-shadow: none;
  font-weight: bold;
  font-size:15px;
}
#sm{
  position: relative;
  width:120px;
  margin-left:0px;
  font-weight:bold;
  border-radius:5px;
  text-align:left;
}
.sm{
  margin-left:0px;
  font-weight:bold;
  border-radius:5px;
  text-align:left;
  position:absolute;
  top:0px;
  left:0px;
}
#sm:hover .arrow{
  color:#fff;
}
ul{
  list-style:none;
  font-size:12px;
}
#acset{
  box-shadow:0 0 2px rgba(75, 195, 159,.5) inset;
  background-color: rgba(255, 255, 255, .9);
  border-radius: 5px;
  z-index: 1;
  text-align:center;
}
  #acord{
  position: relative;
  text-shadow: 0 -1px 0px rgba(0,0,0,.3);

}
dd{
  text-align:center;
}
.hme{
  display:none;
  width:100px;
  position:absolute;
  left:0px;
  background-color: rgba(255, 255, 255, .9);
  border-radius: 5px;
  z-index: 1;
  text-align:center;
}
.arrow{
    position:absolute;
    top:10px;
    left: 60px;
    height: 20px;
    line-height: 1;
    text-shadow: 0 -1px 0px rgba(0,0,0,.3);
    margin-top: -10px;
    font-size:20px;
    color: #43bde2;
    transition: .3s;
  }

.rerotate{
  transform:rotate(0deg);
}
.rotate{
  color:#2f7f99;
  transform:rotateZ(90deg);
}

#tex td,#kex td{
  padding:0 5px;
  border-radius:3px;
  box-shadow:0px 0px 3px #292121 inset;
  font-size:13px;
}
#tex th,#kex th{
  padding:0 5px;
  border-radius:3px;
  box-shadow:0px 0px 3px #292121 inset;
  font-size:12px;
}
#calarea,#c_form{
  margin:10px 0;
  padding:0px 10px 0;
  font-weight: bold;

}
#calarea .t_cal td{
  padding-left:5px;
}

#calarea .t_cal{
  overflow:hidden;
  /*box-shadow:0 0 5px #4797a3 inset;*/
  
}
#od_history{
  width:95%;
  margin:10px auto;
  padding:10px;
  box-shadow:0 0 2px #000;
  font-size:15px;
  font-weight: bold;
  text-shadow:0 -1px 0 rgba(0,0,0,.3);
}
#carea{
  padding:10px;
  box-shadow:0 0 2px #000;
  height:400px;
  overflow-y: scroll;
  overflow-x: hidden;
  font-size:15px;
  text-shadow:0 -1px 0 rgba(0,0,0,.3);
}
#clarea table{
  width:100%;
}
#clarea table td{
  padding:2px 15px;
}

.mitsumori th{
  width:10%;
}


#calarea input{
  text-align:right;
}
#calarea table #meisai,#c_form{
  overflow-y:hidden;
}
#calarea table input,
#calarea table select,#c_form{
  font-size: 0.8rem;
  width:100%;
  margin-top:1px;
}
#meisai #t_main td input{
  margin-top:0;
  font-size:13px;
  height:30px;
}

#calareaA input{
  width:100%;
  text-align:right;
  padding:0 10px 0 0;
  margin-top:2px;
}
#cal1{
  width:100%;
}
#meisai table{
  width:100%;
  
}

#od_history hr{
  margin:-4px;
}
.his_sub{
  width:100%;
}

.his_sub td{
  font-size:15px;
  font-weight: inherit;
  text-align:right;
  border-bottom:1px solid #292121;
}
#customer{
  width:50%;
  padding:20px;
}
#customer input{
  text-align:left;
}
#pdf table,#pdf_head table{
  margin-top:20px;
  border-collapse: collapse;
  border-spacing: 0;
  width:100%;
  text-align:center;
  /*border:1px solid #000;*/
  border-radius: 5px 5px;
  overflow:hidden;
}
#pdf table td,#pdf_head table td{
  height:12px;
  white-space: nowrap;
  font-size:14px;
}
#pdf table th,#pdf_head table th{
  background-color:#e5e5e5;
  border-radius: 5px 5px;
  border:0.5px solid rgb(47, 47, 47);
}
#pdf table tr,#pdf_head table tr{
  border:0.5px solid rgb(47, 47, 47);
}
#pdf table td,#pdf_head table td{
  border-left:0.5px solid rgb(47, 47, 47);
  text-align:right;
  padding-right: 3px;
}
#pdf_head table td,#pdf_head table th{
  font-size:12px;
}
#pdf .rep_genpin tr{
  border: none!important;  
}
.rep_genpin .td_blank{
  border:none!important;
}

.td_left{
  padding-left:3px;
}
.pm table tr{
  border:none;
}
.pm table {
  border:none;
  margin: 0;
  padding:0;
}
.pm table td{
  text-align:left;
  margin: 0;
  padding:0;
  font-size:9px;
}
.pm .hed{
  padding:0 0 0 30px;

}
.pm .p{
  border:none;
  padding:0;
  margin: 0;
  text-align:left;
}

.pg_sel{
  border:1px solid #ccc;
  border-radius:4px;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  color:#555;
}



.trow{
  display:table;
}
#frice table input{
  width:100%;
}
#frice table td{
  width:50px;
}
.cont{
  display:none;
  width:70%;
  padding:10px 10px 10px;
  box-shadow:0 0 5px #000 ;
  border-radius:0px;
  font-weight:600;
  font-size:14px;
  color:black;
  margin:auto;

}
.cont th{
  background-color:lavender;
}
.calmeisai{
  background-image: linear-gradient(180deg, rgba(7, 89, 182, 0.3) 0%, rgba(3, 13, 143, 0.4) 100%);
}
#calarea .calmeisai th{
  color:#000;
  background-color:transparent;
}
.kousa{
  border-radius:2px;
  box-shadow: 0 0 3px #000 inset;
  margin:0 2px;
}
.kousa td{
  padding:0 1px 0 0;
}
.kousa select{
  text-align: right;
}

#meisai table .m_kousa{
  text-align:left;
  font-size:9px;
}
#meisai .mview table .vi{
  text-align:center;
}

.btn-del:hover {
  background-color:#fff;
  color:#7142a3;
  border-color:#8b1818;
}

.madd{
  width:20%;
  border:none;
  color:#fff;
  border-radius: 5px;
  background:rgba(47, 0, 255,.7);
}
#mat_zsyu{
  display:none;
  font-weight:bold;
  text-shadow:0 1px 1px #fff;
  padding:3px;
  z-index:2;
  background-color:#fff;
  background:linear-gradient(90deg,rgb(39, 49, 136) 50%,white);
  box-shadow:0 0 5px rgb(139, 139, 139);
  border-radius:5px;
  
}
#mat_zsyu th{
  background:rgba(0, 0, 128,1);
  border-radius:inherit;
  color:#fff;
  font-weight:bold;
}

#mat_zsyu td{
  padding:0 5px;
  background:linear-gradient(90deg,rgb(249, 247, 252) 50%,rgb(170, 177, 241));
}
#mat_zsyu td button{
  width:50px;
  padding:0;
}
#mat_kata{
  display:none;
  font-weight:bold;
  text-shadow:0 1px 1px #fff;
  padding:3px;
  z-index:2;
  background-color:#fff;
  background:linear-gradient(90deg,rgb(39, 49, 136) 50%,white);
  box-shadow:0 0 5px #fff inset;
  border-radius:5px;
  border:1px solid rgb(10, 62, 75);
}
#mat_kata th{
  background:rgba(0, 0, 128,1);
  border-radius:inherit;
  color:#fff;
  font-weight:bold;
}
#mat_kata td{
  padding:0 5px;
  background:linear-gradient(90deg,rgb(249, 247, 252) 50%,rgb(170, 177, 241));
}
#mat_kata td button{
  width:50px;
  padding:0;
}
#mat_kata input{
  width:100px;
}

#tb_material{
  display:none;
  position:absolute;
  left:20px;
  background-color:rgba(0, 0, 128,.8);
  box-shadow:1px 1px 10px #000080;
  border-radius:5px;
  border:1px solid rgb(80, 194, 223);
  overflow:hidden;
}

#tb_material div{
  text-align:center;
  margin:2px;
  color:#000;
  background-color:rgb(18, 35, 131);;
  border-radius:5px;
}
#tb_materialA div{
  width:150px;
  height:100px;
  overflow-y:scroll;
  margin:2px;
  background-color:#fff;
  border-radius:5px;
}
#tb_materialB div{
  text-align:left;
  width:200px;
  height:100px;
  overflow-y:scroll;
  margin:2px;
  background-color:#fff;
  border-radius:5px;
}
#tb_materialC div{
  width:80px;
  height:100px;
  overflow-y:scroll;
  margin:2px;
  background-color:#fff;
  border-radius:5px;
}
#tb_material p{
  padding:0 5px;
  margin:0;
}
#calareaB th,
#calareaC th,
#calareaA th{
  background:none;
  font-weight: bold;
  text-shadow:0 0 10px #fff;

}
#calareaB .fx,
#calareaA .fx,
#calareaC .fx{
  display:none;
  position:fixed;
  padding:5px;
  text-shadow:0 0px 1px #000;
  z-index: 1;
  background:#000080;
  color:#fff;
  box-shadow:0 0 5px #000;
  border-radius:3px;
  overflow:hidden;
}

a button{
  width:100%;
}

#subMenu{
  display:none;
  float: right;
  text-align:left;
  padding:10px 0 2px 25px;
  border-radius:3px;
  width:110px;
}
#subMenu a{
  color:#000080;
  text-shadow:0 1px 1px #000080;
  font-weight: bold;
}
#subMenu a:hover{
  color:#fff;
  text-shadow:0 0 5px #000080;
}
#subMenu ul{
  padding:0;
  margin-bottom:0;
}
#subMenu li{
  margin-top:2px;
}
#page{
  text-align:left;
  color:white;
  font-weight:bold;
}

.underMenu button{
  box-shadow:0 0 5px #fff;

}
.underMenu th{
  background-color:transparent;

}

#c_form .caution{
  position: absolute;
  padding: 50px;
  top: 500px;
  left: 200px;
  background: aliceblue;
  display:none;
  border:1px solid #000080;
  border-radius:10px;
 
}
#add_panel{
  padding:10px;
  width:30%;
  background:#cdd5fdf2;
  border:1px solid #000080;
  border-radius: 4px;
  left:30%;
  top:-200px;
  display: none;
}

#rep_ryousyu td{
  text-align:right;
}
@media screen and (min-width:1024px){
  #calarea .col-sm-6 {
      width: 50%;
  }
  #calarea .col-sm-8{
    float:left;
  }
  #calarea .col-sm-11{
    float:left;
  }
}
@media screen and (min-width:768px) and ( max-width:1024px) {
  #calarea .col-sm-1 {
    float:left;
  }
  #calarea .col-sm-6 {
    float:none;
    margin:0 auto;
    width:80%;
  }
  #calarea .col-sm-11{
    float:left;
  }
  #calarea .mhead select{
    margin:5px 0 10px;
    width:95%;
  }
  #calarea .mhead .kake{
    margin:5px 0 10px;
    width:30%;
    float:none;
  }

}
.calmeisai_none{
  display:none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
@media screen and (min-width:320px) and (max-width:767px){
  #calarea .col-sm-3{
    float:left;
    width:40%;
  }
  #calarea .col-sm-2{
    float:left;
   
  }
  #calarea .col-sm-1 {
    float:left;
  }
  #calarea .col-sm-6 {
    float:none;
    margin:0 auto;
    width:-webkit-fill-available;
  }
  #calarea .col-sm-8{
    float:none;
    margin:0 auto;
  }
  #calarea .col-sm-11{
    margin:0 auto;
  }
  .cont{
    float:left;
  }
  #calarea .mhead select{
    margin:5px 0 10px;
    width:95%;
  }
  #calarea .mhead .kake{
    margin:5px 0 10px;
    width:30%;
  }
  .top{
    float:none;
  }
  #new_od,#print{
    width:80px;
  }

}
#calarea input,#calarea select{
 
  margin-top:3px;
}
.kurotd{
  display:none;
}
.kurotd input{
  margin-top:0;
}

#calarea .btn-xs{
  background-color:#49dfa0
}
#calarea textarea{
  margin-top: 10px;
}
#calarea td{
  text-align:center;
}
#t_main input{
  margin-top:2px;
  border:1px solid rgb(204, 201, 201);
}

@media screen and (max-width: 440px) {
  #calarea,#calarea table select{
    font-size:10px;
  }
  #calarea table input{
    font-size:10px;
  }
  #sideWrap{
    display:none;
  }
  #mainWrap{
    width:100%;
  }
  #mainWrap #seg1{
    margin:0 50px;
    width:80%;
  }
  #wrap{
    width:100%;
  }
  table{
    width:100%;
  }
}
@media screen and (max-width: 500px) {
  body{
    width:fit-content;
  }
  .container .row{
    width:auto;
  }
}