@-ms-viewport {
  width: auto;
}
body {
  font-family: "Open Sans", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro W6", "sans-serif";
}

button {
  font-weight: bold;
}

select {
  height: 40px;
}

#content {
  background: #f0f0f0;
  margin-top: 50px;
  min-height: calc(100vh - 50px - 79px);
}

#content.actNews {
  margin-bottom: 0px;
}
#content.actNews, #content.actRegister {
  margin-top: 0px;
}

#wrap {
  min-width: 960px;
  width: 100%;
  overflow: hidden;
}

a,a:active,a:valid {
    color: #9a9da0;
}
a:hover {
  text-decoration: none;
}

.fc-left h2 .yearcal {
  font-size: 11px;
  margin-bottom: 6px;
  display: block;
}
.fc-left h2{
  font-size: 35px;
  font-weight: normal;
  padding-right: 0.75em;
  padding-left: 10px;
  line-height: 1;
  margin-top: -7px;
  text-align: left;
}

.loading_content {
  position: absolute;
  background-color: rgba(255,255,255,0.2);
  top: 0;
  left: 0;
  width:100%;
  z-index: 1000;
}

.loadingimg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  height: 20px;
  width: 20px;
}

.loading_spot {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  height: 10px;
  width: 10px;
}
a.link_area,
a.not_link_area {
  display: block;
  color: rgba(84, 84, 84, 0.68);
}
a.link_area{
  cursor: pointer;
}
a.link_area:hover{
  text-decoration: underline;
}
a.not_link_area {
  cursor: not-allowed;
}
a.not_link_area:hover {
  text-decoration: none;
}

.fc-icon:after {
    margin: 0;
}

input {
    color: #545454;
}
input[type="radio"] {
  position: relative;
  top: 0;
  bottom: 0;
  margin: auto 5px auto 0;
  height: 100%;
}
input::-webkit-input-placeholder {
    color: #ccc;
    font-weight: normal;
}
input:-ms-input-placeholder {
    color: #ccc;
    font-weight: normal;
}
input::-moz-placeholder {
    color: #ccc;
    font-weight: normal;
}
.input.radio label {
  margin-right: 23px;
}
.input.radio {
  height: 30px;
}

.dragimg {
  z-index: 1;
}

.align-right {
  text-align: right;
}

.text-s {
  font-size: .7em;
}

.text-m {
  font-size: 1.5em;
}

.pt-m {
  padding-top: 1em;
}

.pl-0 {
  padding-left: 0;
}

.mg-0 {
  margin: 0;
}

.mt-1 {
  margin-top: 1em;
}

.mr-1 {
  margin-right: 1em;
}

.mb-1 {
  margin-bottom: 1em;
}

.ml-1 {
  margin-left: 1em;
}

/*--セレクトボックスデザインつけ--*/

.sort_selectbox {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 173px;
  height: 27px;
}
select.sort_select {
  opacity: 0;
  border:none;
  height: 0;
  padding: 0;
  width: 0;
}

.select_bg {
  position: absolute;
  top:0;
  left: 0;

  height: 100%;
  width:100%;
  z-index: 11;
  display: none;
}

.sort_select_dummy {
  position: absolute;
  background: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  font-size: 13px;
  padding: 5px 12px;
  top: 0;
  cursor: pointer;
  width: 173px;
}

.option_dummy {
  position: absolute;
  background: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  top: 0;
  z-index: 1000;
  width: 173px;
  display: none;
}

.option_dummy div {
  padding: 5px 12px;
  cursor: pointer;
  font-size: 13px;
}

.option_dummy div:hover {
  background: #e5e5e5;
}

.option_dummy div:first-child {
  color: #3265b0;
  padding: 5px 6px;
  margin: 0 6px;
  border-bottom: 1px solid #d8d8d8;
}

.option_dummy div:first-child:hover {
  background: none;
  cursor: default;
}

/*------------ #header ------------*/

header {
  background: #1e2832!important;
  min-height: 50px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}
.colorber {
  height: 2px;
  background: linear-gradient(90deg, #117ac0,#1aa1a9, #4fb16b,#9ebc23,#f49e17,#eb642c,#fccd00);
  position: relative;
  z-index: 2;
}

#header_logo {
  color: #fff;
  float: left;
  padding-top: 7px;
  height: 45px;
  text-align: center;
  margin-bottom: 0;
  width:74px;
}

#header_logo span {
  font-size:8px;
  -webkit-transform:scale(0.75);
  display:inline-block;
  position: relative;
  top: -5px;
}

#header_nav {
  float: left;
  font-size: 12px;
  width:100%;
  min-width: 789px;
}

#header_nav a {
  color: #fff;
  display: block;
  height: 100%;
}

#header_nav .setting {
  border-left: solid 1px #575757;
  color: #fff;
  float: right;
  height: 48px;
  z-index: 100;
  position: relative;
  padding: 14px;
  min-width: 161px;
  cursor: pointer;
}

#header_nav .setting span.nav_icon {
  font-weight: bold;
}

#header_nav .setting span.nav_icon > img {
  vertical-align: bottom;
  position: static;
  margin-right: 10px;
}

#header_nav .setting .nav_text {
  position: absolute;
  bottom: 9px;
  left: 50%;
  line-height: 1.3;
  margin-left: -38%;
}

#header_nav .setting .second_nav {
  text-align: center;
  position: absolute;
  right: 0;
  /*headerのアコーディオンをnotificationより上に*/
  z-index: 99999;
}

#header_nav .nav_list {
  float: left;
  /*width: calc(100% - 75px - 74px);*/
  font-weight: bold;
  letter-spacing: 1px;
}

#header_nav ul li.fast_nav {
  border-left: solid 1px #575757;
  color: #fff;
  float: left;
  height: 48px;
  position: relative;
  text-align: center;
  width: 160px;
  z-index: 10;
	cursor: pointer;
}

#header_nav ul li.fast_nav:last-child {
  border-right: solid 1px #575757;
}

#header_nav ul li.fast_nav.arrow_bottom {
  background: url(/img/common/header/nav_arrow.png) no-repeat right 9px bottom 13px;
}

#header_nav .fast_nav .nav_text {
  position: absolute;
  bottom: 9px;
  left: 50%;
  line-height: 1.3;
  margin-left: -38%;
  margin-bottom: 0;
  width: 73%;
}

#header_nav .my_menu .nav_text,
#header_nav .client_menu .nav_text {
  left: 50%;
  margin-left: -50%;
  width: 100%;
}

#header_nav .fast_nav .nav_text span.br {
  display: inline-table;
}

.admin_menu:hover{background: #3265af;}
.client_menu:hover{background: #6EC387;}
.my_menu:hover{background: #F4A116;}

#header_nav .setting:hover .second_nav,
#header_nav .fast_nav:hover .second_nav {
  display: block;
}

#header_nav .second_nav li:hover .third_nav {
  display: block;
}

.second_nav {
  background: #1e2832;
  display: none;
  position: relative;
  top: 48px;
  width: 160px;
}

.third_nav {
  background: #1e2832;
  display: none;
  position: absolute;
  top: 0px;
  left:160px;
  width: 160px;
}

.second_nav li {
  position: relative;
  height: 40px;
  line-height: 40px;
  width: 100%;
}

li.right_arrow:after {
    content: ">";
    margin-left: 10px;
}

span.nav_icon > img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.separate{
  position: absolute;
  left: 0;
  width: 100%;
  height: 50vh;
  background-color: #FFF;
  opacity: 0.5;
  z-index: 10000;
  display: none;
}
.separate_top{
  top: 0;
}
.separate_bottom{
  top: 50vh;
}

/*------------ .pan_list ------------*/

.pan_list {
  float: right;
  font-size: 12px;
  padding: 15px 40px 36px 0;
  letter-spacing: 1px;
  color: #bebebe;
}

.pan_list a {
  color: #bebebe;
}

.pan_list a:hover {
  color: #545454;
}

.pan_list a:last-child {
  color: #545454;
}

.pan_list span {
  color: #bebebe;
  display: inline-block;
  font-size: 13px;
  line-height: 15px;
  margin: 0 5px 3px;
}


/*------------ #main_cont ------------*/

#main_cont {
    position: relative;
    min-height: calc(100vh - 50px - 79px);
}

/*------------ #main_cont .common------------*/
#main_content_inner {
  width: 100%;
}

#main_content_inner.open {
  margin-left: 235px;
  width: calc(100% - 235px);
}

#main_cont .page_title {
  margin-bottom: 42px;
}

#main_cont .add_title,
#main_cont .edit_title {
  margin-bottom: 43px;
  white-space: nowrap;
  overflow: hidden;
}

#main_cont .edit_title {
  padding-top: 1px;
}

#main_cont .register_title {
  padding-top: 40px;
}

#main_cont .add_title_img img,
#main_cont .edit_title_img img {
  height: 80px;
}
#main_cont .add_title_img img {
  margin-top: 10px;
}

#main_cont .add_title .add_title_img,
#main_cont .edit_title .edit_title_img {
  float: left;
  margin-top: 7px;
}

#main_cont .add_title .add_title_str,
#main_cont .edit_title .edit_title_str {
  float: left;
  margin-right: 10px;
}

#main_cont .page_title .menu_title {
  font-size: 14px;
  margin-bottom: 5px;
}
#main_cont .page_title .assign_detail_date {
  font-size: 18px;
}
.conDirections.actIndex #main_cont .page_title .menu_title {
  font-size: 14px;
}

