.container {
    /*min-height: 100vh;*/
    /*    position: relative;←相対位置*/
    margin-bottom: 120px;
    /*    box-sizing: border-box;←全て含めてmin-height:100vhに*/
}

body {
    padding-top: 100px;
}

footer {
    width: 100%;
    background-color: #89c7de;
    color: #fff;
    text-align: center;
    padding: 30px 0;
}

tr{
    background-color:#fff;
}

.ui-state-highlight{
    background-color:#ff0;
}

.drag-icon{
    width:20px;
    cursor:pointer;
}
.img{
    width:60%;
}
.ui-sortable-helper{
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
    
}
.ui-sortable-helper .img{
    width:20%;
}

/*スマホ用*/
span{
    font-size:10pt;
    
}
h2 {
  font-size:14pt;
  padding: 1rem 1rem;
  border-bottom: 3px dashed #000;
  background: #f4f4f4;
}

input[type='date']{
    width:200px;
    height:1.5em;
}
.drag-head{
    cursor: pointer;
}
.drag-head::before{
    content:"+"
}
.drag-head.open::before{
    content:"-"
}
#sortable1,#sortable2,.sort{
    min-height:50px;
    border:1px #f4f4f4 solid;
}
.dd-list{
    font-size:80%;
    margin-left:10px;
}
dl,dd{
    margin-bottom: 0px;
}

.row-border{
  /*margin-top: 1rem;*/
  margin-bottom: 1rem;
  /*border: 0;*/
  border-bottom: 1px solid #aaa;
  padding-bottom:1rem;
}
.mini{
    font-size:80%
}

.template-head{
  /*線の種類（実線） 太さ 色*/
  border-bottom: 2px solid #aaa;
  font-size:140%;
  font-weight: 600;
  vertical-align: bottom;
}
#search-on-off{
    
}
#search-on-off::before{
    content:"+"
}
#search-on-off.open::before{
    content:"-"
}
/***追従するトップへ戻るボタン***/
#page-top {
    position: fixed;
    right: 10px;
    bottom: 10px;
    font-size: 1.2rem;
    /*line-height: 1.2rem;*/
    background: #fff;
    color: #737373;
    padding: 3px;
    /*padding-top:3px;*/
    /*padding-left:11px;*/
    border: solid 1px;
    /*border-radius: 50%;*/
    /*width:35px;*/
    /*height:35px;*/
}
/***トップへ戻るボタンここまで***/

@media print {
    .navbar,.no-print ,.breadcrumb,#page-top{
      display: none;
    }
    body{
        padding:0px;
    }
    .table td, .table th{
        font-size:12px;
        padding:2px;
        vertical-align:middle;
        
    }
    .table th{
        text-align: center;
    }
    .koumoku{
        width:40px;
    }
    .check{
        width:40px;
    }
    .name{
        width:200px;
    }
    .syasin{
        width:45px;
    }
    
}