@charset "UTF-8";
/*font*/
@font-face {
  font-family: 'ZenKakuGothicNew';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../font/ZenKakuGothicNew-Medium.woff2") format('woff2'), url("../font/ZenKakuGothicNew-Medium.woff") format('woff');
}
@font-face {
  font-family: 'ZenKakuGothicNew';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../font/ZenKakuGothicNew-Bold.woff2") format('woff2'), url("../font/ZenKakuGothicNew-Bold.woff") format('woff');
}
/**/
.no-spacing {
  margin: 0;
  padding: 0;
}
.form-group {
  margin-top: 5px;
}
.cur-pointer {
  cursor: pointer;
}
.profile {
  margin: 5px 0;
}
.error_message {
  padding: 5px;
  margin-top: 5px;
}
.spc_bottom {
  margin-bottom: 15px;
}
/* プロフィール */
.profile-sidebar {
  padding: 20px 0 10px 0;
}
.profile-userpic img {
  float: none;
  margin: 0 auto;
  width: 50%;
  height: 50%;
  -webkit-border-radius: 10% !important;
  -moz-border-radius: 10% !important;
  border-radius: 10% !important;
}
.profile-usertitle {
  text-align: center;
  margin-top: 20px;
}
.profile-usertitle-name {
  color: #5a7391;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 7px;
}
.profile-usertitle-job {
  text-transform: uppercase;
  color: #5b9bd1;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 15px;
}
.profile-usermenu {
  margin-top: 30px;
}
.profile-usermenu ul li {
  border-bottom: 1px solid #f0f4f7;
}
.profile-usermenu ul li:last-child {
  border-bottom: none;
}
.profile-usermenu ul li a {
  color: #93a3b5;
  font-size: 14px;
  font-weight: 400;
}
.profile-usermenu ul li a i {
  margin-right: 8px;
  font-size: 14px;
}
.profile-usermenu ul li a:hover {
  background-color: #fafcfd;
  color: #5b9bd1;
}
.profile-usermenu ul li.active {
  border-bottom: none;
}
.profile-usermenu ul li.active a {
  color: #5b9bd1;
  background-color: #f6f9fb;
  border-left: 2px solid #5b9bd1;
  margin-left: -2px;
}
.profile-content {
  padding: 20px;
  background: #fff;
  min-height: 460px;
}
/**カレンダー**/
/*week*/
.fc-sun {
  background-color: #fdeff2; /* 日曜日 */
}
.fc-sat {
  background-color: #eaf4fc; /* 土曜日 */
}
.fc-today {
  background-color: #fcf8e3; /* 今日 */
}
.fc-day, .fc-day-top, .fc-event, .fc-slats {
  cursor: pointer;
}
/*設定*/
.table .details {
  vertical-align: middle;
}
.check_m {
  margin-left: 15px;
}
.preview {
  margin-top: 5px;
}
.chk_login {
  margin-bottom: 25px;
}
/*ログイン*/
.card {
  background-color: #F7F7F7;
  /* just in case there no content*/
  margin-top: 50px;
  /* shadows and rounded borders */
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.profile-img-card {
  width: 96px;
  margin: 0 auto 10px;
  display: block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.card-container {
  padding: 40px 40px;
}
.profile-name-card {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 10px 0 0;
  min-height: 1em;
}
.btn.btn-signin {
  background-color: rgb(104, 145, 162);
  padding: 0px;
  font-weight: 700;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: none;
  -o-transition: all 0.218s;
  -moz-transition: all 0.218s;
  -webkit-transition: all 0.218s;
  transition: all 0.218s;
}
.form-signin input[type=email], .form-signin input[type=password], .form-signin input[type=text], .form-signin button {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  z-index: 1;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/*スクロール用*/
thead.scrollHead, tbody.scrollBody {
  display: block;
}
tbody.scrollBody {
  overflow-y: scroll;
  height: 72vh;
}
.blockdim {
  display: block;
  overflow-y: scroll;
  height: 20vh;
}
.divn {
  width: 100px;
}
/*スケジュール*/
.dim {
  height: 50px;
}
table.xs_schedule, table.schedule {
  table-layout: fixed;
}
table.xs_schedule {
  font-size: 7.5px;
}
table.schedule th, table.schedule td {
  width: 9.5vw;
}
table.schedule td.bg-success:hover, table.xs_schedule td.bg-success:hover {
  background: #a6d692
}
@media screen and (max-width: 500px) {
  .profile-content, .col-xs-12 {
    padding: 0;
    margin: 0;
  }
}
table.xs_schedule th, table.xs_schedule td {
  white-space: nowrap;
  overflow: hidden;
  font-size: 7.5px;
}
table.schedule td button.btn,
table.xs_schedule td button.btn {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4px 0 4px auto;
  padding: 0;
  background: rgba(186,224,255,0.4);
  border-radius: 100px;
  line-height: 0;
}
table.schedule td button.btn {
  font-size: 10px !important;
  width: 18px;
  height: 18px;
}
table.xs_schedule td button.btn {
  font-size: 7.5px !important;
  width: 14px;
  height: 14px;
}
@media screen and (max-width: 500px) {
  .profile-content, .col-xs-12 {
    padding: 0;
    margin: 0;
  }
}
.shujitsu, .emergency_kairan, .base_kairan, .impotant_kairan {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
  color: #fff;
  background-color: #666;
  padding: 2px 5px 0;
  border-radius: 3px;
}
.impotant_kairan {
  background-color: #ff0000;
}
.emergency_kairan {
  background-color: #ffa44c;
}
.base_kairan {
  background-color: #666666;
}
/* 20210715熊谷　顧客管理の商談情報の印刷対応 */
@media print {
  .no_print {
    display: none;
  }
}
/* ※以下management管理表 */
.fixedTable {
  border-collapse: collapse;
}
/* 左側カラム */
.fixedTable th {
  border: 1px solid #888;
  min-width: 70px;
  max-width: 70px;
  overflow: hidden;
  white-space: nowrap;
  height: 51px;
  text-align: center;
  background-color: #FFFFFF;
}
/* 右側カラム */
.fixedTableColumn th {
  border: 1px solid #888;
  min-width: 160px;
  max-width: 160px;
  overflow: hidden;
  white-space: nowrap;
  height: 51px;
  text-align: center;
  background-color: #FFFFFF;
}
/* 編集、削除ボタン */
.fixedTable td {
  border: 1px solid #888;
  min-width: 70px;
  max-width: 70px;
  overflow: hidden;
  white-space: nowrap;
  height: 51px;
  text-align: center;
}
/* 入力内容 */
.fixedTable td {
  border: 1px solid #888;
  min-width: 160px;
  max-width: 160px;
  overflow: hidden;
  white-space: nowrap;
  height: 51px;
  text-align: left;
  text-indent: 6px;
}
/* ダミー見えないように */
.fixedTableColumn th.dummyColumn {
  width: 1px;
  border: 0px;
}
/* ダミー見えないように */
.fixedTable th.dummyRow {
  height: 1px;
  border: 0px
}
/* 大きさを変更したいセルをピンポイントに指定 */
/* 右側カラム */
#topRightTable th:nth-child(1) {
  min-width: 90px;
  max-width: 90px;
}
/* 右側内容 */
#bottomRightTable td:nth-child(1) {
  min-width: 90px;
  max-width: 90px;
}
/* 全体 */
#fixedTableArea {
  width: 100%;
  /* max-width: 100%; */
  height: 680px;
}
/* カラム全体 */
#topColumn {
  width: 100%;
  /* float: left;
  overflow: hidden; */
}
/* 編集削除カラム */
#topLeftArea {
  float: left;
  /* width: 9%; */
}
/* カラム */
#topRightArea {
  /* width: 89%; */
  /* float: left; */
  overflow: hidden;
}
/* 内容全体 */
#bottomValue {
  width: 100%;
  /* height: 665px;  
  overflow: scroll; */
}
/* 編集削除ボタン */
#bottomLeftArea {
  float: left;
  height: 650px;
  overflow: hidden;
}
/* 内容 */
#bottomRightArea {
  /* width: 90%; */
  height: 665px;
  overflow: scroll;
}
/* ※以下actionplan行動予定表 */
.fixedTableActionplan {
  border-collapse: collapse;
}
/* 左側項目ベース設定 */
.fixedTableActionplan th {
  border: 1px solid #888;
  min-width: 90px;
  max-width: 90px;
  overflow: hidden;
  white-space: nowrap;
  height: 51px;
  text-align: center;
  background-color: #FFFFFF;
}
/* 右側項目ベース設定 */
.fixedTableColumnActionplan th {
  border: 1px solid #888;
  min-width: 160px;
  max-width: 160px;
  overflow: hidden;
  white-space: nowrap;
  height: 51px;
  text-align: center;
  background-color: #FFFFFF;
}
/* 入力内容　氏名 */
.fixedTableActionplan td {
  border: 1px solid #888;
  min-width: 160px;
  max-width: 160px;
  overflow: hidden;
  white-space: nowrap;
  height: 51px;
  text-align: left;
  text-indent: 6px;
}
/* ダミー見えないように */
.fixedTableColumnActionplan th.dummyColumn {
  min-width: 20px;
  max-width: 20px;
  /* width:  1px; */
  /* border: 0px; */
  border-color: #FFFFFF;
}
/* ダミー見えないように */
.fixedTableActionplan th.dummyRow {
  height: 2px;
  border: 0px
}
/* 大きさを変更したいセルをピンポイントに指定    */
/* 左側項目　氏名 */
#topLeftTableActionplan th:nth-child(1) {
  min-width: 110px;
  max-width: 110px;
}
/* 左側内容　氏名 */
#bottomLeftTableActionplan td:nth-child(2) {
  min-width: 110px;
  max-width: 110px;
}
/* 右側項目 */
/* 予定　項目 */
#topRightTableActionplan th:nth-child(1) {
  min-width: 110px;
  max-width: 110px;
}
/* 予定　内容 */
#topRightTableActionplan th:nth-child(2) {
  min-width: 490px;
  max-width: 490px;
}
/* 帰社時間　項目 */
#topRightTableActionplan th:nth-child(3) {
  min-width: 110px;
  max-width: 110px;
}
/* 帰社時間　時刻 */
#topRightTableActionplan th:nth-child(4) {
  min-width: 140px;
  max-width: 140px;
}
/* クリアボタン */
#topRightTableActionplan th:nth-child(5) {
  min-width: 90px;
  max-width: 90px;
}
/* 右側内容 */
/* 予定　項目 */
#bottomRightTableActionplan td:nth-child(1) {
  min-width: 110px;
  max-width: 110px;
}
/* 予定　内容 */
#bottomRightTableActionplan td:nth-child(2) {
  min-width: 490px;
  max-width: 490px;
}
/* 帰社時間　項目 */
#bottomRightTableActionplan td:nth-child(3) {
  min-width: 110px;
  max-width: 110px;
}
/* 帰社時間　時刻 */
#bottomRightTableActionplan td:nth-child(4) {
  min-width: 140px;
  max-width: 140px;
}
/* クリアボタン */
#bottomRightTableActionplan td:nth-child(5) {
  min-width: 90px;
  max-width: 90px;
}
/* 全体 */
#fixedTableAreaActionplan {
  width: 100%;
  /* max-width: 100%; */
  /* height: 680px; */
}
/* 編集削除ボタン */
#bottomLeftAreaActionplan {
  float: left;
  /* height: 650px; */
  overflow: hidden;
}
/* 内容 */
#bottomRightAreaActionplan {
  /* width: 90%; */
  /* height: 665px; */
  overflow: scroll;
  overflow-y: hidden;
}
/* 行動予定表用　ログインユーザー設定背景色 */
.loginUserColorActionplan td {
  background-color: #FFFFE0;
}
/*************************************************** 2405追記修正*/
/*--------------------------------------------------全体*/
* {
  color: #222;
  box-sizing: border-box;
  font-family: 'ZenKakuGothicNew', sans-serif;
  font-weight: normal;
}
/*ボタン*/
button.btn {
  margin: 0 2px 0 0;
  padding: 6px 10px;
  font-size: 100% !important;
}
/*プルダウン*/
button.btn.dropdown-toggle {
  margin: 0 2px 0 0;
  padding: 6px 25px 6px 10px;
  font-size: 100% !important;
  text-align: left !important;
}
.profile {
  margin: 15px 0;
}
.row.profile .col-md-2 {}
/*見出し*/
.form-horizontal label {
  margin: 0;
  padding: 0;
}
/*-----checkbox/radio*/
.checkbox, .radio {
  padding: 8px 0 0 20px;
}
.checkbox label {
  margin: 0 20px 0 0;
}
/*--------------------モーダル 共通*/
.nav-tabs {
  margin: 0 0 20px 0;
}
.modal-body .form-horizontal {
  padding: 0 15px;
}
/*--------------------見出し*/
h2, h3 {
  color: #777;
  font-weight: 700;
  font-size: 20px !important;
}
h4 {
  color: #777;
  font-weight: 700;
}
/*--------------------表 共通*/
/*ヘッダー*/
.panel-default > .panel-heading .row {
  margin-right: -15px;
  margin-left: -15px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  width: auto;
}
/*ヘッダー右枠*/
.panel-default > .panel-heading .row .col.col-xs-6.text-right {
  width: 60%;
}
/*ヘッダーボタン*/
.panel-default > .panel-heading .row button.btn {
  margin: 4px 2px 4px 0;
  padding: 6px 10px;
  font-size: 100% !important;
}
/*疑似フレームの表ヘッダー*/
.table-responsive .table.table-striped.table-bordered.table-list th {
  vertical-align: middle;
  text-align: center;
  font-weight: 700;
  background-color: #fff;
}
/*詳細*/
.table-responsive .table.table-striped.table-bordered.table-list th.col-xs-1.col-md-1 {
  background-color: #fff;
}
/*詳細*/
.table-responsive .table.table-bordered.table-list th.col-xs-1.col-md-1 {
  background-color: #f6f9fb;
}
.table-bordered > tbody > tr > th {
  background-color: #fff;
}
/**/
.table-bordered {
  border: none;
  border-top: 1px solid #ddd;
}
/*-----追加解除のボックス*/
.bootstrap-duallistbox-container .btn-group.buttons {
  width: 100%;
  margin: 0 !important;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.bootstrap-duallistbox-container .btn-group.buttons button {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin: 0;
  background-color: #eee;
  /*display: block;*/ /*noneを解除*/
}
/*解除*/
.form-control option {
  background-color: #fff;
}
/*----------エラー*/
#error_management_result.alert-danger {
  margin: 20px 0 !important;
}
.form-horizontal #error_management_result.form-group.alert-danger {
  margin: 20px 0 !important;
}
#error_mendan_purpose1.error_message {
  margin: 10px 0;
  padding: 5px 10px;
}
#error_customer_id.bg-danger.text-danger, #error_mendan_purpose1.bg-danger.text-danger {
  margin: 10px 0;
  padding: 5px 10px;
}
/*----------エラー*/
#login_name_message.error_message, #password_message.error_message, #name_message.error_message, #error_customer_name_kana.error_message {
  margin: 10px 0;
  padding: 5px 10px;
}
#post_name_message.error_message, #sort_no_message.error_message, #error_title.error_message, #error_detail.error_message, #holiday_name_message.error_message, #equipment_name_message.error_message, #private_group_name_message.error_message, #member_ids_message.error_message, #group_name_message.error_message, #equipment_kind_name_message.error_message, #holiday_date_message.error_message, #error_detail.error_message, #error_mail_kind.error_message, #error_mail_member.error_message {
  padding: 5px 10px !important;
  text-align: left !important;
}
/*------------------------------------------------------------ログイン*/
button.btn.btn-signin {
  padding: 10px 0;
}
/*--------------------------------------------------トップ*/
/*-----名前*/
.text-primary, .profile-usertitle-name {
  color: #337ab7 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}
/*-----お知らせ */
#top_block .alert {
  background-color: #f9db5c;
  border-color: #f6cb12;
}
#top_block .alert p.title {
  color: #111;
  font-weight: 700;
  margin: 0 0 10px 0;
  font-size: 15px;
}
#top_block .alert i {
  margin: 0 10px 0 0;
}
#top_block .alert p.date {
  color: #111;
  font-weight: 700;
  margin: 0 0 10px 0;
}
/*緊急*/
#top_block .alert.urgent-info {
  background-color: rgba(246, 222, 18, 0.55);
  border-color: #f6b812;
}
/*重要*/
#top_block .alert.alert-info {
  color: #333333;
  background-color: rgba(246, 191, 188, 0.55);
  border-color: #f0948f;
}
/*お知らせ*/
#top_block .alert.topics-info {
  color: #333333;
  background-color: rgba(136, 200, 239, 0.3);
  border-color: #72beec;
}
/*--------------------------------------------------スケジュール*/
#schedule_week .schedule.table.table-bordered .scrollBody th {
  background-color: #fff;
}
#schedule_week .schedule.table.table-bordered .scrollBody th.bg-default {
  background-color: #f6f9fb;
  font-weight: 700;
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
}
/*----------検索*/
#schedule .visible-xs {
  margin: 0;
  padding: 0;
}
/*-----グループ・社員・ボタン*/
#schedule .col-md-8.hidden-xs {
  margin: 0;
  padding: 0;
}
#schedule .col-md-8.hidden-xs .btn-default.btn {
  margin: 0 0 10px 0;
}
/*ボタン*/
#schedule .btn.btn-sm {
  margin: 0;
  font-size: 100%;
}
/*-----日付選択*/
#schedule_week .col-md-3.col-xs-6.dim {
  margin: 20px 20px 20px 0;
  padding: 0;
  height: auto;
  width: 300px;
  float: left;
}
/*-----ぺージ送り*/
#schedule_week .col-md-3.col-xs-12.dim {
  margin: 20px 0;
  padding: 0;
  height: auto;
  width: auto;
  float: right;
}
/*ボタン*/
#schedule_week .col-md-3.col-xs-12.dim .btn-default.btn-sm {
  text-align: left;
}
/* 追加ボタン */
#schedule_week .add-btn-td{
  vertical-align: bottom;
}
/*スクロール部分の表 ヘッダー*/
.schedule.table.table-bordered .scrollHead th {
  vertical-align: middle;
  text-align: center;
  font-weight: 700;
}
/*------------------------------スケジュール更新（モーダル）*/
/*項目*/
#base_setting .control-label {
  padding: 8px 15px 0 0;
}
/*----------基本設定*/
/*日時*/
#base_setting #loop_detail.row-fluid .form-group {
  margin: 0 0 20px 0;
}
#schedule_modal .form-group .col-md-2.col-xs-5.no-spacing {
  /*width: 140px;*/
  padding: 0 5px 10px 0 !important;
}
/*繰り返しにチェック　で表示される場所*/
#base_setting #loop_detail {
  margin: 0 0 0 22%;
}
/*曜日　チェック一覧*/
#base_week_block .col-md-10.col-xs-10 .checkbox label {
  margin: 0 15px 0 0 !important
}
/*枠*/
#base_setting .form-group {
  margin: 0 0 10px 0;
  vertical-align: middle;
}
#base_setting .modal-body .btn-group > .btn:first-child {
  margin: 0 0 10px 0;
}
/*選択*/
#base_setting #data_yoyaku .no-spacing {
  float: right;
}
/**/
#base_week_block .col-md-10.col-xs-10 label {
  margin: 0 !important;
}
/*-----部屋備品にチェック*/
/*----------詳細設定*/
#detail_setting .col-md-9.col-xs-9.form-control-static {
  margin: 0;
  padding: 8px 0;
}
/*チェック一覧*/
#detail_setting .col-md-10.col-xs-10 .col-md-9.col-xs-9.checkbox {
  width: 100%;
}
/*-----メンバー　グループで選択*/
/*チェック項目*/
#detail_setting .col-md-10.col-xs-10 .col-md-9.col-xs-9.checkbox label {
  margin: 0 30px 0 0 !important;
  padding: 0 0 5px 0;
  white-space: nowrap;
}
/*-----個別で選択*/
#detail_setting .col-md-10.col-xs-10 .row-fluid {
  margin: 0 !important;
}
#detail_setting .col-md-10.col-xs-10 .box1.col-md-6, #detail_setting .col-md-10.col-xs-10 .box2.col-md-6 {
  margin: 0 !important;
}
#detail_setting .col-md-9.col-xs-9.no-spacing {
  margin: 0 !important;
}
/*追加　解除ボタン*/
#detail_setting .bootstrap-duallistbox-container .buttons {
  margin: 0 !important;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#detail_setting .bootstrap-duallistbox-container .btn-group .btn {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  width: 50%;
}
/*解除*/
#detail_setting .form-control option {
  background-color: #fff;
}
#schedule_modal .form-horizontal label {
  /*padding: 8px 0;*/
}
/*#schedule_modal .bootstrap-duallistbox-container .btn-group.buttons button {
    display: block;
  }*/
