.content,
.content-header {
  padding-left: 0;
  padding-right: 0;
  margin-left: 2%;
  margin-right: 2%;
}
.form-control,
.form-group {
  max-width: 100% !important;
}
.category-area .form-control {
  height: auto;
}
.sidebar-menu {
  font-size: 96%;
}
.sidebar-menu .treeview > a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.sidebar-menu .treeview-menu > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 100%;
}
.form-group.date-group .form-control {
  display: inline-block;
  width: auto;
  margin-bottom: 5px;
}
.line-legend {
  list-style: none;
}
.ui-tooltip.ui-widget-content {
  display: none !important;
}
.overlay-wrapper {
  position: relative;
}
.drop-box {
  background: #F8F8F8;
  border: 5px dashed #DDD;
  width: auto;
  height: auto;
  text-align: center;
  padding: 15px;
  margin: 10px;
}
table .min {
  width: 1%;
  white-space: nowrap;
}
.ui-dialog {
  z-index: 1000;
}
.ui-widget-overlay {
  z-index: 950;
}
.control-sidebar>.tab-content {
  padding: 10px;
}
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
.modal-dialog.modal-lg {
  width: 90% !important;
}
@font-face {
  font-family: fontawesome;
  src: url("../fonts/fontawesome-webfont.eot");
  src: url("../fonts/fontawesome-webfont.svg");
  src: url("../fonts/fontawesome-webfont.ttf");
  src: url("../fonts/fontawesome-webfont.woff");
  src: url("../fonts/fontawesome-webfont.woff2");
}
.clearfix {
  zoom: 1;
  overflow: visible;
}
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.fs12 {
  font-size: 12px !important;
}
.fs14 {
  font-size: 14px !important;
}
.fs18 {
  font-size: 18px !important;
}
.fs20 {
  font-size: 20px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.mincho {
  font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.icon-arr-l:before {
  font-family: "Glyphicons Halflings";
  content: "\e257";
  position: relative;
  top: 3px;
  padding-right: 10px;
}
.icon-arr-r:after {
  font-family: "Glyphicons Halflings";
  content: "\e258";
  position: relative;
  top: 3px;
  padding-left: 10px;
}
html > body > .ui-datepicker {
  z-index: 5 !important;
  display: none;
}
body .crisp-client .crisp-6k5puw[data-position-reverse=true][data-full-view=true] .crisp-4n0wrv .crisp-113f7m5 {
  left: auto !important;
  right: 14px !important;
}
body .crisp-client .crisp-6k5puw[data-position-reverse=true] .crisp-4n0wrv .crisp-113f7m5,
.crisp-client .crisp-6k5puw[data-position-reverse=true] .crisp-4n0wrv .crisp-1lypk6 {
  left: auto !important;
  right: 14px !important;
}
html,
body,
* {
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
  overflow: auto;
  -webkit-font-smoothing: auto;
}
table {
  width: 100%;
  background: #fff;
  border-top: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
}
table thead th {
  font-weight: bold;
  text-align: center;
  padding: 10px;
}
table thead th a {
  color: #fff;
}
table thead th a:after {
  font-family: "Glyphicons Halflings";
  content: "\e150";
  padding-left: 5px;
}
table thead th a.asc:after {
  content: "\e155";
}
table thead th a.desc:after {
  content: "\e156";
}
table th,
table td {
  padding: 10px 10px;
  border-left: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
table .c {
  text-align: center;
}
table .r {
  text-align: right;
}
table .l {
  text-align: left;
}
.img {
  text-align: center;
}
.img img {
  max-width: 100%;
}
table td.holiday,
table th.holiday {
  background: #f88 !important;
  color: #fff !important;
}
.msg-container .alert {
  margin: 30px 0;
}
.error-message {
  color: #f36;
  padding: 3px 0;
}
.logo {
  background: #000 !important;
  border-color: #000 !important;
}
.logo img {
  display: block;
  height: 50px;
}
#side-navi .header {
  color: #fff;
  background: #1a2226;
}
#side-navi .sidebar-menu > .treeview {
  background: #1a2226;
}
#side-navi .treeview-menu a:after {
  font-family: fontawesome;
  content: "\f105";
  position: absolute;
  float: right;
  right: 10px;
}
#side-navi .side-logo img {
  max-width: 100%;
}
.content-header > h1 small:before {
  font-family: fontawesome;
  content: "\f101";
  position: relative;
  top: 0px;
  padding-right: 10px;
}
.list-table .min {
  width: 1%;
  white-space: nowrap;
}
.list-table thead th {
  background: #3c8dbc;
  color: #fff;
  font-weight: normal;
}
.list-table tbody th {
  width: 1%;
  white-space: nowrap;
  background: #3c8dbc;
  color: #fff;
  font-weight: normal;
}
.list-table tbody td input[type="text"],
.list-table tbody td textarea {
  width: 100%;
  padding: 5px;
}
.list-table tbody tr:hover {
  background: #D5E3E8;
}
.list-table .btn.submit {
  background: #367FA9;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .list-table .btn.submit {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 15px 0;
    z-index: 1000;
    border-radius: 0;
  }
}
@media only screen and (max-width: 767px) {
  .list-table.mobile2div tbody th,
  .list-table.mobile2div tbody td {
    display: block;
    width: 100%;
  }
}
.pagination-container {
  text-align: center;
  padding: 25px 0;
}
.pagination-container .pagination > li > a,
.pagination-container .pagination > li > span {
  color: #3c8dbc;
}
.pagination-container .pagination > .active > a {
  color: #fff;
  background: #3c8dbc;
  border-color: #3c8dbc;
}
.login-page {
  background: #000;
  color: #fff;
}
.login-page .color-white {
  color: #fff !important;
}
.login-page .login-box {
  margin: 3% auto;
}
.login-page .login-box-body {
  border-radius: 5px;
}
.login-page .img img {
  display: block;
  max-width: 100%;
  margin: auto;
}
#submit-btn-area {
  position: fixed;
  bottom: 15px;
  right: 40%;
  z-index: 1000;
  opacity: 0.8;
}
.panel.panel-default {
  float: left;
  width: 100%;
  zoom: 1;
  overflow: visible;
}
.panel.panel-default:before {
  content: "";
  display: table;
}
.panel.panel-default:after {
  content: "";
  display: table;
  clear: both;
}
.panel.panel-default:before {
  content: "";
  display: table;
}
.panel.panel-default:after {
  content: "";
  display: table;
  clear: both;
}
.panel.panel-default .panel-heading {
  float: left;
  width: 100%;
  padding: 5px 15px;
  margin-bottom: 15px;
  zoom: 1;
  overflow: visible;
}
.panel.panel-default .panel-heading:before {
  content: "";
  display: table;
}
.panel.panel-default .panel-heading:after {
  content: "";
  display: table;
  clear: both;
}
.panel.panel-default .panel-heading:before {
  content: "";
  display: table;
}
.panel.panel-default .panel-heading:after {
  content: "";
  display: table;
  clear: both;
}
.panel.panel-default .panel-heading .panel-title {
  float: left;
  line-height: 30px;
  padding: 0;
  margin: 0;
}
.panel.panel-default .panel-heading .panel-controls {
  float: right;
  padding: 0;
  margin: 0;
  position: relative;
}
#login-container {
  width: 50%;
  margin: 50px auto;
}
#login-container .panel-heading {
  background: #3c8dbc;
  color: #fff;
}
#login-container .panel-body {
  text-align: center;
}
#login-container .btn.login {
  background: #3c8dbc;
  color: #fff;
  padding: 15px 30px;
}
.pagetop {
  position: fixed;
  width: 30px;
  height: 30px;
  right: 1%;
  bottom: 1%;
  background-color: #3c8dbc;
  text-align: center;
  opacity: 0.8;
}
.pagetop a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
}
.pagetop a i {
  top: 8px;
}
.input form .required label:after {
  content: "*";
  padding: 0 5px;
  color: #f36;
}
.btn-container {
  text-align: center;
}
form div.input {
  margin-bottom: 15px;
}
form .required label:after {
  content: "*";
  color: #f00;
}
#modal-gallery .modal-dialog {
  height: 80%;
}
#modal-gallery .modal-dialog .modal-content {
  height: 100%;
}
#modal-gallery .modal-dialog .modal-content .modal-body {
  height: 100%;
}
#modal-gallery .modal-dialog .modal-content .modal-body iframe {
  height: 100%;
}
.connect-container {
  min-height: 50px;
}
.ui-sortable-handle {
  cursor: move;
}
.ui-sortable-helper {
  opacity: 0.8;
  z-index: 10000;
}
.ui-sortable-placeholder {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  padding-left: 25px;
  padding-right: 25px;
}
.ui-sortable-placeholder:after {
  display: block;
  width: 100%;
  height: 45px;
  background: #eee;
  content: " ";
  border: 3px dotted #aaa;
}
.angular-ui-tree-placeholder {
  margin: 20px 0 !important;
  padding: 0;
  height: 40px !important;
  background: #ecf0f5;
  border: 2px dashed #99b4d6;
  opacity: 0.8;
}
.tree-list .level0 {
  padding-left: 0;
}
.tree-list .level1 {
  padding-left: 30px;
}
.tree-list .level2 {
  padding-left: 30px;
}
.angular-ui-tree-empty {
  background-image: none !important;
}
.sidebar {
  padding-bottom: 300px;
}
#admin-layout-control-panel {
  min-height: 100%;
}
#admin-layout-control-panel.control-sidebar {
  right: -300px;
  width: 300px;
}
#admin-layout-control-panel.control-sidebar.wide {
  right: -50%;
  width: 50%;
}
#admin-layout-control-panel.control-sidebar.control-sidebar-open {
  right: 0;
}
#admin-layout-control-panel .ui-sortable-placeholder,
#admin-layout-control-panel .layout-box {
  background: #fff;
  border: 1px solid #fff;
  width: 120px;
  height: 120px;
  float: left;
  padding: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}