.admin_color {color: #0e7ac4 !important}
.client_color {color: #0e7ac4 !important}
.my_menu_color {color: #0e7ac4 !important}
.assign_detail_color {color: #f4a116 !important}

#main_cont .add_title .mb_title,
#main_cont .edit_title .mb_title,
#main_cont .page_title .mb_title {
  color: #545454;
  font-size: 23px;
  line-height: 1.2;
}

#main_cont .add_title .mb_title {
  margin: 10px 0 9px;
  height: 27px;
}
#main_cont .edit_title .mb_title {
  margin: 38px 0 9px;
  height: 27px;
}

/* お仕事詳細画面 タイトル下のアラートのスタイル */
#main_cont .page_title .mb_alert_title {
  color: red;
}

#main_cont .order_list_wrap {
  font-size: 10px;
  position: relative;
  clear: both;
}

#main_cont .client_index_search {
  position: absolute;
  right: 40px;
  top: 15px;
}

#main_cont .client_index_search input {
  border-radius: 5px;
  font-size: 10px;
  width: 130px;
}



#main_cont .view_compleat_direction_wrap {
  padding-top: 15px;
  text-align: right;
}

#main_cont .view_compleat_direction_wrap label {
  padding: 0;
  font-size: 12px;
  vertical-align: bottom;
}

/*------------ #adjustment_shift ------------*/
#adjustment_shift {
  padding: 0px 40px 160px 40px;
  clear: both;
}

#adjustment_shift .adjust-toolbar {
  clear: both;
  height: 40px;
}

#adjustment_shift .adjust-toolbar h3 {
  color: #5F5F5F;
  margin: 0;
  font-size: 25px;
  font-weight: normal;
  padding-right: 0.75em;
}

#adjustment_shift .adjust-toolbar .adjust_button .fc-button {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    height: 2.1em;
    font-size: 1em;
    white-space: nowrap;
    cursor: pointer;
    margin-top: 3px;
    padding-left: 0.75em;
    padding-right: 0.75em;
}

#adjustment_shift .adjust-toolbar .adjust_button .fc-icon {
  margin: 0 14px;
  vertical-align: middle;
  height: 35px;
  line-height: 36px;
}

#adjustment_shift .adjust-toolbar .adjust_button_wrap {
  float: left;
  margin-top: 3px;
}

#adjustment_shift .adjust-toolbar .button_left {
  border-right: 1px solid #B4B4B4;
}

#adjustment_shift .adjust-toolbar .adjust_button a, #adjustment_shift .adjust-toolbar .adjust_button a:active, #adjustment_shift .adjust-toolbar .adjust_button a:valid {
  color: #333;
}

.shift_adjust_table_wrap {
  width: 100%;
  overflow-x: auto;
}


/* ----- 権限ごとの テキストカラーセット----- */