/*--------------------------------------------------部屋備品予約*/
#equipment_block .col-md-7.col-xs-12 {
  margin: 0;
  padding: 0;
}
#equipment_block #yoyaku_day_block .text-right {
  margin: 20px 0;
  padding: 0;
  height: auto;
  width: auto;
}
/*タグ*/
#sc_schedule .sc_Bar {
  background-color: #337ab7;
  border-radius: 3px;
}
/*タグ文字*/
#sc_schedule .sc_Bar span {
  color: #FFF;
}
/*見出し*/
#sc_schedule .sc_data .timeline {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
/*日付*/
#yoyaku_day_block h3 {
  margin: 20px 0;
  font-size: 24px !important;
}
/*モーダル*/
#yoyaku_form {
  padding: 0 15px;
}
#yoyaku_form .col-xs-offset-1 {
  margin: 0;
  /* margin-left: 8.33333333%; */
}
/*--------------------------------------------------メール*/
/*送信日時指定*/
#mail_block .col-md-2.col-xs-3 {
  width: auto;
  margin: 0 0 0 15px;
}
#mail_block .form-control.edit_date {
  width: 140px;
  margin: 0 0 10px 0;
}
#mail_block .form-control.h_m_data {
  width: 100px;
}
#mail_block .col-md-8.col-xs-8 {
  padding: 0;
}
/*--------------------------------------------------顧客管理*/
/*担当者*/
#customer_block .form-group label.col-md-2.col-xs-4 {
  padding: 0 15px 0 0 !important;
}
/*企業業種/回収・支払い方法 にチェック*/
#search_company_gyoshu label {
  margin: 0 20px 0 0;
}
/*企業業種*/
#customer_block .col-md-10.col-xs-8 {}
/*チェック*/
#customer_block .col-md-8.col-xs-8 .checkbox label {
  padding: 0 20px 0 0
}
/*企業情報*/
#customer_block .col-md-3.col-xs-3 {
  width: auto;
}
/*商談履歴（日ごと）*/
#customer_block .panel-heading .row .col.col-xs-6 {
  width: 100%;
}
#customer_block .panel-body .row {
  margin: 0;
}
#customer_block .panel-body .row .col-md-3.col-xs-6, #customer_block .panel-body .row .col-md-2.col-xs-6 {
  width: 100%;
  max-width: 220px;
  margin: 0 15px 0 0;
  padding: 0;
}
/*詳細ページ*/
#mail_block .table.table-striped th.col-xs-1.col-md-1 {}
/*--------------------------------------------------回覧板*/
#kairanban_block .col-md-2.col-xs-12 {
  width: auto;
  text-align: left;
  padding: 0 15px;
}
/*回覧期限*/
#kairanban_block .col-md-2.col-xs-2.control-label {
  padding: 0 15px 0 0;
}
#kairanban_block .col-md-2.col-xs-3 {
  width: 140px;
}
/*~*/
#kairanban_block .col-md-1.col-xs-1 {}
/*回覧期限 入力枠*/
#kairanban_block .form-control.edit_date {
  width: 140px;
}
#kairanban_block .col-md-8.col-xs-8 {
  padding: 0;
}
/*--------------------------------------------------お知らせ*/
#information_block {
  padding: 0 15px;
}
#information_block label.col-md-2.col-xs-2.control-label {
  padding: 0 15px;
}
#information_block .col-md-8.col-xs-8 {
  padding: 0 15px;
}
/*--------------------------------------------------緊急連絡網*/
/*メールを送る*/
#emergency_block .col-md-8.col-xs-12 .checkbox {
  text-align: left;
}
#emergency_block label.col-md-2.col-xs-2.control-label {
  padding: 0 15px;
}
#emergency_block .col-md-8.col-xs-8 {
  padding: 0 15px;
}
/*--------------------------------------------------設定*/
/*チェックボックス*/
#edit_modal_block .col-md-10.col-xs-10 {
  width: 100%;
  padding: 0 40px;
}
/*ボタン*/
#edit_modal_block .modal-body .col-md-3.col-xs-4 button {}
/*選択*/
#edit_modal_block .modal-body .col-md-3.col-xs-4 .form-control {
  width: 100px;
  margin: 0 0 10px 0;
}
#edit_modal_block .modal-body .col-md-10.col-xs-10 .checkbox {
  text-align: left;
}
/*-----*/
#edit_modal_block .modal-body .form-group label {}
/*サブグループ*/
#edit_modal_block .form-group .sub_group_area {
  width: 100%;
}
#edit_modal_block .form-group .bootstrap-duallistbox-container {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/*テーブル*/
#setting_detail_block .table {}
#setting_detail_block .table tbody td:first-child {
  text-align: center;
}
#setting_detail_block .table tbody td:last-child {
  text-align: center;
}
/*--------------------------------------------------勤怠管理*/
#kintai_table.panel-heading .row {
  width: 100%;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#kintai_table.panel-heading .row .col-md-3.col-xs-3 {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  text-align: right;
}
#kintai_table.panel-heading .row.col-md-2.col-xs-2 {}
/*----------内訳*/
#kintai_uchiwake.panel-body {
  margin: 20px 0;
  padding: 0;
}
/*----------内訳のボタン*/
#kintai_detail_uchiwake .col-md-4.col-xs-4 {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 0;
  padding: 0;
  width: 100% !important;
}
/*ボタン*/
#kintai_detail_uchiwake .col-md-4.col-xs-4 .btn-sm {
  font-size: 100%;
}
/*一覧のヘッダー*/
#uhiwake_list th {
  background-color: #eee;
  vertical-align: middle;
  text-align: center;
}
/*----------出勤簿印刷*/
#kintai_uchiwake .col-md-4.col-xs-4 {
  padding: 0;
  width: 100%;
}
/*----------作業内容印刷*/
#kintai_uchiwake .form-horizontal.col-md-8.col-xs-8 {
  display: block;
  width: 100% !important;
  margin: 0;
  padding: 0;
}
#kintai_uchiwake .col-md-12.col-xs-12 {
  padding: 0;
}
/*----------日付入力枠（共通）*/
#kintai_uchiwake .form-horizontal div {
  /*display: block !important;*/
}
#kintai_uchiwake .form-horizontal div input {
  /*width: 100%;*/
  max-width: 180px;
  height: 34px;
  margin: 10px 0;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#kintai_uchiwake .form-horizontal .btn-sm {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  border: none;
  font-size: 100%;
}
.table-responsive .table.table-bordered > thead > tr > th {
  text-align: center;
  vertical-align: middle;
}
/*----------モーダル*/
#kintai_edit_modal .modal-body .form-group {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#kintai_edit_modal .modal-body .col-md-3.col-xs-4 {
  width: auto;
}
/*ボタン*/
#kintai_edit_modal .modal-body .col-md-3.col-xs-4 button {}
/*出勤時間/退勤時間*/
#kintai_edit_modal .modal-body .col-md-3.col-xs-4 .form-control {
  width: 140px;
  margin: 0 0 10px 0;
}
/*--------------------------------------------------資産管理*/
#management_form.form-horizontal .form-group {
  margin: 0 !important;
  display: -webkit-flex;
  display: flex;
}
#management_form.form-horizontal .form-group .col-md-3.col-xs-4 {
  width: auto;
  margin-left: auto;
}
#management_form.form-horizontal .form-group label, #management_form.form-horizontal .form-group input {
  margin: 0 0 10px 0;
}
#management_form.form-horizontal .form-group .col-md-9.col-xs-8 {
  width: 100%;
  text-align: right;
}
.bootstrap-duallistbox-container select option:checked {
  background-color: blue !important;
  color: white;
}
/*----------------------------------------------------------------------SP*/
@media screen and (max-width: 991px) {
  .visible-xs {
    padding: 0;
  }
  .form-horizontal .control-label {
    text-align: left;
  }
  /*見出し*/
  .row.profile .col-md-2 {
    padding: 0 !important;
  }
  /*見出し*/
  .row.profile .form-horizontal label {
    display: block;
    margin: 10px 0;
    padding: 0;
    text-align: left !important;
    float: left;
  }
  /*----------エラー*/
  #login_name_message.error_message {
    /*margin: 10px 0;
    padding: 5px 10px;*/
  }
  /*PC.SP*/
  #login_name_message.error_message, #password_message.error_message, #name_message.error_message {
    width: calc(100% - 15px);
    margin: 10px 0;
    padding: 5px 10px !important;
    text-align: left;
  }
  /*SPのみ*/
  #post_name_message.error_message, #sort_no_message.error_message, #error_title.error_message, #error_detail.error_message, #holiday_name_message.error_message, #equipment_name_message.error_message, #private_group_name_message.error_message, #member_ids_message.error_message, #group_name_message.error_message, #equipment_kind_name_message.error_message, #holiday_date_message.error_message, #error_detail.error_message, #error_mail_kind.error_message, #error_mail_member.error_message {
    width: calc(100% - 15px) !important;
    margin: 10px 0;
  }
  /*--------------------表 共通*/
  /*ヘッダー*/
  .panel-default > .panel-heading .row {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .panel-default > .panel-heading .col.col-xs-6 {
    width: 100%;
    padding: 10px 15px;
  }
  .panel-default > .panel-heading .col.col-xs-6 h3 {
    margin: 0;
  }
  /*ヘッダー右枠*/
  .panel-default > .panel-heading .row .col.col-xs-6.text-right {
    width: 100%;
  }
  /*--------------------------------------------------トップ*/
  /*各ボックス*/
  .panel {
    width: 100%;
  }
  .row {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  /*----------memo*/
  #top_block .col-md-6.col-xs-12 {
    width: 100%;
    padding: 0;
  }
  /*----------通知*/
  /*タイトル部分*/
  #top_block .panel-body label {}
  /*----------memo*/
  /*「編集」ボタン*/
  #top_block .panel-body button {}
  /*----------通知*/
  #top_block .col-md-6.col-xs-10 {
    width: 100%;
    padding: 0;
  }
  /*日付選択*/
  #top_block .panel-body .form-control {
    margin: 0 auto;
  }
  /*テキスト表示*/
  #top_block .panel-body .table-responsive {
    width: calc(100% - 30px);
    margin: 0 auto;
    border: none;
  }
  /*--------------------------------------------------スケジュール*/
  /*----------検索*/
  /*-----グループ・社員*/
  #schedule .visible-xs .btn-group, #schedule .col-md-8.hidden-xs .btn-group {
    width: 100% !important;
    display: block;
  }
  #schedule .visible-xs .btn-default.btn, #schedule .col-md-8.hidden-xs .btn-default.btn {
    width: 100%;
    margin: 0 0 10px 0;
  }
  /*-----ボタン（検索～）*/
  #schedule .col-md-4.col-xs-6, #schedule .col-xs-12.visible-xs {
    width: auto;
    float: right;
    padding: 0;
  }
  #schedule .col-xs-12.visible-xs .btn-default.btn-sm {
    width: auto;
  }
  /**/
  #schedule_week {
    width: 100%;
    padding: 0;
  }
  /*-----日付*/
  #schedule_week .col-md-3.col-xs-6.dim {
    width: 100%;
    margin: 20px 20px 10px 0;
    float: none;
  }
  /*日付選択*/
  #schedule_week .col-md-3.col-xs-6.dim input {
    margin: 0;
  }
  /*-----ぺージ送り*/
  #schedule_week .col-md-3.col-xs-12.dim {
    margin: 0 0 20px 0;
  }
  /*------------------------------スケジュール更新（モーダル）*/
  /*項目*/
  #base_setting .control-label {}
  /*----------基本設定*/
  #base_setting {}
  #base_setting .col-md-2.col-xs-12 {}
  #base_setting .control-label {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
  }
  /*枠*/
  #base_setting .form-group .col-xs-9 {
    width: 100%;
    padding: 0;
  }
  #base_setting .form-group .col-md-8.col-xs-8 {
    width: 100%;
  }
  /*日時*/
  #base_setting .btn-group.bootstrap-select {
    width: 100%;
  }
  /*曜日*/
  #base_setting .form-group .col-md-10.col-xs-10 .checkbox label {
    display: inline;
    white-space: nowrap;
  }
  /*チェック一覧*/
  #base_week_block .col-md-10.col-xs-10 {
    width: 100%;
    padding: 0;
  }
  #base_week_block .col-md-10.col-xs-10 .checkbox label {
    margin: 0 20px 0 0 !important;
  }
  /*開始日、終了日*/
  #base_week_block .col-md-5.col-xs-5, #base_week_block .form-control.edit_date {
    width: 200px;
  }
  /*時刻*/
  #base_week_block .col-md-3.col-xs-3 {
    min-width: 120px;
  }
  #data_yoyaku label {
    width: 100%;
    text-align: left;
  }
  /*----------詳細設定*/
  .form-horizontal .control-label {
    width: 100%;
  }
  .row.profile .form-horizontal label {
    display: block;
    margin: 10px 0;
    padding: 0;
    text-align: left !important;
    float: left;
  }
  #schedule_modal .form-horizontal label {
    float: none;
  }
  /*----------詳細設定*/
  #detail_setting .col-md-9.col-xs-9.form-control-static {}
  /*チェック一覧*/
  #detail_setting .col-md-10.col-xs-10 .col-md-9.col-xs-9.checkbox {}
  /*-----メンバー　グループで選択*/
  /*チェック項目*/
  #detail_setting .col-md-10.col-xs-10 .col-md-9.col-xs-9.checkbox label {
    float: left;
  }
  /*--------------------------------------------------スケジュール更新*/
  #schedule_modal .form-group .col-md-2.col-xs-5.no-spacing {}
  #detail_setting .col-md-9.col-xs-9.no-spacing {}
  #detail_setting .form-horizontal .form-group {
    padding: 20px 0;
    vertical-align: middle;
  }
  #schedule_modal .form-horizontal .col-md-9.col-xs-9.form-control-static label {
    width: 100%;
    margin: 0;
    padding: 8px 0;
  }
  #schedule_modal .col-md-offset-2.col-md-10.col-xs-offset-2.col-xs-10 {
    width: auto !important;
    margin: 0;
    padding: 0;
  }
  /**/
  #schedule_modal .col-md-10.col-xs-10 {
    width: 100%;
    float: none;
  }
  #schedule_modal .col-md-10.col-xs-10 .col-md-9.col-xs-9 {}
  /*--------------------------------------------------部屋備品予約*/
  #equipment_block {}
  #equipment_block .col-md-7.col-xs-12 .btn-group {
    width: 100%;
  }
  #equipment_block #yoyaku_day_block {}
  #equipment_block #yoyaku_day_block .text-right {
    margin: 20px 0;
    padding: 0;
    height: auto;
    width: auto;
  }
  /*選択*/
  #equipment_block .col-md-7.col-xs-12 button.btn.dropdown-toggle {
    width: 100%;
    margin: 0 10px 10px 0;
  }
  /*ボタン*/
  #equipment_block .col-md-3.col-xs-6 {
    width: 100%;
    display: block;
    margin: 0 0 10px 0;
    padding: 0;
  }
  /*日付*/
  #equipment_block .col-md-2.col-xs-6 {
    width: 100%;
    display: block;
    text-align: left;
    margin: 20px 20px 10px 0;
    padding: 0;
  }
  #equipment_block #yoyaku_day_block .text-right {
    margin: 0 0 10px 0;
    padding: 0;
    height: auto;
    width: auto;
  }
  /**/
  #yoyaku_modal_block .col-md-3.col-xs-5.col-xs-offset-1 {
    width: 140px;
  }
  #yoyaku_modal_block .col-md-2.col-xs-5 {
    width: 100px;
    padding: 0 5px;
  }
  #yoyaku_form .col-md-7.col-xs-8.col-xs-offset-1 {
    width: 100%;
  }
  /*--------------------------------------------------メール*/
  /*追加　解除ボタン*/
  /*見出し*/
  #mail_block {
    padding: 0 15px;
  }
  #mail_block .form-group .col-md-2.col-xs-2 {
    padding: 0;
  }
  #mail_block .form-group label {
    display: block;
    width: 100%;
  }
  #mail_block .form-group .col-md-2.col-xs-4 {
    display: block;
    width: 100%;
    padding: 0;
    text-align: left;
  }
  #mail_block .btn-group.bootstrap-select {
    width: 100%;
    text-align: left;
  }
  #mail_block .col-md-2.col-xs-3 {
    width: auto;
    margin: 0 0 0 15px;
  }
  /*送信ボタン*/
  #mail_block .form-group .col-md-8.col-xs-8 {
    width: 100%;
    text-align: right;
  }
  /*詳細*/
  #mail_block .col-md-10.col-xs-10 {
    width: 100%
  }
  #mail_block .table .col-xs-2.col-md-2.details label {
    /*display: inline-block;*/
    width: auto;
    margin: 0;
  }
  /*--------------------------------------------------顧客管理 */
  #customer_block {
    padding: 0 15px;
  }
  #shoudan_block .row.profile .form-horizontal label {
    display: block;
    width: 100%;
  }
  #shoudan_block .form-group .col-md-8.col-xs-8 {
    margin: 0;
  }
  #shoudan_block .form-group .col-md-3.col-xs-8 {
    width: 100%;
    padding: 0;
  }
  /*掲載期限（日付）*/
  #shoudan_block .form-group .col-md-2.col-xs-3 {
    width: 140px;
  }
  /*通知先*/
  #shoudan_block .bootstrap-duallistbox-container {
    margin: 0 !important;
    display: -webkit-flex;
    display: flex;
  }
  #shoudan_block .form-group .col-md-2.col-xs-12 label {
    padding: 0 15px;
  }
  /*エラー*/
  #shoudan_block .col-md-10.col-xs-8.col-md-offset-2.col-xs-offset-4.text-left {
    margin: 0;
    padding: 0;
  }
  /*-----商談情報*/
  #customer_block .form-horizontal label {}
  /*区分*/
  #customer_block .form-horizontal label {
    margin: 0 20px 0 0;
  }
  #customer_block .col-md-6.col-xs-6, #customer_block .col-md-2.col-xs-4 {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #customer_block .col-md-4.col-xs-4 {
    width: 100%;
    text-align: right;
  }
  /*企業業種*/
  #customer_block .col-md-10.col-xs-8 {
    width: 100%;
  }
  /*企業業種 にチェック*/
  #search_company_gyoshu label {
    display: block;
    width: 100%;
  }
  /*商談日*/
  #customer_block .col-md-3.col-xs-2 {
    width: 120px !important;
    display: block;
    padding: 0;
  }
  /*担当者*/
  #customer_block .col-md-8.col-xs-8 {
    width: 100%;
    padding: 0;
  }
  #customer_block .btn-group.buttons button {}
  #customer_block .col-md-8.col-xs-8 .checkbox {
    display: block;
    width: 100%;
  }
  #customer_block .col-md-8.col-xs-8 .checkbox input[type="checkbox"] {
    display: block;
  }
  /*入力枠余白削除*/
  #customer_block .col-md-3.col-xs-3, #customer_block .col-md-4.col-xs-8, #customer_block .col-md-3.col-xs-8 {
    padding: 0 15px 0 0;
  }
  /*保守契約期間*/
  #customer_block .col-md-2.col-xs-3 {
    width: 100%;
    max-width: 140px;
    display: block;
  }
  /*締め日回収日*/
  #customer_block .col-md-3.col-xs-8 .form-control.edit_date {
    width: 100%;
    max-width: 140px;
    display: block;
  }
  #customer_block .panel-body .row .col-md-3.col-xs-6, #customer_block .panel-body .row .col-md-2.col-xs-6 {
    margin: 0 15px 10px 0;
  }
  #customer_block .col-md-1.col-xs-2 {
    width: auto;
  }
  /*-----顧客先（氏名/FAX）*/
  #customer_block #person_form .col-md-2.col-xs-3 {
    width: 100%;
    max-width: 100%;
    display: block;
  }
  /*--------------------------------------------------回覧板*/
  #kairanban_block {
    padding: 0 15px;
  }
  /*----------新規作成*/
  /*タイトル、入力枠*/
  #kairanban_block .col-md-2, #kairanban_block .col-md-8.col-xs-8 {
    width: 100%;
  }
  /*回覧期限*/
  #kairanban_block .col-md-2.col-xs-3 {
    width: auto;
  }
  /*非公開　チェック*/
  #kairanban_block .col-md-8.col-xs-12 {
    padding: 0 0 0 20px;
  }
  #kairanban_block .col-md-8.col-xs-12 .checkbox {
    margin: 0;
    padding: 0 0 0 20px;
  }
  /*添付ファイル*/
  #kairanban_block .col-md-2.col-xs-4 {
    width: 100%;
    text-align: left;
  }
  /*--------------------------------------------------お知らせ*/
  #information_block .form-group label {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 100%;
    margin: 0 0 10px 0;
  }
  #information_block .form-group .col-md-8.col-xs-8 {
    width: 100%;
    padding: 0;
  }
  #information_block .form-group .col-md-2.col-xs-4 {
    width: 100%;
  }
  /*掲載期限*/
  #information_block .form-group .col-md-2.col-xs-3 {
    width: 140px;
  }
  /*通知先*/
  #information_block .bootstrap-duallistbox-container {
    margin: 0 !important;
    display: -webkit-flex;
    display: flex;
  }
  #information_block .form-group .col-md-2.col-xs-12 label {
    padding: 0 15px;
  }
  /*--------------------------------------------------緊急連絡*/
  #emergency_block {
    padding: 0 15px;
  }
  #emergency_block .col-md-2.col-xs-12 {
    padding: 0;
  }
  #emergency_block .form-group label {
    display: block;
    width: 100%;
    padding: 0;
  }
  #emergency_block .form-group .col-md-8.col-xs-8 {
    width: 100%;
  }
  /*掲載期限枠*/
  #emergency_block .col-md-2.col-xs-3 {
    width: 140px;
  }
  #emergency_block .bootstrap-duallistbox-container .btn-group.buttons button {
    display: block;
  }
  /*--------------------------------------------------設定*/
  #setting_header {
    margin: 0;
    padding: 0 0 20px 0;
  }
  /*----------モーダル*/
  #edit_modal_block {
    padding: 0 15px;
  }
  #edit_modal_block .modal-body .form-group {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #edit_modal_block .modal-body .form-group label {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    display: block;
  }
  #edit_modal_block .modal-body .col-md-3.col-xs-4 {
    width: 100%;
  }
  #edit_modal_block .modal-body .form-group #sub_group_area.col-md-7.col-xs-7 {
    width: 100%;
  }
  /*ボタン*/
  #edit_modal_block .modal-body .col-md-3.col-xs-4 button {}
  /*選択*/
  #edit_modal_block .modal-body .col-md-3.col-xs-4 .form-control {
    width: 140px;
    margin: 0 0 10px 0;
  }
  #edit_modal_block .modal-body .col-md-10.col-xs-10 .checkbox {
    text-align: left;
  }
  #edit_modal_block .form-horizontal .control-label {}
  /*--------------------------------------------------勤怠管理*/
  /*#kintai_table.panel-heading .row h3 {
    margin: 0 15px;
  }*/
  #kintai_table.panel-heading .col-md-2.col-xs-2 {
    width: auto;
    padding: 0 15px !important;
  }
  #kintai_table.panel-heading .row .col-md-3.col-xs-3 {
    margin: auto 0 0 auto;
    padding: 10px 0 0 0;
    width: 100%;
  }
  /*ボタン*/
  #kintai_uchiwake .col-md-4.col-xs-4 {
    display: block;
    width: 100%;
    margin: 0;
  }
  #kintai_uchiwake .col-md-12.col-xs-12 {
    padding: 0;
  }
  #kintai_edit_modal label {
    padding: 0;
  }
  /*--------------------------------------------------資産管理 */
  #management_form {}
  .col-md-10.col-xs-12 {
    padding: 0;
  }
}