#admin-layout-control-panel .ui-sortable-placeholder .title,
#admin-layout-control-panel .layout-box .title {
  font-size: 13px;
  color: #fff;
}
#admin-layout-control-panel .ui-sortable-placeholder .buttons a,
#admin-layout-control-panel .layout-box .buttons a {
  color: #fff;
}
#admin-layout-control-panel .ui-sortable-placeholder {
  visibility: hidden !important;
}
.layout-box.bg-light-blue {
  background-color: #39f !important;
}
.layout-box.bg-yellow {
  background-color: #f73 !important;
}
.layout-box.bg-green {
  background-color: #00a65a !important;
}
.layout-box.bg-maroon {
  background-color: #d81b60 !important;
}
.layout-block-wrap .box-primary {
  border-color: #39f !important;
}
.layout-block-wrap .box-primary .box-header {
  background: #39f !important;
}
.layout-block-wrap .box-warning {
  border-color: #f73 !important;
}
.layout-block-wrap .box-warning .box-header {
  background: #f73 !important;
}
.layout-block-wrap .box-light-blue {
  border-color: #39f !important;
}
.layout-block-wrap .box-light-blue .box-header {
  background: #39f !important;
}
.layout-block-wrap .box-yellow {
  border-color: #f73 !important;
}
.layout-block-wrap .box-yellow .box-header {
  background: #f73 !important;
}
.layout-block-wrap .box-green {
  border-color: #00a65a !important;
}
.layout-block-wrap .box-green .box-header {
  background: #00a65a !important;
}
.layout-block-wrap .box-maroon {
  border-color: #d81b60 !important;
}
.layout-block-wrap .box-maroon .box-header {
  background: #d81b60 !important;
}
.layout-block-wrap .box-gray {
  border-color: #888 !important;
}
.layout-block-wrap .box-gray .box-header {
  background: #888 !important;
}
#btn-control-sidebar {
  position: fixed;
  top: 50px;
  right: 0px;
  background: #000;
  opacity: 0.8;
  z-index: 10000;
}
#btn-control-sidebar a {
  display: block;
  color: #fff;
  font-size: 24px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
}
#add-block-modal-body .block-container {
  padding: 30px 15px;
}
#add-block-modal-body .block-type-link {
  width: 20%;
  margin-right: 5%;
  float: left;
}
#add-block-modal-body .block-type-link .img {
  border: 1px solid #e1e1e1;
}
#add-block-modal-body .block-type-link .title {
  font-size: 14px;
  font-weight: bold;
  color: #555;
  margin-bottom: 0;
}
#add-block-modal-body .block-type-link p {
  font-size: 12px;
  color: #555;
}
.box-hibari-design-block {
  border-top: 0;
  border-left: 15px solid #000;
}
.box-hibari-design-block.box-primary {
  border-left-color: #3c8dbc;
}
.box-hibari-design-block.box-warning {
  border-left-color: #f39c12;
}
.layout-block-wrap {
  min-height: 60px;
  background-image: url(/hibari/img/text-layout-block.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 160px auto;
}
.layout-area-block {
  padding: 10px 30px;
}
.layout-area-block > * {
  font-weight: bold;
  font-size: 18px;
}
.layout-area-block .btn {
  font-weight: bold;
  background: #fff !important;
}
.editor-area .nav-pills {
  display: flex;
  margin-bottom: 10px;
}
.editor-area .nav-pills > li {
  float: none;
  display: block;
  width: 100%;
  text-align: center;
  border: 1px solid #3c8dbc;
}