/*!
 *
 * CSSカスタマイズ
 *
 */

h1, .h1 { font-size: 26px;}

.width-40 { width: 40px !important;}
.width-50 { width: 50px !important;}
.width-60 { width: 60px !important;}
.width-70 { width: 70px !important;}
.width-80 { width: 80px !important;}
.width-90 { width: 90px !important;}
.width-100 { width: 100px !important;}
.width-110 { width: 110px !important;}
.width-120 { width: 120px !important;}
.width-140 { width: 140px !important;}
.width-160 { width: 160px !important;}
.width-180 { width: 180px !important;}
.width-200 { width: 200px !important;}
.width-220 { width: 220px !important;}
.width-240 { width: 240px !important;}

.height-30 { height: 30px !important;}
.height-40 { height: 40px !important;}
.height-50 { height: 50px !important;}
.height-60 { height: 60px !important;}
.height-70 { height: 70px !important;}
.height-80 { height: 80px !important;}
.height-90 { height: 90px !important;}
.height-100 { height: 100px !important;}

textarea.form-control { height: 100%;}
textarea.form-control.height-90 { height: 90px;}
textarea.form-control.height-100 { height: 100px;}
textarea.form-control.height-120 { height: 120px;}
textarea.form-control.height-140 { height: 140px;}
textarea.form-control.height-160 { height: 160px;}
textarea.form-control.height-180 { height: 180px;}

.margin-top-0 { margin-top: 0 !important; }
.margin-top-5 { margin-top: 5px !important; }
.margin-top-10 { margin-top: 10px !important; }
.margin-top-15 { margin-top: 15px !important; }
.margin-top-20 { margin-top: 20px !important; }
.margin-top-30 { margin-top: 30px !important; }
.margin-top-40 { margin-top: 40px !important; }
.margin-top-50 { margin-top: 50px !important; }
.margin-top-60 { margin-top: 60px !important; }
.margin-bttom-0 { margin-bottom: 0 !important; }
.margin-bttom-5 { margin-bottom: 5px !important; }
.margin-bttom-10 { margin-bottom: 10px !important; }
.margin-bttom-15 { margin-bottom: 15px !important; }
.margin-bttom-20 { margin-bottom: 20px !important; }
.margin-bttom-30 { margin-bottom: 30px !important; }
.margin-bttom-40 { margin-bottom: 40px !important; }
.margin-left-10 { margin-left: 10px !important; }
.margin-left-20 { margin-left: 20px !important; }
.margin-right-10 { margin-right: 10px !important; }
.margin-right-20 { margin-right: 20px !important; }

.vertical-align-middle { vertical-align: middle;}

.site-logo { margin-top: 8%;}
.login-panel { margin-top: 20px;}

.site-logo-navbar { padding: 11px 15px;}

.navbar-default .navbar-brand {
  color: #337ab7;
}

.menu-title { display: block; padding: 10px 15px;}

.page-header {
  position: relative;
  display: flex;
}
.page-header h1 { margin-bottom: 5px;}
.page-header .btn-box {
  margin-top: 20px;
  margin-left: auto;
}
@media (max-width: 767px) { /* xs */
  .page-header {
    display: block;
    margin-top: 0;
  }
  .page-header .btn-box {
    text-align: right;
  }
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	padding: 8px 15px;
	vertical-align: middle;
}

@media (max-width: 767px) { /* xs */
  .table > thead > tr > th,
  .table > tbody > tr > th,
  .table > tfoot > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > td,
  .table > tfoot > tr > td {
    padding: 8px 10px;
    vertical-align: middle;
  }

  .table.table-col-xs-12 th,
  .table.table-col-xs-12 td {
    display: block;
  }
  .table.table-col-xs-12 td + td {
    border-top: none;
  }
}
.table.table-th-nowrap th {
  white-space: nowrap;
}
.table.table-td-nowrap td {
  white-space: nowrap;
}

.form-inline .form-control {
	vertical-align: baseline;
}

#page-wrapper {
  padding: 0 0 60px;
}
@media (min-width: 992px) { /* md */
  #page-wrapper {
    padding: 0 20px 60px;
  }
}
@media (max-width: 767px) { /* xs */
  #page-wrapper > .container-fluid {
    padding: 0;
  }
}

input[type="file"] {
	display: inline-block;
}

.none { display: none; }

.layout-adjust01 { padding: 7px 0 0;}
.layout-adjust02 { padding-left: 0;}

#ui-datepicker-div { width: 260px;}

.table-hover > tbody > tr.primary { background-color: #E9F1FE;}
.table-hover > tbody > tr.primary:hover { background-color: #DDE9FD;}
.table-hover > tbody > tr.open {}
.table-hover > tbody > tr.open:hover {}
.table-hover > tbody > tr.closed { background-color: #FFF0F0;}
.table-hover > tbody > tr.closed:hover { background-color: #FFE6E6;}

.pager-box {}
.pager-box div:first-child { padding-top: 6px;}
.pager-box div:last-child { text-align: right;}
.pager-box .total { font-size: 16px; font-weight: bold;}
.pager-box .pagination { margin: 0 !important;}

.pict-wrap { padding: 10px 0;}
.pict-frame { display: table-cell; width: 160px; height: 160px; margin: 0; text-align: center; vertical-align: middle;}
.pict-frame img { max-width: 160px; max-height: 160px;}

.alert_area .error,
.emergency { color: #ff0000; font-style: bold;}

.annotation_border {
  border: 1px solid #d0d0d0;
  border-radius: 10px;
}
.annotation_txt {
  color: #ff0000;
}

.branch_type textarea.check-textarea,
.branch_type_confirm textarea.check-textarea{
    resize: vertical;
    margin-bottom: 5px;
}
.branch_type .textarea-div div,
.branch_type_confirm .textarea-div div{
    padding-right: 5px;
    padding-left: 5px;
}
.branch_type .branch-form-group,
.branch_type_confirm .branch-form-group {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.user_table {border-collapse: separate;word-break: break-all;}
.user_list_title{width: 65%;}

img.thumbnail-100 { max-width: 100px; max-height: 100px; border-radius: 0;}
img.thumbnail-160 {
    display: inline-block;
    max-width: 158px;
    max-height: 158px;
    border-radius: 0;
    border: none;
    margin: 0px;
    padding: 1px;
}
p[id^="preview"] {
    display: table-cell;
    width: 160px;
    height: 160px;
    border: 1px solid #ddd;
    text-align: center;
    vertical-align: middle;
}

.file {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.file input[type="file"] {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  font-size: 100px;
  cursor: pointer;
}
.area_title {
  background-color: #bfbfbf;
  color: #ffffff;
  font-size: 16px;
}
.padding-left58 { padding-left: 58px;}
.float-right { float: right;}
.btn_add_cate{
  margin-right:310px; 
  margin-top:10px;
}

.bg-lightgray {
    background-color: #eee;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-break-all {
  word-break: break-all !important;
}

@media (max-width: 767px) { /* xs */
}