@charset "utf-8";
/* CSS Document */
html,body{ font-size: 15px; font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; width: 100vw; overflow-x: hidden;}
ul,ol{ list-style: none; padding: 0; margin: 0;}
p{ line-height: 1.35; margin-bottom: 0;}
a{ text-decoration: underline;}
nav a, *[class^="btn"]{ text-decoration: none !important;}

.text-primary{ color:#586084 !important;}
.text-info{  color: #016FBF !important;}
.text-small{ font-size:.9rem;}

.btn-primary{  background-color: #0568C4 !important;border-color: #0568C4 !important;}
.btn-info{ background-color:#016FBF !important;border-color:#016FBF !important;}
.btn-dark{ background-color: #515151 !important;border-color: #515151 !important;}
.btn-success{  background-color: #42AA8E !important; border-color:#42AA8E !important;}
.navbar-brand{ width: auto; max-width: 30%; font-size:1rem;}
.logo{ max-width: 50px; display: inline-block; vertical-align: middle;}
.navbar-brand > span{ display: inline-block; vertical-align: middle;}
.navbar-nav {  flex-wrap: nowrap;}
.navbar-dark .navbar-nav .nav-link{font-size:1.1rem; font-weight:500; color:#ffffff;}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link.active{background-color: #ffffff; color:#000000 !important;}
h3{ background: #494949; color: #ffffff; font-size:1.2rem; padding: 10px; text-align: center;}
.status{ border:solid 1px #999999; border-radius: 5px; padding: 3px 5px; text-align: center; background: #FF7600; color:#ffffff;}
#actions-groups > li{ display: inline-block;}
.searcharea{ background: #999999; padding: 5px; width: 100%;}
.table { text-align: center;}
.table th, .table td{ padding: 3px; vertical-align: middle; text-align: center;}
.table th{ font-size:80%; background: #cdcdcd;}
.table td > dib{ margin: 0 auto;}
.input-zip{ max-width: 300px; }
.input-zip::before{ content:"〒"; font-size:2rem; font-weight: 600;}
.input-group{ margin: 3px;}
input[type="number"]{  text-align: center; }
.customer-basic span.input-group-text{width: 100px;}
.subarea span.input-group-text{width: 80px;}
.form-check label{ font-size:90%;}
.form-check + .form-check{ margin: 10px 0;}

.form-group { line-height: 1;}
.widtsm{ min-width: 1px; margin: 0 auto; width:auto !important;}
p > small{ line-height: 1;}
.back-logo{ background-image: url("../images/logo.png");background-color:rgba(255,255,255,0.8);background-blend-mode:lighten; background-size: 150px 150px; background-repeat: no-repeat; background-position: center center;}
.memo{ min-height: 100px;}

.check-list > p{ margin: 0; line-height: 1; font-size:90%;}

.log-detail > a{ z-index: 99;}

.modestatus{ display: block; padding: .5rem .75rem; background-color: #B11C82; color:#ffffff;}
.fax-checklist{ color:#333333 !important;}

.fax-checklist *[class*="col"] > .form-group{ background:#ffffff; margin-right: 0; border:solid 1px #ededed; padding:0 0 .25em 0; margin-bottom: 0;}
.fax-checklist *[class^="col"]  > .form-group  label{ font-size:.85rem; padding:.25em; width: 100%; display: block; border:none; margin-bottom:.25em; background: #dedede;}
.text-label{ background: #dedede; padding: .5em 1.5em; text-align: center; display: inline-block; min-width: 130px; border-radius: 5px; margin-right: 10px;}
.label{ font-weight: 600; width:100px; }
.label:after{ content:":"; margin-right:3px;}
.border-box{ border:double 5px #666666}

.dashboard .ui-datepicker{ width: 100% !important;}
.fax-checklist .input-group-text{ max-width:90px;}
.fax-checklist input[type="text"]{ text-align: right;}
.fax-checklist .form-control + small{ font-size:1rem; padding-top:1rem;}

.datepicker{ text-align:right;}
.widthsmall{ max-width:100px;}
.status-check *[class*="col"] > .form-group{ background:#ffffff; margin-right: 0; border:solid 1px #ededed; padding:0 0 .25em 0; margin-bottom: 0; width: 100%;}
.status-check *[class*="col"]  > .form-group  label{ font-size:.85rem; padding:.25em; width: 100%; display: block; border:none; margin-bottom:.25em; background: #dedede;}

.dashboard #checkalartlist .table{     display: block;
    overflow-y: scroll;
    height: 600px;
    font-size:0.8rem;
}
.dashboard #checkalartlist .table th {
    position: sticky;
    top: 0;
    z-index: 1;
}

/*.form-group input[type="checkbox"]{
  display: none;
}
.loglist .form-group input[type="checkbox"] + label{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
  margin-bottom: 0;
  padding-top:.5rem; padding-bottom:.5rem;
  border-radius: 5px;
  border:solid 1px #cccccc;
  width:100%;
}
.form-group input[type="checkbox"] + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0.3rem;
  left: 0.5rem;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #999;
  border-radius: 4px;

}
.form-group input[type="checkbox"]:checked + label{
  color: #d01137;
}
.form-group input[type="checkbox"]:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 0.25rem;
  left: 0.5rem;
  width: 1.5rem;
  height: 0.8rem;
  transform: rotate(-40deg);
  border-bottom: 3px solid #d01137;
  border-left: 3px solid #d01137;
}*/
.fax-checklist select.form-control{ height:3em !important;line-height: 1.5em !important;}
option{ text-align:right !important;}

#totalarea .col{ border:solid 1px #666666; padding: 5px;}
#totalarea .col > label{ font-weight: 600; }
#totalarea .col > p{ text-align: right; border-top:dashed 1px #666666; border-bottom: solid 1px #666666; padding: 3px;}

#totalarea .totalchild > dt{ display: inline-block; width: 50%; padding-left: 2rem;}
#totalarea .totalchild > dd{ display: inline-block; width: 50%; text-align: right;}
#totalarea .totalchild > dt::before{ content:"Ｌ"; font-weight: bold; font-size:1.35rem;}


.nakamura-check{ background-color:rgb(198 255 117 / 67%) !important; }


/*------------------------subpage------------------------*/
.subpage{}