.manager__textColor { color: #0e7ac4; }
.client__textColor  { color: #0e7ac4; }
.member__textColor  { color: #f4a116; }



/* ----- ボタン ----- */

.mb_title .button {
  margin-left: 28px;
  color: #fff;
  text-decoration: none;
}
.button {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
}
.button:hover {
  color: #fff;
}
.search_button {
  float: right;
  font-size: 14px;
  margin: 0 10%;
  padding: 5px 74px;
  width: 80%;
}
.disabled-button {
  background: #c2c2c2 !important;
  color: #fff;
  cursor: default !important;
  opacity: 1;
}

/* ----- 凡用のボタンセット ----- */

/* 重要度高い／「更新、登録、確定、新規追加」 */
.typeA_button { background-color: #f4a116; color: #fff; }
.typeA_button:hover { background-color: #e09517; }
.typeA_button:active { background-color: #ce8917; }
/* 重要度中／「検索、次に進む etc」クリックが必要だけど必須でない */
.typeB_button { background-color: #5f5f5f; color: #fff; }
.typeB_button:hover { background-color: #e09517; }
.typeB_button:active { background-color: #ce8917; }
/* 重要度低／「編集ボタン、キャンセルボタン」クリックしなくてもいいもの */
.typeC_button { background-color: #b4b4b4; color: #fff;}
.typeC_button:hover { background-color: #909090; }
.typeC_button:active { background-color: #737373; }
/* 補助的／「検索メニュー」その他 */
.typeD_button { background-color: #f0f0f0; }
.typeD_button:hover { background-color: #d9d9d9; }
.typeD_button:active { background-color: #d9d9d9; }
/* 補助的／「サイドの検索メニュー、行」 */
.typeE_button { background-color: #ffffff }
.typeE_button:hover { background-color: #f0f0f0; }
.typeE_button:active { background-color: #f0f0f0; }
/* 補助的／「新規パートナー登録ボタン」 */
.typeF_button { background-color: #5f5f5f; color: #fff; }
.typeF_button:hover { background-color: #e09517; }
.typeF_button:active { background-color: #ce8917; }


/* ----- manager権限のボタンセット ----- */

/* 重要度高い／「更新、登録、確定、新規追加」 */
.typeA_button.manager__btn { background-color: #3265af; color: #fff; }
.typeA_button.manager__btn:hover { background-color: #1e4174; }
.typeA_button.manager__btn:active { background-color: #1e4174; }
/* 重要度中／「検索、次に進む etc」クリックが必要だけど必須でない */
.typeB_button.manager__btn { background-color: #b4b4b4; color: #fff; }
.typeB_button.manager__btn:hover { background-color: #3265af; }
.typeB_button.manager__btn:active { background-color: #1e4174; }
/* 重要度低／「編集ボタン、キャンセルボタン」クリックしなくてもいいもの */
.typeC_button.manager__btn { background-color: #b4b4b4; color: #fff;}
.typeC_button.manager__btn:hover { background-color: #909090; }
.typeC_button.manager__btn:active { background-color: #737373; }
/* 補助的／「検索メニュー」その他 */
.typeD_button.manager__btn { background-color: #f0f0f0; }
.typeD_button.manager__btn:hover { background-color: #d9d9d9; }
.typeD_button.manager__btn:active { background-color: #d9d9d9; }
/* 補助的／「サイドの検索メニュー、行」 */
.typeE_button.manager__btn { background-color: #ffffff }
.typeE_button.manager__btn:hover { background-color: #f0f0f0; }
.typeE_button.manager__btn:active { background-color: #f0f0f0; }
/* 補助的／「新規パートナー登録ボタン」 */
.typeF_button.manager__btn { background-color: #595757; color: #fff; }
.typeF_button.manager__btn:hover { background-color: #3265af; }
.typeF_button.manager__btn:active { background-color: #1e4174; }


/* ----- client権限のボタンセット ----- */

/* 重要度高い／「更新、登録、確定、新規追加」 */
.typeA_button.manager__btn { background-color: #3265af; color: #fff; }
.typeA_button.manager__btn:hover { background-color: #1e4174; }
.typeA_button.manager__btn:active { background-color: #1e4174; }
/* 重要度中／「検索、次に進む etc」クリックが必要だけど必須でない */
.typeB_button.manager__btn { background-color: #b4b4b4; color: #fff; }
.typeB_button.manager__btn:hover { background-color: #3265af; }
.typeB_button.manager__btn:active { background-color: #1e4174; }
/* 重要度低／「編集ボタン、キャンセルボタン」クリックしなくてもいいもの */
.typeC_button.manager__btn { background-color: #b4b4b4; color: #fff; }
.typeC_button.manager__btn:hover { background-color: #909090; }
.typeC_button.manager__btn:active { background-color: #737373; }
/* 補助的／「検索メニュー」その他 */
.typeD_button.manager__btn { background-color: #f0f0f0; }
.typeD_button.manager__btn:hover { background-color: #d9d9d9; }
.typeD_button.manager__btn:active { background-color: #d9d9d9; }
/* 補助的／「サイドの検索メニュー、行」 */
.typeE_button.manager__btn { background-color: #ffffff; }
.typeE_button.manager__btn:hover { background-color: #f0f0f0; }
.typeE_button.manager__btn:active { background-color: #f0f0f0; }
/* 補助的／「新規パートナー登録ボタン」 */
.typeF_button.manager__btn { background-color: #5f5f5f; color: #fff; }
.typeF_button.manager__btn:hover { background-color: #f4a116; }
.typeF_button.manager__btn:active { background-color: #ce8917; }


/* ----- member権限のボタンセットボタン ----- */

/* 重要度高い／「更新、登録、確定、新規追加」 */
.typeA_button.member__btn { background-color: #f4a116; color: #fff; }
.typeA_button.member__btn:hover { background-color: #e09517; }
.typeA_button.member__btn:active { background-color: #ce8917; }
/* 重要度中／「検索、次に進む etc」クリックが必要だけど必須でない */
.typeB_button.member__btn { background-color: #5f5f5f; color: #fff; }
.typeB_button.member__btn:hover { background-color: #e09517; }
.typeB_button.member__btn:active { background-color: #ce8917; }
/* 重要度低／「編集ボタン、キャンセルボタン」クリックしなくてもいいもの */
.typeC_button.member__btn { background-color: #b4b4b4; color: #fff; }
.typeC_button.member__btn:hover { background-color: #909090; }
.typeC_button.member__btn:active { background-color: #737373; }
/* 補助的／「検索メニュー」その他 */
.typeD_button.member__btn { background-color: #f0f0f0; }
.typeD_button.member__btn:hover { background-color: #d9d9d9; }
.typeD_button.member__btn:active { background-color: #d9d9d9; }
/* 補助的／「サイドの検索メニュー、行」 */
.typeE_button.member__btn { background-color: #ffffff; }
.typeE_button.member__btn:hover { background-color: #f0f0f0; }
.typeE_button.member__btn:active { background-color: #f0f0f0; }
/* 補助的／「新規パートナー登録ボタン」 */
.typeF_button.member__btn { background-color: #5f5f5f; color: #fff; }
.typeF_button.member__btn:hover { background-color: #e09517; }
.typeF_button.member__btn:active { background-color: #ce8917; }



/* パートナー権限／「確定ボタン」 */
.typeG_button {
  background-color: #f4a116
}
.typeG_button:hover {
  opacity: 0.8;
}
.typeG_button:active {
  background-color: #595757;
}

.adjust_button:disabled {
  color: #b4b4b4;
}

.sm_size {
  height: 23px;
  line-height: 24px;
  font-size: 12px;
  width: 85px;
}

.md_size {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  width:128px;
}

.wmd_size {
  float: left;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  width: auto;
  padding: 0 10px;
}

.flex_size {
  height: 28px;
  line-height: 12px;
  font-size: 12px;
  width: auto;
  padding: 8px;
  box-sizing: border-box;
}

#adjustment_shift .table label {
  display: block;
  padding: 21px 13px;
  position: relative;
  cursor: pointer;
  height: 52px;
  font-size: 15px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  user-select: none; /* CSS3 */
  -webkit-user-select: none; /* WebKit */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE 10 >= */
}
#adjustment_shift .table label.active  {
  background: #E6F0FF;
}
#adjustment_shift .table label.active:hover {
    background-color: #E6F0FF;
}
#adjustment_shift .table label span.time_wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
#adjustment_shift .table label:hover {
  background: #efefef;
}
#adjustment_shift .table label .shift_icon_wrap  {
  float: right;
}

#adjustment_shift .table label .shift_icon {
  display: block;
  margin: 0 0 2px 0;
}

.table {
  background: #fff;
  border-top: #9e9e9e 2px solid;
  width: 100%;
}
.table tr {
  border-bottom: #d9d9d9 1px solid;
}
.table tr:last-child {
  border-bottom: none;
}
.table tr.b_line {
  border-bottom: #9e9e9e 2px solid;
}
.table tr th {
  padding: 6px;
}
.table tr td,.table tr th {
  border-left: #d9d9d9 1px solid;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
}
.table tr td:first-child,.table tr th:first-child {
  border-left: none;
}
#adjustment_shift .table tr td {
    height: 44px;
}
#adjustment_shift .table tr td:first-child label,
#adjustment_shift .table tr th:first-child label {
  padding: 13px 9px 13px 21px;
}
#adjustment_shift .table tr td:first-child {
  position: relative;
}
#adjustment_shift .table tr td:first-child label {
  line-height: 26px;
}
#adjustment_shift .table tr td:first-child label .shift_name_wrap{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(100% - 30px);
}
#adjustment_shift .table tr td:first-child span {
    margin-top: 7px;
}
#adjustment_shift .table tr td:first-child input {
  height: 26px;
  vertical-align: middle;
}
#adjustment_shift .shift_name_wrap .name_span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100% - 60px);
  float: left;
}
#adjustment_shift .table tr td input{
  float: left;
}
#adjustment_shift .table tr td input.shift{
  width: 0;
  opacity: 0;
}
.table tr td input {
  margin-right: 8px;
  vertical-align: text-top;
}
span.select2-selection.select2-selection--single {
    text-align: center;
    font-size: 14px;
}
img.shift_bar_icon{
  float: left;
  margin: 4px 0px 4px 6px;
}
img.shift_bar_icon_month{
  float: none;
  margin: 4px 0px 4px 0px;
}
.shift_bar_month{
  text-align: center;
}
.fc-timelineMonth-view .bar_training_icon {
  position: absolute;
  top: -12px;
  right: -5px;
  width: 12px;
}


/*------------ #main_cont ------------*/

.chart_area {
  float: right;
  height: 145px;
  padding: 0 28px 10px 0;
  width: 145px;
}

.scheduler_area {
  clear: both;
  margin-bottom: 60px;
}
.directon_area{
  padding-left: 39px;
}
#main_content_inner .shift_area {
  border-top: #d9d9d9 1px solid;
  padding: 23px 39px 0;
  background: #fff;
  overflow-y: scroll;
  height: 158px;
}

#main_content_inner .shift_area .title {
  float: left;
  font-size: 12px;
}

.shft_contoroll_box {
  margin-bottom: 30px;
}

.sort_shift_list {
  float: right;
}

.sort_shift_list li {
  color: #828282;
  float: left;
  font-size: 12px;
  margin-left: 20px;
}

.sort_shift_list li input[type="checkbox"] {
  margin-right: 8px;
  vertical-align: text-bottom;
}

.user_shift_list {
  margin-left: -9px;
}

.shift_block {
  background: #545454;
  border-radius: 3px;
  float: left;
  margin: 0 0 14px 9px;
  padding:6px 10px 8px;
  width: 152px
}

.shift_block .user_direction li {
  border-bottom: 1px solid #5f5f5f;
  color:#cbcbcb;
  font-size: 12px;
  line-height: 1;
  padding: 4px 0 2px;;
}


/*------------ #register_nav ------------*/

.register_nav {
  clear: both;
  margin-bottom: 45px;
}

/*------------ #users_memberlist ------------*/

.plus_button {
  border-radius: 0;
  background: none;
  height: 24px;
  line-height: 24px;
  min-height: 0;
  vertical-align: top;
  width: 24px;
}

.plus_button2 {
  border-radius: 0;
  background: none;
  line-height: 24px;
  min-height: 0;
  vertical-align: top;
}

.page_wrap {
  padding: 0 40px 0 40px;
  clear: both;
}

.order_list {
  clear: both;
  float: right;
}

.order_list li {
  color: #828282;
  float: left;
  font-size: 12px;
  margin-left: 20px;
}

.order_list li input[type="checkbox"] {
  margin-right: 8px;
  vertical-align: text-bottom;
}

.editUserButn {
  position: relative;
  top: 8px;
}

.editUserButn a {
  font-size: 12px;
}

.editUserButn a:hover {
  color:#000;
  text-decoration: underline;
}

.member_list_area .user_icon_wrap {
  float:left;
  margin: 0 13px 0 0;
  width: 43px;
}
.member_list_area .icon_wrap {
  float:left;
  margin: 0 13px 0 0;
  align-items: center;
}

.member_list_area .user_icon_wrap.on {
  margin-left: 100px;
}

.user_icon_wrap .user_classification {
  color: #fff;
  font-size: 10px;
  line-height: 15px;
  height: 15px;
  text-align: center;
}

.member_list_area {
  //width: calc(100% - 40px);
  padding: 16px 0
}

.member_list_area li {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.member_list_area .member_list {
  border: 1px solid #fff;
  padding: 10px 12px 7px;
  margin-bottom: 6px;
  position: relative;
  list-style: none;
  width: auto;
 }
 .member_list_area .member_link {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
 }
 .member_list_area .member_link2 {
  position: relative;
 }

.user_icon_wrap .user_img{
  height: 26px;
  text-align: center;
  width: 41px;
}
.man{ border: 1px solid #3265b0; color: #3265b0; }
.woman{ border: 1px solid #f0a0a0; color:#f0a0a0; }
.man .user_classification{ background: #3265b0;}
.woman .user_classification{ background: #f0a0a0;}

.member_list_area .user_name_wrap {
  float:left;
  margin-right: 38px;
  width: 200px;
}

.user_name_wrap .group_name {
  font-size: 12px;
}
.user_name_wrap .user_name_san {
  font-size: 10px;
}

.user_name_wrap {
  width: 10px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: black;
}

.user_name .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 145px;
  line-height: 1;
  display: inline-block;
  vertical-align: text-bottom;
}

.user_name .name > span {
    font-size: 18px;
}
.user_name > img {
    float: right;
    height: 27px;
    padding: 4px 0;
}

.user_color_list {
  clear: both;
}

.user_color_list li.user_color {
  margin-top: 3px;
  border-radius: 8px;
  float:left;
  margin-right: 2px;
  height: 16px;
  width:16px;
}
li.color_1 {   background: #325485!important; border: 1px solid #325485!important;}
li.color_2 {   background: #81a5b8!important; border: 1px solid #81a5b8!important;}
li.color_3 {   background: #31767a!important; border: 1px solid #31767a!important;}
li.color_4 {   background: #718f39!important; border: 1px solid #718f39!important;}
li.color_5 {   background: #ccab14!important; border: 1px solid #ccab14!important;}
li.color_6 {   background: #99800f!important; border: 1px solid #99800f!important;}
li.color_7 {   background: #bf9349!important; border: 1px solid #bf9349!important;}
li.color_8 {   background: #b26048!important; border: 1px solid #b26048!important;}
li.color_9 {   background: #8c4d73!important; border: 1px solid #8c4d73!important;}
li.color_10 {   background: #5d4461!important; border: 1px solid #5d4461!important;}
li.color_11 {   background: #dbb2b7!important; border: 1px solid #dbb2b7!important;}

.user_business_wrap {
  color: #fff;
  float: left;
  font-size: 12px;
  margin-right: 20px;
  width: 198px;
  height: 24px;
}

.user_business {
  float: left;
  margin: 0 0 4px 4px;
  text-align: center;
  line-height: 1;
}

.user_detail_wrap {
  float:left;
  font-size: 13px;
  line-height: 1;
}
.user_detail_wrap > p {
    font-size: 12px;
    text-align: center;
}

.user_contact {
  display: block;
  margin: 0 18px 7px 7px;
}

.user_contact a {
  color: #b4b4b4;
  display: inline-block;
  margin-right: 24px;
}

.user_contact a:hover {
  color: #5f5f5f;
}

input#UserFirstName, input#UserFirstNameKana {
    margin-right: 30px;
}

.member_list_area .member_list.no_active {
  background: #f3f3f3;
}
.no_active *{
  color: #c7c7c7!important;
}
.no_active img {
  opacity: 0.5;
}

.user_button_wrap {
  display: none;
  width: 80px;
  height: 100%;
  float: left;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
}
.user_button_wrap div {
  width: 40px;
  height: 100%;
  float: left;
  position: relative;
  top: 0;
  left: 0;
}
.user_button_wrap .m_frozen {
  width: 80px;
}
.user_button_wrap img {
  position: absolute;
  opacity: 1;
}
.m_frozen {
  background-color: #8f8f8f;
}
.m_frozen img {
  top: 30%;
  left: 34%;
}
.m_delete {
  background-color: #de575f;
}
.m_delete img {
  top: 28%;
  left: 28%;
}
.m_reactive {
  background-color: #307aba;
}
.m_reactive img {
  top: 30%;
  left: 24%;
}
a.user_contact_training:hover img.memberTrainingFlag {
  visibility: hidden;
}
a.user_contact_training:hover {
  background: url(/img/member/k_mem_list_training_2.png);
}


/*------------ #users_member acount ------------*/

.actAccount .page_caution {
  margin: -30px 0 50px 0;
  font-size: 13px;
  color: #545454;
}

.account_wrap {
  background: #fff;
  color: #545454;
  margin-bottom: 100px;
  padding: 28px 24px 16px;
}

.account_title_block {
  padding: 0px 2px 20px;
}

.account_title_block .sb_title {
  font-size: 17px;
  margin-bottom: 8px;
}

.account_title_block .sb_sub_text {
  font-size: 10px;
}

.account_input_block {
  border-top: 1px solid #d9d9d9;
  padding: 0 2px 0 39px;
  position: relative;
}

.account_input_block .sarvice_icon_wrap {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.account_input_block .account_block_title {
  font-size: 12px;
  padding: 33px 0 10px;
}

.account_input_block .account_block_subtext {
  font-size: 10px;
  padding-bottom: 24px;
}

.account_input_box {
  padding-bottom: 25px;
}

.account_del_box {
  padding-bottom: 20px;
  padding-top: 25px;
}

.account_input_box .account_input_title {
  float: left;
  font-size: 12px;
  height: 33px;
  line-height: 33px;
  width: 180px;
}

.account_input_box .account_input_dd {
  margin-left: 180px;
  margin-bottom: 8px;
}

.account_input_box .account_input {
  font-size: 12px;
  box-sizing: border-box;
  height: 33px;
  line-height: 33px;
  width: 243px;
}

.account_conect_btn {
  border-radius: 3px;
  font-size: 12px;
  height: 29px;
  line-height: 29px;
  position: absolute;
  bottom: 33px;
  left: 478px;
  text-align: center;
  width: 112px;
}


/*------------ #direction_edit add ------------*/

.direction_wrap .table_list td.list_title span.title_icon {
  vertical-align: top;
  margin-right: 12px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.day_check {
    float: left;
    line-height: 37px;
    margin-right: 15px;
}

.direction_wrap .table_list td.list_title {
    width: 250px;
}

.direction_wrap .table_list td.list_title .direction_detail_edit {
  margin: 5px 0 0 50px;
}

.direction_wrap .table_list td.list_content {
  padding-left: 0;
}

.direction_wrap .table_list td.list_content {
  padding-left: 0;
}

.direction_wrap .table_list td.list_content .day_check {
  display: inline-block;
}


.direction_wrap .table_list td.list_content .note_input_area {
  float: left;
  margin-right: 20px;
  min-width: 308px;
  width: calc(100% - 360px);
}

.direction_wrap .table_list td.list_content .note_input_area #DirectionNoteManager, #DirectionNoteManagerDetail, #m_note {
  height: 180px;
  width: 100%;
}

.direction_wrap .table_list td.list_content .note_input_area #DirectionNoteMember{
  height: 560px;
  width: 100%;
}

.direction_wrap .table_list td.list_content .note_input_area #DirectionNoteChecklist{
  width: 100%;
}

.direction_wrap .table_list td.list_content .note_example {
  background: #eee;
  border: 1px solid #d8d8d8;
  border-radius: 0;
  float: left;
  font-size: 16px;
  padding: 8px 12px 6px;
  width: auto;
}

.direction_wrap .table_list td.list_title .direction_detail_edit {
  margin: 5px 0 0 50px;
}

.inv_title {
  width: 220px !important;
}

.inv_form {
  width: 170px;
}

.input_attention_text {
  font-size: 10px;
  margin-top: 2px;
}

.input_attention_text.list_count_area > span {
  margin-right: 5px;
}

.validity_count_attention {
  color: red;
}

.direction_wrap .table_list td textarea {
  height: 63px;
}

.direction_wrap .table_list td .note_input_area textarea {
  height: auto;
}

#check_error{
  color: red;
  font-size: 13px;
}

.add_allow_time_input,
.add_request_member_input,
.add_reject_member_input {
  margin-top: 5px;
}

.add_allow_time_button,
.delete_allow_time,
.add_request_member_button,
.delete_request_member_button,
.add_reject_member_button,
.delete_reject_member_button {
  display: inline-block;
  width: 60px;
  height: 25px;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 25px;
}

.wrapper {
  display: flex;
  flex-direction: column;
  gap: 18px;
  flex-wrap: wrap;
}

.column {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.wrapper label {
  margin-left: -23px;
  font-weight: bold;
}

.open_area_modal {
	background-color: #3265af;
    color: #fff;
    margin-left: 15px;
    cursor: pointer;
}


/*------------ #direction_list_area ------------*/

.direction_list_area {
  border-top: 1px solid #d9d9d9;
  margin: 16px 0 32px;
}

.direction_list_area .direction_list {
  list-style-type: none;
  border-bottom: 1px solid #d9d9d9;
  min-width: 700px;
  position: relative;
  cursor: pointer;
}

.direction_list_area .direction_list:hover {
  background: #fff;
}
.detail_img{
  background-size: 85px 32px;
  background-position: center center;
  background-repeat: no-repeat;
}

.detail_img.tel {background-image: url(/img/direction/k_kadou_job_tel_2.png);}
.detail_img.mail {background-image: url(/img/direction/k_kadou_job_mail_2.png);}
.detail_img.training {background-image: url(/img/direction/k_kadou_job_training_2.png);}

.direction_list_area .direction_list:hover .detail_img img {
  visibility: hidden;
}
.detail_img img {
    width: 85px;
    height: 32px;
}
.detail_img.mail img {
  width: 86px;
  margin-left: -1px;
  height: 34px;
  font-weight: bold;
  color: #545454;
}

.link_list_wrap {
  position: absolute;
  right: 20px;
  top: 185px;
}

#link_list_butn {
  cursor: pointer;
  height: 68px;
  width: 68px;
  background-color: #0e7ac4;
  border-radius: 34px;
  margin: 20px;
  padding: 20px;
}

#link_list_butn p {
  line-height: 1em;
  width: 68px;
  position: relative;
  top: 30px;
  left: -20px;
  font-size: 12px;
  text-align: center;
  color: #0e7ac4;
}

.link_list {
  display: none;
  padding: 5px 31px;
}
.link_list.active {
  display: block;;
}

.link_list li {
  margin: 30px 0 50px 0;
  height: 46px;
  width: 46px;
}

.link_list li a {
  display: block;
  height: 46px;
  width: 46px;
  background-color: gray;
  border-radius: 23px;
  text-align: center;
  line-height: 43px;
}

.link_list li a:hover {
  background-color: #0e7ac4;
}
.link_list li a:hover p{
  color: #0e7ac4;
}

.link_list li p {
  line-height: 1em;
  width: 86px;
  position: relative;
  top: 10px;
  left: -20px;
  font-size: 12px;
}

.detail_client_title {
  clear: both;
  height: 80px;
  margin-bottom: 20px;
}

.detail_client_title div {
  float: left;
  margin-left: 20px;
}

.detail_client_title h2.mb_title {
  font-size: 28px;
  color: #545454;
}

.detail_client_title img {
  height: 60px;
  float: left;
}

.detail_footer_link{
  height: 60px;
  float: right;
}

.detail_footer_link button {
  margin-left: 20px;
}

.detail_footer_link a {
  font-size: 12px;
  padding: 5px 20px;
}

.detail_footer_link a:first-child {
  border-right: 1px solid;
}

.detail_footer_link button {
  margin-left: 20px;
  color: white;
  font-weight: bold;
  background-color: #3265af;
  padding: 6px 42px;
  border-radius: 3px;
  font-size: 13px;
}

.sheet_edit_button {
  margin: 15px;
}

.table_list tr td.list_title p {
  font-weight: normal;
  margin-top: 20px;
  font-size: 12px;
}

.direction_list_area .direction_check_wrap {
  float:left;
  margin-right: 8px;
  height: 100%;
  width: 15px;
  position: absolute;
  left: 5px;
}

.direction_list_area .direction_check_wrap .complete_check {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}

.direction_list_area .direction_icon_wrap {
  float:left;
  margin-right: 8px;
  position: absolute;
  height: 100%;
  width: 22px;
  left: 24px;
}

.direction_list_area .direction_icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  width: 20px;
}

.direction_list_area .direction_term {
  font-size: 13px;
  color: #0e7ac4;
  width:
}

.direction_list_area .direction_info_wrap {
  font-size: 14px;
  float: left;
  margin-right: 8px;
  margin-left: 50px;
  padding: 14px 0 11px;
  width: 235px;
  overflow: hidden;
  color: #545454;
}

.direction_list_area .direction_detail_wrap {
  float: left;
  margin-right: 30px;
  padding: 23px 0 11px;
  text-align: center;
  width: 100px;
}
.direction_list_area .direction_detail_wrap .crm_flg {
  height: 18px;
}

.direction_list_area .direction_bar_wrap {
  height: 111px;
}

.direction_list_area .direction_bar {
  border-left: #d9d9d9 solid 1px;
  margin-left: 555px;
  padding: 4px 5px 4px 0;
  height: 35px;
  position: relative;
  top: 50%;
  right: 160px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.direction_bar_wrap .direction_bar_inner {
  border-radius: 0 11px 11px 0;
  background: #b4b4b4;
  overflow:hidden;
  height: 28px;
  width: calc(100% - 5px);
}

.direction_bar_wrap .direction_bar_h {
  color: #828282;
  height: 28px;
  width: 100%;
  float: left;
}

.direction_bar_wrap .percent0 {
  background: #9E9E9E;
  color: #fff;
}

.direction_bar_wrap .percent10 {
  background: #e64b4b;
  color: #fff;
}

.direction_bar_wrap .percent50 {
  background: #3b8fc7;
  color: #fff;
}

.direction_bar_wrap .percent80 {
  background: #64be78;
  color: #fff;
}

.direction_bar_wrap .percent100 {
  background: #828282;
  color: #fff;
}
.direction_column {
  color: #9a9da0;
  position: relative;
}

.direction_bar_wrap .direction_bar_h p {
  color: white;
  min-width: 350px;
  padding-left:9px;
  font-size: 13px;
  font-weight: bold;
  position: relative;
  top: 55%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.direction_bar_wrap .direction_bar_h p span {
  padding-left: 12px;
}

.selected-client, .selected-client2 {
  display: none;
  position: absolute;
  width: 700px;
}

.selected-client .list_content, .selected-client2 .list_content {
  width: 700px;
}

.talk_data {
  display: block;
}

.icon_talk {
  display: none;
}

.dammytTr{
  height: 148px;
  position:static;
}
.directionPartsImg{
  display: none;
  position: absolute;
}
.direction_edit_buttton_wrap{
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);
}
.direction_edit_buttton{
  cursor: pointer;
}
.direction_detail_link {
  background-color: rgb(180, 180, 180);
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 30px;
}
.direction_detail_link:hover {
  background-color: #9E9E9E;
}
.direction_detail_link:before {
  content: ">";
  color: white;
  margin: auto;
  line-height: 100%;
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 5px);
}
.direction_client_name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.direction_list_name {
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.direction_list_count{
  font-size: 10px;
  line-height: 1.2;
}

/*------------ #client_list ------------*/

.member_list_area .client_icon_wrap {
  float:left;
  margin-right: 13px;
  width: 43px;
}

.member_list_area .client_icon_wrap.on {
  margin-left: 100px;
}

.client_icon_wrap .client_classification {
  color: #fff;
  font-size: 10px;
  line-height: 15px;
  height: 15px;
  text-align: center;
}

.client_button_wrap {
  display: none;
  width: 80px;
  height: 100%;
  float: left;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
}
.client_button_wrap div {
  width: 40px;
  height: 100%;
  float: left;
  position: relative;
  top: 0;
  left: 0;
}
.client_button_wrap .c_delete {
  width: 80px;
}
.client_button_wrap img {
  position: absolute;
  opacity: 1;
}
.c_delete {
  background-color: #de575f;
}
.c_delete img {
  top: 30%;
  left: 38%;
}
.client_icon_wrap .client_img{
  height: 41px;
  line-height: 41px;
  text-align: center;
  width: 41px;
}
.client_name {
  float: left;
  margin-right: 24px;
  width: 225px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.client_name .client_name_biz{
  font-size: 12px;
  display: block;
}
.client_name_only{
  height: 100%;
  line-height: 44px;
}

.client_info_wrap {
  font-size: 12px;
  float:left;
  margin: 13px 25px 13px 0px;
}

.operation_alert {
  color: #e64b4b;
}

.crm_flg_check_block {
  font-size: 12px;
  position: relative;
  z-index: 10;
}

.client_color_list {
  float: left;
}
.client_color_list li.client_color_ico {
    border-radius: 13px;
    height: 26px;
    margin: 9px 30px 9px 0;
    width: 26px;
}

.client_contact {
    margin-bottom: 7px;
}

.info_side + #main_content_inner{
  margin-left: 210px;
  width: calc(100% - 210px);
}

 .direction_content {
   margin-bottom: 80px;
 }

/*------------ #user_detail ------------*/

#main_content_inner.right_cont {
  float: left;
  padding-bottom: 25px;
}

.page_caution {
  font-size: 10px;
  position:relative;
  height:28px;
  margin: 50px 0 20px 0;
}

.page_caution p {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.actDetail .page_caution {
  margin: -30px 0 50px 0;
  font-size: 13px;
  color: #545454;
}

/*------------ #result_area ------------*/

.result_area .order_area {
  clear: both;
  margin-bottom: 45px;
}


/*------------ #テーブルデザイン1 ------------*/
.tabel_d {
    width: 100%;
    margin-bottom: 45px;
}

.tabel_d th,
.tabel_d td {
  background: #fff;
  border-bottom: 8px solid #f0f0f0;
  padding: 8px 12px;
  text-align: center;
}
.tabel_d th:first-child,
.tabel_d td:first-child {
  padding-left: 25px;
}

.tabel_d th {
  background: #575757;
  color: #fff;
}

.tabel_d td.list_title {
  width: 165px;
}


.tabel_d td.list_title span {
  margin-left: 10px;
}

/*------------ #テーブルカラムリスト------------*/
.table_list {
  table-layout: fixed;
  width: 100%;
  margin-bottom: 35px;
}

.table_img {
  text-align: center;
}
.table_img img {
  padding-left: 15px;
  height: 20px;
}
td.table_img {
    width: 50px;
}

.table_list .hiddenRow {
  display: none;
}
.table_list th,
.table_list td {
  background: #fff;
  border-bottom: 8px solid #f0f0f0;
  padding: 10px 12px 10px 0;
  font-size: 14px;
}

.table_list td.list_title {
  padding: 11px 0 8px 14px;
  width: 180px;
  font-weight: bold;
}

.table_list.client_table td.list_title {
  width: 145px;
}
.table_list td.list_title .attention_text {
  font-size:10px;
  color:#9a9da0;
  white-space: nowrap;
}

.table_list td.list_content {
  padding-left: 100px;
}

.table_list td.list_content fieldset {
  padding-bottom: 10px;
}
.table_list td.list_content fieldset:last-child {
  padding-bottom: 0;
}

.table_list td.list_content label.margin {
  width: 100px;
  display: inline-block;
  text-align: right;
  margin-left: -100px;
  padding-right: 10px;
}

.table_list td.list_content p {
  overflow-wrap: break-word;
}

.table_list td.list_content a {
  text-decoration: underline;
  color: #3E66AA;
  font-weight: bold;
}
.table_list td.list_content a:hover {
  text-decoration: none;
}

.table_list td.list_content .agreementTextWrap {
  padding: 30px 20px;
  border: 1px solid #d8d8d8;
  margin-bottom: 10px;
}
.table_list td.list_content .agreementText {
  padding-bottom: 15px;
}

.oneline_margin{
  margin-left: 0px;
}

.table_list td.list_title span {
  margin-left: 10px;
  vertical-align: middle;
}

.table_list td.btn_td {
  background: none;
  padding: 0 0 15px 0;
}

.table_list td.btn_td button{
  border: 1px solid #b4b4b4;
  border-radius: 3px;
  cursor: pointer;
  padding: 4px 9px 5px;
  text-align: left;
  width: 140px;
}

.direction_tabel  td.list_title {
  padding-left: 20px;
  width:180px;
}
.direction_tabel  td.list_content {
  padding-left: 0px;
  position: relative;
}

.form_send {
  margin-bottom: 90px;
  text-align: right;
}


/*-- #font クラス --*/

.font_8 { font-size: 8px;}
.font_12 { font-size: 12px;}
.font_13 { font-size: 13px;}
.font_14 { font-size: 14px;}
.font_23 { font-size: 23px;}


/*-- #form クラス --*/
textarea,
select,
input[type='number'],
input[type="password"],
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type=text] {
  background: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 0;
  padding: 8px 12px 6px;
  font-size: 14px;
  vertical-align: middle;
}

input[type=checkbox] {
  vertical-align: middle;
}

textarea {
  min-height: 50px;
  min-width: 307px;
}

textarea.auto-height {
	resize: none;
	overflow: hidden;
}

.s {width: 90px!important;}
.s-m {width: 143px!important;}
.m {width: 158px!important;}
.m-l {width: 234px!important;}
.l { width: 308px!important;}
.xl { width: 393px!important;}
.xxl { width: 558px!important;}
.full-l { width: 100%!important;}


label {
  padding: 0 10px 0 8px;
  vertical-align: middle;
}
input[type="radio"] + label {
  display: inline-table;
  height: 100%;
  vertical-align: 50%;
  margin-left: 5px;
}
label img {
  margin: -4px 5px 0 0;
}

.ml_input{
  margin-left: 10px;
}

.input_errore {
  color: #ed775b;
  display: inline-block;
  font-size: 10px;
  margin-left: 10px;
  vertical-align: middle;
  width:90px;
  display: none;/* 実装するまで*/
}

.input.radio div {
  color: #ed775b;
  display: inline-block;
  font-size: 10px;
  margin-left: 10px;
  width: auto;
  height: 35px;
}

.error-message{
  color: #ed775b;
  display: inline-block;
  font-size: 10px;
  margin-left: 10px;
  vertical-align: middle;
  width: auto;
}
.error-message:before{
  content: "※";
}


.mb_7 {
  margin-bottom: 7px;
}

.input_errore.ml_0 {
  margin-left: 0;
}

.table_list td.list_title span {
  font: 10px;
  margin: 0;
}

/*------------ #shift_wrap ------------*/

.fc-head {
}
.fc-body {
}

#directionScheduler .fc-toolbar button {
  margin-top: 13px;
}

#directionScheduler h2 small {
    color: #545454;
}

.fc-body .fc-time-grid-container {
  overflow-x: scroll !important;
}

.shift_wrap .fc-body {
  border-top: 1px solid #B4B4B4;
}
.shift_wrap td.fc-head-container,
.shift_wrap .fc-unthemed th {
  border: none;
}

.shift_wrap .fc-body > tr > .fc-widget-content {
  background: #fff;
  border-left: none;
  border-right: none;
}

.shift_wrap .fc-unthemed th {
  font-weight: normal;
  color: #545454;
  font-size: 16px;
  vertical-align: initial;
  border-right: 1px solid #dddddd;
  padding-top: 5px;
  white-space: break-spaces;
}

.fc-time-area th {
  height: 45px;
  overflow: hidden;
}

.shift_wrap .fc-unthemed th .date_summary {
  display: block;
  font-size: 10px;
}

.shift_wrap .fc-day.fc-widget-content {
  border-left:  1px solid #d9d9d9;
}

#main_cont .fc-time-grid .fc-slats .fc-minor td {
    border-top-style: dashed;
}

.shift_wrap .fc-axis.fc-time.fc-widget-content {
  position: relative;
  width:70px;
}

.shift_wrap .fc-slats tr:first-child .fc-axis.fc-time.fc-widget-content span{
  top: 0;
  color: #fff;
}

.shift_wrap .fc-axis.fc-time.fc-widget-content span {
    position: absolute;
    display: block;
    top: -25px;
    left: 0;
    background: #fff;
    height: 50px;
    line-height: 50px;
    width: 43px;
    text-align: left;
    padding-top: 2px;
    padding-bottom: 4px;
    padding-left: 13px;
    margin-right: 13px;
    font-size: 16px;
    -webkit-transform: scale(0.9);
    -webkit-transform-origin:0 0;
}

.shift_wrap button.fc-button {
  margin-top: 13px;
  font-weight: normal;
}

.shift_wrap .oneline {
    padding-top: 4px;
    height: calc(100% - 4px);
}

.eventContent .shift_time {
  font-size: 8px;
  -webkit-transform: scale(0.9);
  -webkit-transform-origin:0 0;
  display: block;
  line-height: 1.8;
}

.eventContent .shift_rest_title {
  font-size: 9px;
  -webkit-transform: scale(0.9);
  -webkit-transform-origin:0 0;
  display: block;
  line-height: 1.2;
}

.eventContent .shift_title {
  font-size: 12px;
  line-height: 1.2;
  display: block;
  width: calc(100% - 20px);
}

.eventContent .text_color_black {
  color: #292929;
}

.shift_wrap .shift_title_plus{
  position: relative;
  top: -19px;
  left: 58px;
}

.shift_wrap .fc-time-grid-event.yellowBg .border{border-top: 1px solid #f4a116;}
.shift_wrap .fc-time-grid-event.yellowBg .border:first-child {border: none;}

/*------------ .user_assign ------------*/

#assign_user_title {
  float: left;
  margin-right: 20px;
}

#assign_user_title + p {
  line-height: 27px;
}

.user_assign {
  position: relative;
}

.user_assign_wrap .thead.fc-head {
  display: none;
}

.client_assign_wrap {
  margin-top: 10px;
  position: relative;
  z-index: 6;
}

.client_assign_wrap #timeline .fc-state-active,
.client_assign_wrap #timeline .fc-state-default {
    background-color: #f0f0f0;
    border: none;
    margin-top: 10px;
}

.actDirection .client_assign_wrap {
  margin-top: 0px;
}

.assign_inner {
  clear: both;
  padding: 0 40px 80px 40px;
  height: 700px;
}


.client_assign_wrap .assign_inner {
  padding-top: 67px;
  background: #f0f0f0;
}

.client_assign_wrap .allDirection_wrap {
  padding-top: 0;
}

.allDirection_wrap .fc-body .fc-resource-area .fc-cell-content b {
  line-height: 1.6;
}

.dragg_bar {
  background: #d9d9d9;
  border-bottom: 2px solid #b4b4b4;
  height: 10px;
  text-align: center;
  cursor: pointer;
  z-index: 6;
  position: absolute;
  width: 100%;
}

.dragg_bar img {
  position: relative;
  top: -10px;
}

.add_direction_button{
  text-align:left;
  margin-bottom: -10px;
}
.direction_checkbox{
  text-align:right;
  margin-right: -10px;
}
#checkbox_wrap{
  margin-top: -5px;
  margin-right: 3px;
}

.fc-body .fc-resource-area .fc-cell-content.no_direction{
  color:#c8c8c8;
}

.fc-time-grid {
    min-height: 100%;
    overflow: visible;
}

.fc-time-grid .fc-bg,
.fc-time-grid .fc-slats {
  min-width: 100%;
}

.resourceTitle {
  text-align:left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 20px;
  height: 65px;
}

.resourceTitleCount {
  font-size: 10px;
  line-height: 1.1;
}

.columButton2 {
  width: 70px;
}
div .gendar > img {
  width: 20px;
}
.complete_button {
    position: absolute;
    width: 34px;
    height: 25px;
    left: 0px;
    top: -3px;
    z-index: 3;
    border-radius: 6px;
}
.complete_button:before {
    content: " ";
    background: url(/img/assign/k_fin_button_check.png);
    background-repeat: no-repeat;
    display: block;
    width: 50%;
    height: 50%;
    background-size: contain;
    margin: auto;
    position: relative;
    top: calc(50% - 7px);
}
.complete_button:hover {
    width: 36px;
    height: 27px;
    right: -21px;
    top: -4px;
}

.direction_bar_inner .complete_button {
    width: 42px;
    height: 30px;
    left: 100%;
    right: 26px;
    margin-left: 20px;
    top: 4px;
    cursor: pointer;
}
.direction_bar_inner .complete_button:hover {
    width: 44px;
    height: 32px;
    right: -61px;
    top: -1px;
}

/*------------ .side_menu common ------------*/

.side_menu {
  border-right: 1px solid #e5e5e5;
  background: #fff;
  font-size: 12px;
  overflow: hidden;
  width: 235px;
}

.side_menu .ac_content {
  display: none;
  //border-bottom: 1px solid #d9d9d9;
}

.side_menu img.icon {
  vertical-align: top;
  margin-right: 3px;
  width:12px;
}

.side_menu img.arrow_botn {
  float: right;
  margin: 2px 12px 0 15px;
}

.side_menu img.right_icon {
  float: right;
  margin: -4px 0px;
  text-align: center;
}
.side_menu .clearFormButton{
  color: gray;
  clear: both;
  float: right;
  font-size: 12px;
  margin: 20px 22px;
}
.side_menu .clearFormButton:before{
  content: '▸'
}
#side_menu .clearFormButton_bellow_space {
  display: block;
  height: 82px;
  float: right;
  width: 100%;
}

.side_menu_inner {
  height: 100%;
}

.search_item_block {
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: calc(100vh - 280px);
}

/*
アサイン画面のサイドバー検索は画面が2分割されているため
個別で指定する
*/
.search_item_block.assign_search_block {
  max-height: calc(100% - 120px);
}

/*
アサイン画面以外のサイドバー検索用の高さ指定
*/
.search_menu .side_menu_inner {
  height: calc(100% - 41px);
}

/*
スマホ版のサイドバーの高さ調整
*/
@media screen and (max-device-width:420px) {
  .search_item_block {
    max-height: calc(100vh - 500px);
  }
}

/*------------ .side_menu left_cont ------------*/


.side_menu.search_menu {
  position: absolute;
  border-right: none;
}

.side_menu.search_menu.open {
  height: 100%;
}

.side_menu.search_menu .acrdion {
  display: none;
}

.side_menu.search_menu .acrdion.open {
  display: block;
}

.side_menu .ac_content.open {
  display: block;
}

.side_menu.search_menu .menu_ac {
  background: url(/img/common/sidebar/nav_arrow.png) no-repeat right 9px bottom 13px;
}

.side_menu.search_menu .nav_botton {
  background: #f0f0f0;
  color: #8b8b8b;
  line-height: 1;
  padding: 13px 15px 15px 18px;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  border-right: none;
  width: 100%;
}
.side_menu.search_menu .nav_botton.menu_ac:hover,
.side_menu.search_menu .nav_botton.assign_menu_ac:hover {
  background: #d9d9d9;
}
.side_menu.search_menu.open .nav_botton.menu_ac,
.side_menu.search_menu .nav_botton.assign_menu_ac.active {
  background: #d9d9d9;
}

.side_menu.search_menu .search_title {
  background: #fff;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  margin-top: -1px;
  color: #8b8b8b;
  cursor: pointer;
}

.side_menu.search_menu .search_title.active {
  color: #3265b0;
  cursor: pointer;
}
.side_menu.search_menu .search_title.active img.right_icon {
  display: none;
}
.side_menu.search_menu .search_title.active .plus_minus_icon {
  background: url(/img/common/body/k_body_minus_1.png);
  float: right;
  margin: -4px 0px;
  text-align: center;
  background-size: contain;
  width: 21px;
  height: 21px;
}

.side_menu.search_menu .search_title.active:hover {
  background: #fff;
}

.side_menu.search_menu .search_list {
  margin-top: 32px;
}

.side_menu.search_menu .search_select_text {
  font-size: 10px;
  padding: 0 15px 24px;
  border-bottom: 1px solid #d9d9d9;
  font-size: 13px;
  /*width: 236px; /* NOTE サイドメニュー全体の幅が大きくなりすぎないように */*/
}

.side_menu.search_menu .search_select_text span {
  color: #3265b0;
}

.side_menu.search_menu .saerch_checkbox_wrap {
  border-bottom: 1px solid #d9d9d9;
}


.side_menu.search_menu .search_select_title {
  font-size: 10px;
}

.side_menu.search_menu .search_select_title label {
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  width:100%;
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
  margin: 11px 0;
}

.side_menu.search_menu .search_select_title span {
  color: #3b8fc7;
}

.SelectDirectionDate_wrap {
  margin-bottom: 15px;
}

.side_menu.search_menu .saide_input_s {
  font-size: 12px;
  width: calc(50% - 10px);
}

.side_menu.search_menu .search_select {
  border: #d9d9d9 1px solid;
  border-radius: 5px;
  font-size: 10px;
  height: 34px;
  line-height: 22px;
  padding: 0 10px;
  width: 206px;
}
.side_menu.search_menu .search_checked {
  margin: 15px;
  display: none;
}
.side_menu.search_menu .select2-container--default .select2-selection--multiple {
  border: #d9d9d9 1px solid;
  border-radius: 5px;
  font-size: 10px;
  height: auto;
  line-height: 22px;
  width: 206px;
}
.side_menu.search_menu .select2-container .select2-search--inline {
  margin-top: 3px;
}
.side_menu.search_menu .select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 6px;
}


.side_menu.search_menu .cl_list {
  height: 390px;
  margin-top: 16px;
  padding-bottom: 30px;
  overflow-y: scroll;
  height: 374px;
}

.side_menu.search_menu .cl_list label {
  cursor: pointer;
  display: inline-block;
  padding: 10px 15px;
  line-height: 1;
  width: 206px;
}

.side_menu.search_menu .cl_list li:hover {
  background: #f0f0f0;
}

.side_menu.search_menu .cl_list li input[type="checkbox"] {
  margin-right: 4px
}

.count_span {
  border-radius: 5px;
  background: #dadada;
  color: #545454;
  margin-left: 7px;
  float: right;
  font-size: 10px;
  height: 13px;
  line-height: 13px;
  text-align: center;
  padding: 1px 5px;
  max-width: 33px;
  font-weight: bold;
}

/*------------ .side_menu group ------------*/

.side_menu .group_area {
  color: #b4b4b4;
  font-size: 12px;
}

.side_menu .editGroupwrap {
  border-bottom: 1px solid #dcdcdc;
}

.side_menu .editGroup {
  display: inline-block;
  padding: 8px 14px;
  vertical-align: middle;
}

.side_menu .addGroup {
  float: right;
  padding: 5px 8px;
  cursor: pointer;
}

.side_menu .newGroupNameWrap {
  padding: 8px 0px 9px 14px;
  border-bottom: 1px solid #dcdcdc;
}
.side_menu .newGroupNameWrap input{
  font-size: 12px;
    padding: 3px;
      width: 165px;
margin-left: 8px;
}
.side_menu .newGroupNameWrap > * {
  vertical-align: middle;
}

.side_menu .groups {
  padding-bottom: 70px;
}

.side_menu .group {
  border-bottom: 1px solid #dcdcdc;
  line-height: 1;
  cursor: pointer;
}
.side_menu .groupInfo {
  padding: 11px 8px 9px 6px;
  color: #545454;
}

.side_menu .group_name {
  color: #545454;
}

.side_menu .group.hoverClass {
  color: #fff;
  background: #3265b0;
}
.side_menu .group.on {
  color: #fff;
  background: #b4b4b4;
}

.side_menu .removeGroup {
  float: left;
  display: none;
}
.side_menu .removeGroup.on {
  display: block;
}
.side_menu .group .groupInfo img {
  margin: -5px 8px 0;
}

/*------------ .side_menu left_cont ------------*/

.side_menu.left_cont {
  border-right: 1px solid #e5e5e5;
  background: #fff;
  color: #828282;
  float: left;
  height: 100%;
  position: absolute;
  width: 208px;
}

.side_menu.left_cont .client_img {
  padding: 20px;
  border: #3265af;
}

.side_menu.left_cont .client_info {
  padding: 0px 20px 40px 35px;
  overflow-y: scroll;
  height: calc(100% - 205px);
}

.side_menu.left_cont .client_info .large_text {
  font-size: 26px;
}

.side_menu.left_cont .client_info .large_text span {
  font-size: 15px;
}

.side_menu.left_cont .user_img {
  padding: 20px;
}

.side_menu.left_cont .user_img .user_ico {
  text-align: center;
}

.side_menu.left_cont .user_info {
    padding: 0px 20px 12px 35px;
}

.side_menu.left_cont .user_info .large_text {
  font-size: 26px;
}

.side_menu.left_cont .user_info .large_text span {
  font-size: 15px;
}

.side_menu.left_cont .nav_botton a {
  display: block;
  border-bottom: 1px solid #d9d9d9;
  height:40px;
  line-height: 40px;
  padding-left: 35px;
  color: #828282;
}

.side_menu.left_cont .nav_botton.active a .nav_botton_active_img,
.side_menu.left_cont .nav_botton a .nav_botton_img {
  display: inline-block;
  margin-left: -25px;
  margin-right: 5px;
}

.side_menu.left_cont .nav_botton a .nav_botton_active_img,
.side_menu.left_cont .nav_botton.active a .nav_botton_img {
  display: none;
}

.side_menu.left_cont .nav_botton:hover a {
  background: #f0f0f0;
}

.side_menu.left_cont .nav_botton:hover span {
  color: #3265af;
}

.side_menu.left_cont .nav_botton.active a {
  background: #9c9c9c;
  color: #fff;
}

.side_menu.left_cont .ac_content .nav_botton:hover a {
  background: #f0f0f0;
  color: #3265af;
}

.side_menu.left_cont .ac_content .nav_botton.active a {
  background: #f0f0f0;
  color: #3265af;
}


.side_menu.left_cont .group_list li {
  height:40px;
  line-height: 40px;
  padding-left: 35px;
}

ul.client_info_detail {
  margin-top: 20px;
  line-height: 1.8em;
}
.client_info_detail li{
  width: 152px;
}
.client_info_detail li a {
  color: #f4a116;
  word-break: break-all;
}
.client_info_detail li:nth-child(2n+1) {
    margin-top: 15px;
}
.client_info_detail li:nth-child(2n) {
    font-size: 14px;
    color: #0e7ac4;
    font-weight: bold;
}

.assign_client_info_detail li:nth-child(2n) {
  color: #f4a116;
}

.assign_detail_button_text {
  float: right;
  line-height: 75px;
}
.assign_detail_button_text a span{
  font-size: 12px;
}

.pdf_download_button {
  color: gray;
  padding: 6px 11px;
  border: 1px solid #ccc;
  vertical-align: text-bottom;
  margin: 9px 2px 0px -1px;
}

/*------------ #login ------------*/

#news_area {
  background: #1e2832;
  width: 100%;
  height: 80px;
}

.color_ber_right {
  height: 3px;
  background: linear-gradient(90deg, #fccd00,#eb642c,#f49e17,#9ebc23,#9ebc23, #4fb16b,#1aa1a9,#117ac0);
}

#news_area_inner {
  color: #9e9e9e;
  margin: 0 auto;
  padding: 45px 0 55px;
  width: 686px;
}

#news_area_inner h2 {
  font-size: 23px;
  margin-bottom: 30px;
  width: 72px;
  padding-left: 5px;
  border-bottom: dashed 1px #9e9e9e;
}

#news_area_inner dl dt {
  float: left;
  font-size: 12px;
  padding-left: 35px;
  width:100px;
}

#news_area_inner dl dd {
  font-size: 12px;
  margin: 0 0 45px 135px;
}

#login {
  color: #9e9e9e;
  margin: 0 auto;
  padding: 93px 0 59px;
  width: 848px;
}

#login .main_logo {
  float: left;
  padding: 100px 0 0 26px;
}

#login .center_top_rogo{
  text-align: center;
  width: 100%;
}

#login .center_top_rogo .top_text_link {
  margin-top: 10px;
}

#login .center_top_rogo:hover {
  color: #545454;
}

#login .input_area {
  border-radius: 10px;
  background: linear-gradient(90deg, #117ac0,#1aa1a9, #4fb16b,#9ebc23,#f49e17,#eb642c,#fccd00);
  font-size: 12px;
  float: right;
}

#login .input_area_inner {
  border-radius: 8.5px;
  margin: 2px;
  padding: 40px;
  background: #f0f0f0;
}

#login .input_area input[type="password"],
#login .input_area input[type="text"] {
  font-size: 14px;
  width: 285px;
}

#login .input_area input[type="password"]:focus,
#login .input_area input[type="text"]:focus {
  border-color: #3ca0e6;
}

#login .newmenber {
  color: #595757;
  margin-bottom: 44px;
}

#login .newmenber input[type="text"] {
  font-size: 20px;
}

#login .newmenber:after {
  content:"";
  display:block;
  height:1px;
  width:100%;
  background: linear-gradient(90deg, #117ac0,#1aa1a9, #4fb16b,#9ebc23,#f49e17,#eb642c,#fccd00);
}

#login .newmenber h1 {
  font-size: 28px;
  margin-bottom: 20px;
}

#login .new_entry {
  height: 28px;
  line-height: 28px;
  margin-bottom: 45px;
  width: 100%;
}

#login .input_area h2 {
  font-size: 15px;
}

#login .input_area a {
  color: #9e9e9e;
  text-decoration: underline;
}

#login .input_area a:hover {
  text-decoration: none;
}

#login .send_btn {
  border-radius: 3px;
  background: linear-gradient(90deg, #117ac0,#1aa1a9, #4fb16b,#9ebc23,#f49e17,#eb642c,#fccd00);
  float: right;
  margin-top: 15px;
}

#login .login_button {
  color: #5f5f5f;
  margin: 1px;
  border-radius: 3px;
  background: #f0f0f0;
  height: 27px;
  line-height: 27px;
  width: 111px;
}

#login .mb_16{margin-bottom: 16px}
#login .mb_13{margin-bottom: 13px}
#login .mb_25{margin-bottom: 25px}
#login .mb_65{margin-bottom: 65px}


/*------------ #footer ------------*/

footer {
  background: #1e2832!important;
  color: #9a9da0;
  font-size: 12px!important;
  padding-top: 19px!important;
  height: 79px;
  min-width: 960px;
  width: 100%;
  z-index: 2;
  position: relative;
}

footer a{
  color: #9a9da0;
}

footer #contact {
  float: left;
  font-weight: bold;
  margin-left: 74px;
  line-height: 1.3;
}

footer #contact span {
  display: block;
}

footer #contact .tel {
  font-size: 19px;
  vertical-align: middle;
}

footer #contact .mail {
  vertical-align: middle;
  margin-left: 10px;
}

footer .footer_info {
  float: right;
  font-size: 10px;
  margin-right: 44px;
  margin-top: 22px;
  width: 225px;
}

footer .footer_info a {
  color: #fff;
}

footer .footer_info .privcy {
  float: left;
}

footer .footer_info .agreement {
  float: right;
  margin-bottom: 7px;
}

footer .footer_info .copy {
  clear: both;
  text-align: right;
}

.font_8 {
font-weight: 500;
font-size: 10px;
-webkit-transform: scale(0.8);
-webkit-transform-origin: 0% 0%;
-ms-transform: scale(0.8);
-ms-transform-origin: 0% 0%;
transform: scale(0.8);
transform-origin: 0% 0%;
width: 125%;
}

.clearfix {
    zoom: 1;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

/*------------ #error_page ------------*/

#error_page {
	margin-top: 100px;
	margin-bottom: 50px;
	text-align:center;
}

#error_page h1 {
	font-size: 30px;
	padding: 20px 0px;
}

#error_page p {
	padding: 20px 0px;
}

#error_page img {
	padding: 20px 0px;
}

/*------------ #defalt ------------*/

.notificationList{
  position: fixed;
  top: 92px;
  right: 10px;
  z-index: 1000;
}
.notification {
  position: relative;
  font-size: 13px;
  margin-top: 10px;
  background-color: white;
  padding: 5px 10px;
  border: 1px solid #FBD210;
  box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, 0.24);
  z-index: 999;
  list-style: none;
  float: right;
  clear: both;
}
.sankaku {
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom: 10px solid #FFF;
    position: absolute;
    top: -18px;
    right: 30px;
}
.sankakuBorder {
    border: 11px solid transparent;
    border-bottom: 13px solid #FBD210;
    top: -24px;
    right: 27px;
}
.notificationDelete{
  display: none;
  position: fixed;
  top: 50px;
  right: 0;
  width: 185px;
  height: 42px;
  z-index: 998;
  background-color: #d9d9d9;
  box-shadow: 4px 3px 3px 1px rgba(0, 0, 0, 0.24);
  text-align: center;
  line-height: 42px;
  color: #9b9595;
  font-size: 13px;
}
.notificationImg{
    width: 1em;
    height: 1em;
    margin-left: 10px;
    vertical-align: text-bottom;
    z-index: 999;
    position: relative;
    display: inline-table;
}
.notificationIcon {
    width: 1em;
    height: 1em;
    margin-right: 10px;
    vertical-align: text-bottom;
    z-index: 999;
    position: relative;
    display: inline-table;
}
.notificationText {
    position: relative;
    display: inline-table;
}
.notificationArea {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
}
.notificationBg {
    position: absolute;
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
}

.confirm {
  vertical-align: middle;
  line-height: 20px;
  position: fixed;
  z-index: 1005;
  top: 20vh;
  left: 20vw;
  background-color: white;
  text-align: center;
  color: gray;
  font-weight: nomal;
  font-size: 12px;
  box-shadow: 3px 3px 9px 2px rgba(33, 0, 12, 0.22);
}
.confirm button {
  font-weight: normal;
  font-size: 12px;
  color: white;
  background-color: gray;
  border: 1px solid #fff;
  border-radius: 3px;
  line-height: 29px;
  width: 105px;
  margin: 25px 2px 10px;
}
.confirm button:hover {
  background-color: #525050;
}
.confirm button:focus {
  outline: 0;
}
.confirm .confirmTitle{
  font-weight: bold;
  font-size: 18px;
  text-align: left;
  width: calc(100% - 20px);
  line-height: 25px;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 25px 0 15px;
  text-align: center;
}
.confirm .confirmImg{
  width: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.confirm .accout_aleart {
  padding-top: 25px;
}
.confirm .confirmWrapInner {
  padding: 20px 25px;
  padding-top: 70px;
  background-color: white;
  position: relative;
  border-radius: 3px;
  min-width: 230px;
  z-index: 1008;
}
.confirm .confirmWrap:before{
  content: "";
  background-image: linear-gradient(90deg, #117ac0,#1aa1a9, #4fb16b,#9ebc23,#f49e17,#eb642c,#fccd00);
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  top: -1px;
  left: -1px;
  border-radius: 4px;
  z-index: 1007;
}
.confirmOverLay{
  position: fixed;
  opacity: 0.6;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000;
  z-index: 1006;
}

/*------------ #bootstrap ------------*/

.btn {
  border-radius: 0;
}

/*------------ #select2 ------------*/
.select2-results__option {
    font-size: 12px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 37px;
    text-align: left;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #D8D8D8;
    border-radius: 0;
    height: 37px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #D8D8D8 1px;
    border-radius: 0;
    /*height: 37px;*/
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: rgba(216, 216, 216, 0.46);
    border: 1px solid rgb(237, 237, 237);
    border-radius: 2px;
    margin-top: 7px;
}
.select2-container--default .select2-selection--multiple {
    border: solid #D8D8D8 1px;
    border-radius: 0;
}

.select2_drop-350 + .select2 .select2-search__field {
  min-width: 350px !important;
}







/*------------ pagination ------------*/

.pagination_wrap {
  float: right;
  margin-left: 20px;
}

.pagination_list {
  float: right;
}

.pagination_list li {
  float: left;
  margin-left: 8px;
}

.pagination_list li a {
  color: #717171;
  font-size: 12px;
  display: inline-block;
  width: 24px;
	height: 24px;
	border: solid 1px #d8d8d8;
  text-align: center;
  line-height: 24px;
  background-color: white;
}

.pagination_list li a.active,
.pagination_list li a:hover {
  background: #d8d8d8;
}

.pagination_list li a.disabled,
.pagination_list li a.disabled:hover {
  cursor: unset;
  border: 1px solid #f0f0f0;
  background: none;
}

#main_cont .order_list_wrap.pagination_true {
  clear: none;
  float: right;
  height: 24px;
}

/*------------ class Paginator pagination ------------*/

#pagination_area {
  height: 50px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.link-page-nav,
.button-page-nav {
  font-size: .5em;
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: block;
  text-align: center;
  cursor: pointer;
}

.link-page-nav:hover,
.button-page-nav:hover {
  background-color: #D8D8D8;
  opacity: .4;
}

.current-page {
  background-color: #D8D8D8;
  pointer-events: none;
}

.page-nav-arrow {
  width: 50px;
  display: flex;
}

.page-nav-arrow > .fc-icon-right-single-arrow:after,
.page-nav-arrow > .fc-icon-left-single-arrow:after,
.page-nav-arrow > .fc-icon-right-double-arrow:after,
.page-nav-arrow > .fc-icon-left-double-arrow:after {
  top: 0;
}

.notice {
  color: #f00;
}

.success {
  color: #64be78;
}

.message-box {
  margin: 0 auto 20px;
  padding: 20px 0;
}

/*------------ 表示用アプローチリスト ------------*/
/*
  HTMLの仕様でアプローチリスト内にある複数スペースが1スペースに変換されるので運用上不便。
  ワーカーさんはアサインシステムでアプローチリストをコピーしてセールスクラウドに貼り付けて検索しているので、
  セールスクラウド側で検索できるように、スペースもそのまま表示する。
*/
.display_approachList.-preWrap {
  white-space: pre-wrap;
}

.open_sc_window_btn, .open_sc_window_script_btn, .taskListBtn {
  background-color: #3265af;
  color: #fff;
  margin-left: 15px;
  cursor: pointer;
}

.sc_window_btn_member_ver{
  background-color: #f4a116;
}

.open_sc_window_btn_pop_up_ver, .open_sc_window_script_btn_pop_up_ver, .taskListBtn_pop_up_ver {
  border: 1px solid #e64b4b;
  border-radius: 3px;
  background-color: #fff;
  color: #e64b4b;
  font-size: 11px;
  padding: 2px 4px;
  width: 98px;
}

.open_sc_window_script_btn:disabled, .taskListBtn:disabled, .taskListBtn_pop_up_ver:disabled {
  background-color: #ccc !important; /* Grey out the button */
  color: #888 !important;
  cursor: not-allowed !important;
  border: 1px solid #aaa;
  opacity: 0.6;
}

/* アイドマクライアントを除くのチェックボックス */
.remove_aidma_client_check_wrap {
  padding-left: 15px;
}
.only_addrust_client_check_wrap {
  padding-left: 15px;
  padding-top: 10px;
}
.only_call_reschedule_date {
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.popup_terms_box {
	background: #fff;
	border-radius: 6px;
	box-sizing: border-box;
	height: 200px;
	padding: 20px 10px;
	width: 410px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1010;
  font-size: 14px;
  line-height: 1.42857143;
}
.popup_terms_box p {
  margin-bottom: 10px;
}
.popup_terms_bk {
  background: #000;
  opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  height: 500px;
  width:100%;
  z-index: 1000;
  display: none;
  cursor: pointer;
}
.tox-toolbar__primary {
	background-color: #eee !important;
}
.tox-tinymce {
  border-radius: 0px !important;
  border: none !important;
}
.tox:not(.tox-tinymce-inline) .tox-editor-header {
  padding: 0px !important;
  box-shadow: none !important;
}
.note p {
  margin-block-start: 0.5em !important;
  margin-block-end: 0.5em !important;
}