html{
  font-size:15px;
}
/*----------------------------*/
/* ヘッダー部のスタイル */
/*----------------------------*/
.navbar-light .navbar-nav .nav-link.active{
  background-color:#F79400;
  color:#fff;
}
.navbar-light .navbar-nav .nav-link:hover{
  background-color:#F79400;
  color:#fff;
}


/*----------------------------*/
/*検索条件のスタイル*/
/*----------------------------*/


.search-section .form-select:focus,
.search-section .form-control:focus{
  outline:1px;
  box-shadow:none;
}


.search-section .col-form-label{
  width:25%;
}
.search-section .second-label{
  width:25%;
}

.search-section .input-area{
  width:75%; 
}

/*----------------------------*/
/* 一覧関連のスタイル */
/*----------------------------*/
.table thead,
.table tbody{
  display:block;
}

.table-list tbody{
  height: calc(100vh - 300px);
  overflow-y:auto;
  overflow-x: hidden;
}

.table-list tbody td{
  height:35px;
  line-height:1.2;
}

.table-nouhin tbody{
  height: calc(100vh - 340px);
  overflow-y:auto;
  overflow-x: hidden;
}
.table-nouhin tbody td{
  height:40px;
  line-height:1.2;
}
.table-nouhin-add tbody{
  max-height: calc(100vh - 230px);
  overflow-y:auto;
  overflow-x: hidden;
}

.table tbody td{
  vertical-align: middle;
}


.table{
  table-layout: fixed;
  font-size:14px;
}

.table>:not(caption)>*>*{
  padding:0.1rem;
}


/* Chrome, Safari */
.table-nouhin-add input[type="number"]::-webkit-outer-spin-button,
.table-nouhin-add input[type="number"]::-webkit-inner-spin-button,
.table-nouhin-update input[type="number"]::-webkit-outer-spin-button,
.table-nouhin-update input[type="number"]::-webkit-inner-spin-button
 {
  -webkit-appearance: none;
  margin: 0;
}

/* FireFox, IE */
.table-nouhin-add input[type="number"] ,
.table-nouhin-update input[type="number"] {
  -moz-appearance:textfield;
}


.table .add{
  min-width:50px;
  vertical-align: middle;
  text-align:center;
}
.table .update{
  min-width:50px;
  vertical-align: middle; 
  text-align:center;
}
.table .view{
  min-width:50px;
  vertical-align: middle; 
  text-align:center;
}


/*-- テーブルのカラム幅(min-width指定でないとヘッダー幅とbody幅がずれる) --*/
.table .hdate{
  min-width:90px;
}
.table .ndate{
  min-width:90px;
}
.table .hateno{
  min-width:60px;
}
.table .hategyo{
  min-width:30px;
}
.table .hbnrinm{
  min-width:80px;
}
.table .itmcd{
  min-width:70px;
}
.table .genmj{
  min-width:190px;
}
.table .kikak{
  min-width:60px;
}
.table .kakkb{
  min-width:80px;
}
.table .suryo,
.table .tanka,
.table .kingk{
  min-width:90px;
}
.table .suryo:last-child{
  width:90px;
  min-width:initial;
}

.table .suryoz{
  min-width:90px;
}

.table .bumnms{
  width:200px;
}
.table .bumnmn{
  width:200px;
}
.table .tanka{
  min-width:90px;
}
.table .goukeis{
  min-width:90px;
}
.table .goukeik{
  min-width:90px;
}

.table-nouhin-add input,
.table-nouhin-update input{
  border:1px solid #000;
}

.table-nouhin-add .ndate{
  min-width:65px;
}
.table-nouhin-add .itmcd{
  min-width:60px;
}
.table-nouhin-add .hbnrinm{
  min-width:50px;
}
.table-nouhin-add .genmj{
  min-width:150px;
}
.table-nouhin-add .bumnms{
  min-width:70px;
  width:initial;
}
.table-nouhin-add .bumnmn{
  min-width:70px;
  width:initial;
}
.table-nouhin-add .suryo{
  min-width:65px;
}
.table-nouhin-add .nndate{
  min-width:100px;
}
.table-nouhin-add .nndate input{
  padding:.375rem .35rem;
}
.table-nouhin-add .fukusya{
  min-width:40px;
}
.table-nouhin-add .fukusya{
  min-width:40px;
}
.table-nouhin-add .binno{
  min-width:65px;
}
.table-nouhin-add .bikou{
  width:185px;
}

/*-- width指定でないとinput要素の幅が大きくなる --*/
.table-nouhin-update .delete{
  min-width:120px;
}
.table-nouhin-update .ndate{
  width:120px;
}
.table-nouhin-update .suryo{
  width:120px;
}
.table-nouhin-update .tanka{
  width:120px;
}
.table-nouhin-update .kingk{
  width:120px;
}
.table-nouhin-update .binno{
  width:80px;
}
.table-nouhin-update .bikou{
  width:800px;
}

.table-bumon .genmj{
  min-width:130px;
}
.table-bumon .tanka{
  min-width:60px;
}
.table-bumon .suryo{
  min-width:80px;
}

.table-shiharai .genmj{
  min-width:220px;
}


/*----------------------------*/
/* flatpickerのスタイル */
/*----------------------------*/
.flatpickr-current-month {
  display: flex;
  justify-content: center;
}

.cur-year {
  order : 1;
}

.cur-month:before  {
   content: '年　';
}

.cur-month {
  order: 2;
}

.flatpickr-current-month span.cur-month {
  font-weight : 300;
  padding-top : 4px;
}

.btn-calender{
  cursor:pointer;
}

flatpickr-custom.cssCSS
/* 日曜日：赤 */
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays .flatpickr-weekday:nth-child(7n + 1),
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-days .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay):nth-child(7n + 1) {
    color: red;
}
 
/* 土曜日：青 */
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays .flatpickr-weekday:nth-child(7),
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-days .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay):nth-child(7n) {
    color: blue;
}
/*--- flatpickerここまで ---*/

/*----------------------------*/
/* 共通スタイル */
/*----------------------------*/
@media (min-width: 1200px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px;
  }
}

.none{
  display:none;
}

.w-8p{
  width:8%;
}