@charset "UTF-8";
/*//////////////////////////////////
webフォント
//////////////////////////////////*/

@font-face {
  font-family: 'nav-icon';
  src: url('../fonts/nav-icon.eot');
  src: url('../fonts/nav-icon.eot') format('embedded-opentype'), url('../fonts/nav-icon.ttf') format('truetype'), url('../fonts/nav-icon.woff') format('woff'), url('../fonts/nav-icon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*//////////////////////////////////
UIライブラリとクラスが重複している箇所の初期化
//////////////////////////////////*/

.col-2 {
  max-width: initial;
  flex: initial;
}

/*//////////////////////////////////
基本設定
//////////////////////////////////*/

body {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.1em;
  color: #364F65;
  background-color: #fbfbfb;
}

a {
  text-decoration: none;
  color: #364F65;
}

ul, ol {
  list-style-type: none;
}

img {
  vertical-align: middle;
}

.w-60 {
  width: 60px;
}

.w-100 {
  width: 100px;
}

.w-130 {
  width: 130px;
}

.w-160 {
  width: 160px;
}

.w-185 {
  width: 185px;
}

.w-200 {
  width: 200px;
}

.w-270 {
  width: 270px;
}

.w-400 {
  width: 400px;
}

.w-460 {
    width: 460px;
}

.w-500 {
  width: 500px;
}

.col-1 {
  width: 100%;
}

.col-2 {
  width: 48%;
}

.col-3 {
  width: 30.6%;
}

.col-4 {
  width: 24%;
}
.text-l {
  text-align: left;
}

.text-c {
  text-align: center;
}

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

.font-b {
  font-weight: bold;
}

.font-n {
  font-weight: normal;
}

.link {
  text-align: right;
}

.link a {
  color: #4390DE;
}

.link a img {
  width: 14px;
  height: 14px;
  margin: 0 5px 0 0;
  top: -1px;
  position: relative;
}

.bgColorBlue {
  background-color: #f7f7f7;
}

.bgColorWhite {
  background-color: #FFF;
}

/*//////////////////////////////////*/

.main {
  display: block;
  width: 1340px;
  margin: 0 0 0 100px;
  padding: 25px 40px 50px 40px;
	position: relative;
}

/*//////////////////////////////////*/

header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 20px 0;
}

/*//////////////////////////////////*/

.contentsBox {
  margin: 0 0 30px 0;
}

.contentsBox .heading {
  margin: 0 0 10px 0;
  font-size: 16px;
}

.itemBox {
  position: relative;
  padding: 20px 30px;
  border-radius: 5px;
  border: 1px solid #DBDEE5;
}

/*//////////////////////////////////
入力フォーム
//////////////////////////////////*/

button, option, select, textarea, input[type="button"], input[type="submit"], input[type="number"], input[type="email"], input[type="tel"], input[type="text"], input[type="select"], input[type="option"], input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
}

input[type=radio], input[type=checkbox] {
  display: none;
}

select {
  text-indent: 0.01px;
  text-overflow: '';
}

select::-ms-expand {
  display: none;
}

input, textarea, select {
  font-size: 14px;
  padding: 0 10px;
  border-radius: 5px;
  border: 1px solid #ACBACB;
  background-color: #FFF;
  line-height: 28px;
  height: 30px;
  display: inline-block;
}

input:disabled {
  background-color: #EFF1F5;
  cursor: default;
}

textarea {
  width: 100%;
  resize: vertical;
  height: auto;
}

textarea.messege {
  background-color: #F5FAFC;
}

.textarea {
  line-height: 1.6;
}

select {
    position: relative;
    display: inline-block;
    padding: 5px 35px 5px 10px;
    background-image: url(../img/icon_arrow_down.svg);
    background-repeat: no-repeat;
    background-size: 8px 5px;
    background-position: right 10px center;
    line-height: 20px;
    height: 31px;
}

label {
  cursor: pointer;
}

/*//////////////////////////////////
チェックボックス
//////////////////////////////////*/

input[class=checkbox]+label {
  position: relative;
  padding: 0 0 0 20px;
  margin: 6px 10px 0 0;
  display: inline-block;
}

input[class=checkbox]+label::before {
  content: url(../img/checkbox.svg);
  display: inline-block;
  width: 14px;
  height: 14px;
  background-size: auto;
  position: absolute;
  top: 2px;
  left: 0;
}

input[class=checkbox]:checked+label::before {
  content: url(../img/checkbox_checked.svg);
}

/*//////////////////////////////////
ラジオボックス
//////////////////////////////////*/

input[class=radiobox]+label {
  position: relative;
  padding: 0 0 0 20px;
  margin: 6px 20px 0 0;
  display: inline-block;
}

input[class=radiobox]+label::before {
  content: url(../img/radiobox.svg);
  display: inline-block;
  width: 14px;
  height: 14px;
  background-size: auto;
  position: absolute;
  top: 2px;
  left: 0;
}

input[class=radiobox]:checked+label::before {
  content: url(../img/radiobox_checked.svg);
}

/*//////////////////////////////////
チェックボタン
//////////////////////////////////*/

input[class=checkbtn]+label {
  position: relative;
  text-align: center;
  border-radius: 5px;
  line-height: 28px;
  display: inline-block;
  border: 1px solid #ACBACB;
  letter-spacing: 0.1em;
  width: 80px;
}

input[class=checkbtn]:checked+label {
  border: 1px solid #4390DE;
  background-color: #4390DE;
  color: #FFF;
}

/*//////////////////////////////////
ラジオボタン
//////////////////////////////////*/

input[class=radiobtn]+label {
  position: relative;
  text-align: center;
  border-radius: 5px;
  line-height: 28px;
  display: inline-block;
  border: 1px solid #ACBACB;
  letter-spacing: 0.1em;
  width: 80px;
  color: #ACBACB;
}

input[class=radiobtn]:checked+label {
  border: 1px solid #4390DE;
  background-color: #4390DE;
  color: #FFF;
}

/*//////////////////////////////////
ブックマーク
//////////////////////////////////*/

input[class=bookmark]+label {
  position: relative;
  padding: 2px 0 0 25px;
  display: inline-block;
}

input[class=bookmark]+label::before {
  content: url(../img/icon_star_line.svg);
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: auto;
  position: absolute;
  top: 1px;
  left: 0;
}

input[class=bookmark]:checked+label::before {
  content: url(../img/icon_star.svg);
}

/*//////////////////////////////////
カレンダー入力フォーム
//////////////////////////////////*/

input[class~=date] {
  padding: 0 20px 0 10px;
  background-image: url(../img/icon_calendar.svg);
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-position: right 15px center;
  cursor: pointer;
}

/*//////////////////////////////////
タグ入力フォーム
//////////////////////////////////*/

input[class=tagFrom] {
  border: none;
  border-bottom: 1px solid #ACBACB;
  border-radius: 0;
  padding: 0;
  width: 100%;
  margin: 0 0 5px 0;
}

/*//////////////////////////////////
サイドナビ
//////////////////////////////////*/

nav, article, section {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

nav {
  width: 100px;
  height: 100%;
  background-color: #FFF;
  -webkit-box-shadow: 3px 0px 10px rgba(54, 79, 79, 0.15);
  box-shadow: 3px 0px 10px rgba(54, 79, 79, 0.15);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
}

.gnav li {
  position: relative;
  text-align: center;
}

.gnav>li>a {
  padding: 19px 0;
  display: block;
  height: 80px;
  position: relative;
  z-index: 100;
  background-color: #FFF;
}

.gnav li a:hover {
  background-color: #F5FAFC;
}

.gnav>li>a:hover::before {
  content: "";
  height: 100%;
  width: 5px;
  background-color: #4d6c8c;
  position: absolute;
  left: 0;
  top: 0;
}

.gnav i {
  font-size: 24px;
  position: relative;
  margin: 0 0 8px 0;
  display: inline-block;
}

.gnav a:hover i {
  color: #364F65;
}

.gnav a span {
  font-size: 13px;
  display: block;
  letter-spacing: 0;
}

.gnav a:hover span {
  font-weight: bold;
}

.gnav .badge::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background-color: #F45C57;
  width: 10px;
  height: 10px;
  right: -8px;
  top: -5px;
}

.gnav .child-nav {
  display: none;
  text-align: left;
  position: absolute;
  top: 0;
  left: 100px;
  width: 190px;
  background-color: #FFF;
  -webkit-box-shadow: 0px 0px 10px rgba(54, 79, 79, 0.15);
  box-shadow: 0px 0px 10px rgba(54, 79, 79, 0.15);
  border-radius: 0 5px 5px 0;
  padding: 25px 0px 20px 0;
  z-index: 0;
}

.gnav>li:hover .child-nav {
  display: block;
}

/*//////////////////////////////////
カレント表示
//////////////////////////////////*/

.gnav .current>a {
  background-color: #F5FAFC;
}

.gnav .current>a::before {
  content: "";
  height: 100%;
  width: 5px;
  background-color: #4d6c8c;
  position: absolute;
  left: 0;
  top: 0;
}

.gnav .current span {
  font-weight: bold;
}

/*//////////////////////////////////
ログイン
//////////////////////////////////*/

.login {
  background-color: #F5FAFC;
}

.loginBox {
  margin: 70px auto;
  width: 500px;
}

.logo {
  margin: 0 0 20px 0;
}

.logo img {
  width: 71px;
  height: auto;
}

.loginForm {
  padding: 40px 50px;
  background-color: #FFF;
  border: 1px solid #DBDEE5;
  -webkit-box-shadow: 3px 0px 10px rgba(54, 79, 79, 0.15);
  box-shadow: 3px 0px 10px rgba(54, 79, 79, 0.15);
}

.loginForm .heading {
  margin: 0 0 40px 0;
  font-size: 24px;
}

.loginForm dt {
  margin: 0 0 5px 0;
  font-size: 16px;
  font-weight: bold;
}

.loginForm dl:not(:last-child) {
  margin: 0 0 30px 0;
}

.loginForm input {
  width: 100%;
  line-height: 38px;
  height: 40px;
}

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

.loginForm .link {
  margin: 50px 0 0 0;
}

/*//////////////////////////////////
ページネーション
//////////////////////////////////*/

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 40px 0;
}

.pagination li {
  margin: 0 10px;
}

.pagination li a {
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  line-height: 40px;
}

.pagination li.selected a {
  background-color: #4390DE;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  color: #FFF;
  display: block;
  -webkit-box-shadow: 0px 3px 6px rgba(67, 144, 144, 0.24);
  box-shadow: 0px 3px 6px rgba(67, 144, 144, 0.24);
}

.pagination li a img {
  width: 12px;
  height: 20px;
}

.pagination li:first-child {
  margin: 0 25px 0 0;
}

.pagination li:last-child {
  margin: 0 0 0 25px;
}

.pagination li:nth-last-child(2)::before {
  content: "...";
  margin: 0 10px 0 0;
}

/*//////////////////////////////////
モーダル
//////////////////////////////////*/

.modal {
  width: 800px;
  margin: 30px auto;
  z-index: 9999;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.modal>div {
  min-width: 700px;
  padding: 50px;
  position: relative;
  background-color: #FFF;
  border-radius: 10px;
}

.modal .heading {
  margin: 0 0 20px 0;
}

.modal .heading span {
  font-size: 16px;
}

.modal .description {
  margin: 0 0 10px 0;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.30);
  z-index: 100;
}

/*//////////////////////////////////
ナビサブメニュー
//////////////////////////////////*/

.child-nav p {
  display: block;
  font-size: 14px;
  font-weight: bold;
  color: #4d6c8c;
  border-bottom: 1px solid #4d6c8c;
  margin: 0 20px 7px;
  padding: 0 0 4px 0;
  letter-spacing: 0.2em;
}

.child-nav li {
    margin: 0;
    position: relative;
}

.child-nav li a {
    font-size: 14px;
    padding: 8px 0 8px 21px;
    display: block;
    position: relative;
    letter-spacing: 0.2em;
    text-align: left;
}

.child-nav li a:after {
    content: url(../img/icon_arrow_right.svg);
    position: absolute;
    width: 6px;
    height: auto;
    right: 20px;
}

/* サブメニューのhover対応 */
.gnav li>.child-nav a::before, .gnav .current>.child-nav a::before {
	display: none;
}

.child-nav a:hover {
  background-color: #F5FAFC;
  color: #364F65;
  font-weight: bold;
}

.child-nav a:hover:after {
  content: url(../img/icon_arrow_right.svg);
  fill: #364F65;
}


/*//////////////////////////////////
ナビアイコン
//////////////////////////////////*/

i[class*="icon_"] {
  font-family: 'nav-icon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

.icon_allocate:before {
  content: "\e900";
}

.icon_home:before {
  content: "\e901";
}

.icon_order:before {
  content: "\e902";
}

.icon_news:before {
  content: "\e903";
}

.icon_master:before {
  content: "\e904";
}

.icon_payment:before {
  content: "\e905";
}

.icon_report:before {
  content: "\e906";
}

.icon_requesting:before {
  content: "\e907";
}

/*//////////////////////////////////
パンくずリスト
//////////////////////////////////*/

.breadcrumbList li {
  font-size: 12px;
  display: inline-block;
}

.breadcrumbList a:hover {
  border-bottom: 1px solid #364F65;
}

.breadcrumbList li:not(:last-child)::after {
  content: url(../img/icon_arrow_right.svg);
  margin: 0 8px;
  width: 6px;
  height: 6px;
  display: inline-block;
}

/*//////////////////////////////////
ユーザ設定
//////////////////////////////////*/

.userInfo {
  margin: 0 0 0 auto;
	position: relative;
}

.userInfo a {
  display: inline-block;
}

.userInfo img {
  width: 28px;
  height: 28px;
  margin: 0 4px 0 0;
  border-radius: 50%;
}

/*//////////////////////////////////
タイトル
//////////////////////////////////*/

.titleBox {
  position: relative;
  margin: 0 0 20px 0;
}

.titleBox .title {
  font-size: 24px;
  margin: 0 20px 0 0;
}

.titleBox .num {
  font-size: 16px;
}

.titleBox .tabStatus {
  margin: 0 0 0 10px;
  font-size: 13px;
  line-height: 20px;
  padding: 0 15px;
    background: #fff;
    border: 1px solid #838C98;
  border-radius: 20px;
}

.titleBox>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.titleBox>div:not(:last-child) {
  margin: 0 0 10px 0;
}

/*//////////////////////////////////
ヘッダーステータス
//////////////////////////////////*/

.statusBox {
  font-size: 16px;
}

.statusBox p {
  margin: 0 30px 0 0;
}

.statusItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.statusItem:not(:last-child) {
  margin: 0 30px 0 0;
}

.statusItem dt {
  margin: 0 20px 0 0;
  font-weight: bold;
}

/*//////////////////////////////////
エラーメッセージ
//////////////////////////////////*/

.errorMessageBox {
  padding: 20px 30px;
  border: 1px solid #F07777;
  margin: 0 0 20px 0;
  background-color: #FFF;
}

.errorMessageBox h4 {
  color: #F07777;
  font-size: 18px;
}

.errorMessageBox h4::before {
  width: 18px;
  content: url(../img/icon_warning.svg);
  margin: 0 5px 0 0;
  display: inline-block;
  bottom: -2px;
  position: relative;
}

.errorMessageBox p {
  font-weight: bold;
  font-size: 16px;
  margin: 20px 0 10px 0;
}

.errorMessageBox ul {
  list-style: disc;
  padding: 0 0 0 40px;
  font-size: 16px;
}

.errorMessageBox li {
  margin: 5px 0 0 0;
}

.inputErrorMessage {
  color: #F07777;
  margin: 5px 0;
}

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

.btn {
  border-radius: 5px;
  padding: 0 15px;
  line-height: 28px;
  display: inline-block;
  text-align: center;
  letter-spacing: 0.1em;
  white-space: nowrap;
  height: 30px;
}

.btn:not(:last-child) {
  margin: 0 10px 0 0;
}

.btnRightBottom {
  position: absolute;
  bottom: 0;
  right: 0;
}

.btnPrimary {
  background-color: #4390DE;
  color: #FFF;
  border: 1px solid #4390DE;
}

.btnOutline {
  background-color: #FFF;
  color: #4390DE;
  border: 1px solid #4390DE;
}

.btnDisabled {
  background-color: #DBDEE5;
  color: #FFF;
  border: 1px solid #DBDEE5;
}

.btn:not(.btnDisabled):hover {
  opacity: .75;
}

.btnIcon {
  position: relative;
  padding: 0 15px 0 25px;
}

.btn img {
  display: inline-block;
  width: 10px;
  height: 10px;
}

.icon_map::before {
  position: absolute;
  top: 2px;
  left: 12px;
  width: 10px;
  content: url(../img/icon_map.svg);
}

.buttonBox {
  margin: 20px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.rightBox {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.topBox {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 0 0 20px 0;
}

.centerBox {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.bottomBox {
  position: absolute;
  bottom: 20px;
  right: 30px;
}

.titleBox .buttonBox {
  margin: 0;
  width: initial;
  position: absolute;
}
.buttonBox+.buttonBox {
  margin: 10px 0 0 0;
}

.contentsBox+.buttonBox {
  margin: 0 0 50px 0;
}
/*
.btnAccordion::after {
  position: absolute;
  bottom: -15px;
  left: 50%;
  width: 30px;
  height: 30px;
  content: url(../img/btn_arrow_up.svg);
  cursor: pointer;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-box-shadow: 0px 3px 6px rgba(67, 144, 144, 0.24);
  box-shadow: 0px 3px 6px rgba(67, 144, 144, 0.24);
  border-radius: 50%;
}
*/
.btnPageDown, .btnPageUp {
  height: 24px;
  width: 24px;
  display: inline-block;
  text-align: center;
}

.btnPageDown {
  margin: 0 8px 0 0;
  background-image: url(../img/btn_triangle_down.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}

.btnPageUp {
  margin: 0 8px 0 0;
  background-image: url(../img/btn_triangle_up.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}

.btnPageDown:disabled {
  background-image: url(../img/btn_triangle_down_disable.svg);
}

.btnPageUp:disabled {
  background-image: url(../img/btn_triangle_up_disable.svg);
}

.btnPageDown:not(:disabled):hover, .btnPageUp:not(:disabled):hover {
  opacity: .75;
}

.btnIconAdd img {
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: inline-block;
  margin: 0 0 0 8px;
}

.btnIconUp img {
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: inline-block;
}

.btn.btnPageBack {
  margin: 0 50px 0 0;
}

.btn.btnPageNext {
  margin: 0 0 0 40px;
}

/*//////////////////////////////////
//////////////////////////////////*/

/*//////////////////////////////////*/

.reportBoxWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.reportBoxWrap>.itemBox {
  width: 410px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.reportBoxWrap .itemBox:not(:last-child) {
  margin: 0 15px 0 0;
}

.reportBoxWrap>.itemBox .buttonBox {
  margin: auto 0 0 0;
}

.reportBoxWrap .inputItem dd {
  width: 262px;
}

/*//////////////////////////////////*/

.inputItemWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.confirmWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.indexBoxWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.indexCardWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.indexBoxWrap:not(:last-child) {
  margin: 0 0 30px 0;
}

/*//////////////////////////////////
インデックス
//////////////////////////////////*/

.indexBox {
  width: 100%;
}

.indexBox:not(:last-child) {
  margin: 0 30px 0 0;
}

.tabBox {
  position: absolute;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tabBox .tab {
  width: 60px;
  font-size: 16px;
  text-align: center;
  color: #838C98;
  cursor: pointer;
  position: relative;
}

.tabBox .tab::before {
  content: "";
  height: 2px;
  width: 60px;
  background-color: #DBDEE5;
  position: absolute;
  left: 0;
  bottom: -5px;
}

.tabBox .tab.show {
  color: #4390DE;
}

.tabBox .tab.show::before {
  background-color: #4390DE;
  -webkit-box-shadow: 0px 3px 6px rgba(67, 144, 144, 0.24);
  box-shadow: 0px 3px 6px rgba(67, 144, 144, 0.24);
}

.tabBox .tab:not(:last-child) {
  margin: 0 10px 0 0;
}

.chartArea {
  position: relative;
}

.chartArea .chart {
  margin: 0 auto 20px;
  height: 180px;
  width: 180px;
  background-color: #EFF1F5;
  border-radius: 50%;
  position: relative;
}

.chartArea .chart::after {
  content: "";
  height: 160px;
  width: 160px;
  background-color: #FFF;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 10px;
}

.chartArea .chart.sample {
  background-color: #86BBF0;
}

.chartArea .innerCounter {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.innerCounter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.innerCounter dt {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.innerCounter dd {
  position: relative;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

.innerCounter dd::before {
  content: "";
  height: 2px;
  width: 40px;
  background-color: #F5B439;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.counterBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 0 20px 0;
}

.counterBox dl:not(:last-child) {
  margin: 0 20px 0 0;
  padding: 0 20px 0 0;
  border-right: 1px solid #DBDEE5;
}

.counterBox dt {
  font-size: 13px;
  margin: 0 0 10px 0;
}

.counterBox dt::before {
  content: "";
  height: 8px;
  width: 8px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 5px 1px 0;
}

.counterBox dl:nth-last-of-type(3) dt::before {
  background-color: #EFF1F5;
  border: 1px solid #ACBACB;
}

.counterBox dl:nth-last-of-type(2) dt::before {
  background-color: #86BBF0;
}

.counterBox dl:nth-last-of-type(1) dt::before {
  background-color: #F5B439;
}

.counterBox dd .notes {
  display: block;
  color: #F07777;
  font-size: 11px;
}

.counterBox dd em, .progressList dd em, .cancelList dd em {
  font-size: 21px;
  font-weight: bold;
  font-style: normal;
}

.innerCounter dd em {
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
}

.progressList.decimal {
  list-style: decimal;
  margin: 10px 0 0 50px;
}

.progressList.disk {
  list-style: decimal;
  margin: 10px 0 20px 0;
  padding: 0 30px;
}

.progressList li:not(:last-child) {
  margin: 0 0 18px 0;
}

.progressList dl {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}

.progressList dl+dl {
  margin: 10px 0 0 0;
}

.progressList dt {
  width: 16em;
}

.progressList dd {
  margin: -5px 0 0 auto;
}

.progressList.disk dt::before {
  content: "";
  height: 8px;
  width: 8px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 5px 1px 0;
  background-color: #DBDEE5;
}

/*//////////////////////////////////
//////////////////////////////////*/

.newsBox {
  background-color: #4390DE;
  position: absolute;
  top: 0;
  left: 100px;
  width: 350px;
  height: 100%;
  background: #fff;
  -webkit-box-shadow: 3px 0px 10px rgba(54, 79, 79, 0.15);
  box-shadow: 3px 0px 10px rgba(54, 79, 79, 0.15);
  z-index: 100;
  overflow-y: scroll;
}

.newsBox .heading {
  margin: 30px 20px 10px;
}

.newsBox li a {
  padding: 20px 20px 16px;
  display: inline-block;
  width: 100%;
}

.newsBox li:hover {
  background-color: #F5FAFC;
}

.itemHeaderBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 8px 0;
}

.itemHeaderBox .label {
  background-color: #4390DE;
  color: #FFF;
  line-height: 25px;
  text-align: center;
  width: 66px;
  font-weight: bold;
  margin: 0 10px 0 0;
}

.itemHeaderBox .number {
  font-weight: bold;
  letter-spacing: 0;
}

.itemHeaderBox .date {
  margin: 0 0 0 auto;
  letter-spacing: 0;
}

.newsList .text {
  font-size: 16px;
}

.tabLinkBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 20px 0;
  width: 478px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tabLink {
  font-weight: bold;
  text-align: center;
  letter-spacing: .1em;
  width: 50px;
  color: #838C98;
  position: relative;
  padding: 0 0 5px 0;
}

.tabLink:before {
  background-color: #DBDEE5;
  border-radius: 2px;
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.tabLink:nth-child(n+7)::after {
  content: "...";
  display: inline-block;
  position: absolute;
  bottom: 3px;
  right: -30px;
}

.tabLink:hover {
  opacity: .75;
}

.tabLink.active {
  color: #4390DE;
}

.tabLink.active:before {
  background-color: #4390DE;
}

.tabLink:not(:last-child) {
  margin: 0 15px 0 0;
}

.routeThroughBox {
  display: table;
  table-layout: fixed;
}

.routeThroughBox>.label {
  display: table-cell;
  width: 71px;
  font-weight: normal;
  font-size: 16px;
  vertical-align: top;
}

/*//////////////////////////////////*/

.confirmGroup>.label, .inputGroup>.label {
  font-weight: normal;
  border-bottom: 1px solid #DBDEE5;
  margin: 0 0 20px 0;
  font-size: 16px;
}

.inputItem, .confirmItem, .priceItem {
  display: table;
}

.inputItem dt, .confirmItem dt, .priceItem dt {
  display: table-cell;
  font-weight: bold;
  vertical-align: top;
  white-space: nowrap;
  width: inherit;
}

.inputItem dt {
  padding: 6px 10px 0 0;
}

.inputField:not(:last-child) {
  margin: 0 10px 0 0;
}

.inputItem dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.confirmItem dt {
  padding: 0 10px 0 0;
}

.inputItem dt span, .confirmItem dt span {
  font-size: 12px;
  display: block;
}

.confirmBlock, .inputBlock, .tagBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.confirmItem.priceItem dd {
  width: 8em;
  font-weight: bold;
}

.priceItem {
  margin: 0 0 0 auto;
}

.priceItem dd {
  text-align: right;
}

.priceItem dd span {
  font-weight: normal;
  font-size: 12px;
}

.tagBlock {
  margin: 0 0 10px 0;
}
/*
.tagItem dd {
  border-bottom: 1px solid #ACBACB;
  padding: 0 30px 0 0;
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.tagDel dd:first-of-type::after {
  width: 24px;
  height: 24px;
  content: url(../img/btn_del.svg);
  display: block;
  position: absolute;
  bottom: 13px;
  right: 0;
  cursor: pointer;
}
*/
.tagSelectList {
  border: 1px solid #DBDEE5;
  background-color: #FFF;
  -webkit-box-shadow: 3px 0px 10px rgba(54, 79, 79, 0.15);
  box-shadow: 3px 0px 10px rgba(54, 79, 79, 0.15);
  width: 100%;
  height: 300px;
  overflow-y: scroll;
  /*position: absolute;
  top: -11px;*/
  z-index: 10;
}

.tagSelectList li a {
  line-height: 54px;
  padding: 0 30px;
  width: 100%;
  display: block;
}

.tagSelectList li a img {
  width: 28px;
  height: 18px;
  margin: 0 10px 0 0;
  position: relative;
  top: -1px;
}

.tagSelectList li a:hover {
  background-color: #E4EDF7;
}

.confirmTag, .inputTag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 1093px;
}

.groupSearch .inputTag {
  width: 1028px;
}
.confirmTag p {
  margin: 0 10px 5px 0;
}

.inputItem dt .iconStar {
  width: 16px;
  height: 16px;
  position: relative;
  top: -2px;
}

.priceDetailList li {
  padding: 20px 30px;
  background-color: #E4EDF7;
  border-radius: 5px;
  position: relative;
}

.priceDetailList li:not(:last-child) {
  margin: 0 0 20px 0;
}
/*
.priceDetailList li::after {
  content: url(../img/btn_del.svg);
  position: absolute;
  width: 24px;
  height: 24px;
  right: -12px;
  top: -12px;
  cursor: pointer;
  display: block;
}
*/
/*/ ///////////////////////////////////////////////*/

.nestedCheckBox {
  height: 300px;
  width: 100%;
  overflow-y: scroll;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #ACBACB;
  background-color: #FFF;
}

.nestedCheckBox ul {
  padding: 0 0 0 1.5em;
}

.nestedCheckBox li {
  margin: 0 0 3px 0;
}

/*/ ///////////////////////////////////////////////*/

.groupRegisterBox {
  display: flex;
}

.groupRegisterBox>div:nth-of-type(1) {
  width: 200px;
}

.groupRegisterBox>div:nth-of-type(2) {
  width: 500px;
}

.groupRegisterBox .title {
  font-weight: normal;
  margin: 0 0 5px 0;
}

.groupRegisterBox select {
  height: 450px;
  width: 140px;
  background: none;
  padding: 0;
}

.groupRegisterBox select option {
  padding: 5px 20px;
}

.groupRegisterBox .checkboxWrap {
  height: 400px;
  padding: 10px 20px;
  border-radius: 5px;
  border: 1px solid #ACBACB;
  overflow-y: scroll;
}

.groupRegisterBox .checkboxWrap .inputField:not(:last-child) {
  margin: 0 0 7px 0;
}
/*/ ///////////////////////////////////////////////*/

.inputGroup:not(:last-child) {
  margin: 0 0 30px 0;
}

.inputBlock:not(:last-child) {
  margin: 0 0 20px 0;
}

.inputItem dd:not(:last-child) {
  margin: 0 0 10px 0;
}

.inputItem:first-of-type dt, .confirmItem:first-of-type dt {
  width: 7.5em;
}

.masterBox .inputItem:first-of-type dt, .masterBox .confirmItem:first-of-type dt {
  width: 10em;
}
.inputItem.priceItem:first-of-type dt {
  width: auto;
}

.inputItem:not([class*=col-]):not(:last-child) {
  margin: 0 3.5% 0 0;
}

.titleBox .confirmItem:first-child dt {
  width: 7.5em;
}

.confirmItem.priceItem:first-of-type dt {
  width: auto;
}

.confirmEntryBox .confirmItem:first-of-type dt {
  width: 5em;
}

.confirmGroup:not(:last-child) {
  margin: 0 0 30px 0;
}

.confirmItem:not([class*=col-]):not(:last-child) {
  margin: 0 15% 0 0;
}

.confirmBlock:not(:last-child) {
  margin: 0 0 10px 0;
}

.fixedInfoBox .confirmItem:not(:first-of-type) dt {
  width: 11em;
}

.fixedInfoBox .inputItem:not(:first-of-type) dt {
  width: 11em;
}

.inputSettingBox .inputGroup:nth-of-type(1) .inputItem dt, .confirmSettingBox .confirmGroup:nth-of-type(1) .confirmItem dt {
  width: 8em;
}

.inputSettingBox .inputGroup:nth-of-type(2) .inputItem dt, .confirmSettingBox .confirmGroup:nth-of-type(2) .confirmItem dt {
  width: 10em;
}

label img {
  width: 16px;
  height: 16px;
  display: block;
}

.resultBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 10px 0;
}

.result {
  font-weight: bold;
  margin: 0 auto 0 0;
}

.result em {
  font-size: 18px;
  font-style: normal;
  margin: 0 0 0 5px;
}

.sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 auto;
}

.sortItem:not(:last-child) {
  margin: 0 10px 0 0;
}

/*/ ///////////////////////////////////////////////*/

.searchFormBox .inputItem dt {
  font-weight: normal;
}

.cancelBox {
  width: 470px;
  margin: 0 0 0 auto;
}

.cancelBox .inputItem {
  margin: 0 auto;
}

/*/タグ/////////////////////////////////*/

.tag {
  background-color: #F5FAFC;
  border-radius: 15px;
  padding: 0 15px;
  line-height: 28px;
  color: #4390DE;
  border: 1px solid #4390DE;
  display: inline-block;
  text-align: center;
  margin: 0 10px 5px 0;
}
/*
.tag::after {
  width: 10px;
  content: url(../img/icon_del.svg);
  margin: 0 0 0 10px;
  display: inline-block;
  cursor: pointer;
}
*/
/*////////////////*/

.entryList>li, .routeList>li, .saveList>li {
  counter-increment: number 1;
  position: relative;
}

.entryList>li::before, .routeList>li::before {
  content: "0"counter(number) " ";
  position: absolute;
  font-size: 18px;
  border-bottom: 3px solid #4390DE;
  z-index: 1;
}

.entryList>li::before {
  left: 30px;
  top: 16px;
}

.routeList>li::before {
  left: 30px;
  top: 20px;
}

.inputRouteList>li::after {
  content: url(../img/btn_del.svg);
  position: absolute;
  width: 24px;
  height: 24px;
  right: -12px;
  top: -12px;
  cursor: pointer;
  display: block;
}

.inputEntryList>li, .confirmEntryList>li {
  padding: 20px 30px 20px 90px;
  border: 1px solid #DBDEE5;
  background-color: #FFF;
}

.confirmDetailList>li {
  padding: 60px 30px 20px 30px;
  border: 1px solid #DBDEE5;
  background-color: #FFF;
}

.inputEntryList>li:not(:last-child), .confirmEntryList>li:not(:last-child) {
  margin: 0 0 30px 0;
}

.confirmDetailList>li:not(:last-child) {
  margin: 0 0 20px 0;
}

.confirmEntryList>li:first-of-type {
  margin: 0 0 60px 0;
}

.confirmEntryList>li:nth-of-type(2)::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #FFF;
  display: block;
  position: absolute;
  top: -32px;
  left: 0;
}

/*
.confirmEntryList>li:first-of-type::after {
  content: url(../img/btn_arrow_up.svg);
  position: absolute;
  width: 30px;
  height: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -45px;
  cursor: pointer;
  z-index: 10;
  -webkit-box-shadow: 0px 3px 6px rgba(67, 144, 144, 0.24);
  box-shadow: 0px 3px 6px rgba(67, 144, 144, 0.24);
  border-radius: 50%;
}


.inputEntryList>li:nth-of-type(n+2)::after {
  content: url(../img/btn_del.svg);
  position: absolute;
  width: 24px;
  height: 24px;
  right: -12px;
  top: -12px;
  cursor: pointer;
  display: block;
}
*/
.confirmEntryList .confirmItem:not(.fixedInfoItem):first-of-type dt {
  width: 5.5em;
}

.inputEntryBox, .confirmEntryBox, .inputSettingBox, .confirmSettingBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.inputEntryBox .inputGroup:nth-child(3) {
  margin: 10px 0 0 0;
}

.confirmEntryBox .confirmGroup:nth-child(3) {
  margin: 10px 0 0 0;
}

.confirmDetailList .confirmGroup:not(:last-child) {
  margin: 0 0 20px 0;
}

.boxWrap.confirmEntryBox::before {
  left: 30px;
  top: 20px;
}

.scaleLabel {
  margin: 0 3px 0 0;
}

/*/ ///////////////////////////////////////////////*/

.groupDetailBox .heading {
  font-size: 21px;
}

/*/ ///////////////////////////////////////////////*/
.inputRouteBox>dl, .confirmRouteBox>dl {
  display: table;
  table-layout: fixed;
  width: 100%;
  position: relative;
}

.confirmRouteBox>dl:not(:last-child) {
  margin: 0 0 40px 0;
}
/*
.inputRouteBox>dl:not(:last-child)::after {
  content: url(../img/btn_add.svg);
  position: absolute;
  width: 45px;
  height: 45px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -65px;
  z-index: 10;
  -webkit-box-shadow: 0px 3px 6px rgba(67, 144, 144, 0.24);
  box-shadow: 0px 3px 6px rgba(67, 144, 144, 0.24);
  border-radius: 50%;
}
*/
.inputRouteBox>dl:not(:last-child), .inputRouteList>li:not(:last-child) {
  margin: 0;
}

.inputRouteBox>dl>dt, .confirmRouteBox>dl>dt {
  width: 5em;
  display: table-cell;
  vertical-align: top;
  font-weight: bold;
  font-size: 16px;
}
/*
.inputRouteList>li:not(:last-child)>div::after {
  content: url(../img/btn_add.svg);
  position: absolute;
  width: 45px;
  height: 45px;
  left: 496px;
  bottom: -65px;
  z-index: 10;
  -webkit-box-shadow: 0px 3px 6px rgba(67, 144, 144, 0.24);
  box-shadow: 0px 3px 6px rgba(67, 144, 144, 0.24);
  border-radius: 50%;
}
*/
.confirmRouteList .itemBox {
  padding: 30px 0 0 0;
}

.saveList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.saveList>li {
  position: relative;
  padding: 60px 30px 20px;
  border-radius: 5px;
  border: 1px solid #DBDEE5;
  background-color: #FFF;
  width: 620px;
  margin: 0 0 15px 0;
}

.saveList>li::before {
  content: "条件0"counter(number) " ";
  position: absolute;
  top: 20px;
  left: 30px;
  font-size: 16px;
  font-weight: bold;
  z-index: 1;
}

.saveList>li:nth-child(odd) {
  margin: 0 15px 15px 0;
}

/*//////////////////////////////////
画像添付
//////////////////////////////////*/

.fileList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.fileList li {
  position: relative;
}

.fileList li img {
  background-color: #EEE;
  display: block;
  border: 1px solid #DBDEE5;
}

.fileList.large li {
  margin: 0 15px 10px 0;
}

.fileList.large img {
  width: 100px;
  height: 100px;
}

.fileList.small li {
  margin: 0 8px 10px 0;
}

.fileList.small img {
  width: 71px;
  height: 71px;
}
/*
.fileList.iconDel li::after {
  content: url(../img/btn_del.svg);
  position: absolute;
  width: 16px;
  height: 16px;
  right: -8px;
  top: -8px;
  cursor: pointer;
  display: block;
}
*/
.fileList li p {
  margin: 8px 0 0 0;
  font-size: 12px;
  text-align: center;
}

/*/ ///////////////////////////////////////////////*/

.inputItem .fileList {
  margin: 20px 0 0 0;
}

/*/ ///////////////////////////////////////////////*/

.applicationBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 20px 0;
}

.boxWrap {
  margin: 0 20px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.boxType01, .boxType02, .boxType03 {
  width: 620px;
}

.boxType02 {
  margin: 20px 0 0 0;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

.scrollBox {
  height: 700px;
  overflow-y: scroll;
}

.applicationForm {
  margin: 0 0 20px 0;
}

.applicationBox .entryForm {
  padding: 60px 20px 20px 20px;
}

.applicationBox .entryForm::before {
  left: 20px;
  top: 20px;
}

.applicationBox .formItem:first-of-type>dt {
  width: 6em;
}

.applicationBox .entryBox {
  height: 700px;
  overflow-y: scroll;
  margin: 20px 0 0 0;
}

/*//////////////////////////////////
チャットメッセージ
//////////////////////////////////*/

.commentBox {
  padding: 20px 30px;
  background-color: #FFF;
  border-radius: 5px;
  border: 1px solid #DBDEE5;
  margin: 0 0 20px 0;
  overflow-y: scroll;
}

.commentList {
  margin: 0 0 50px 0;
}

.commentList li:not(:last-child) {
  margin: 0 0 20px 0;
}

.commentList li {
  padding: 20px 30px;
  border-radius: 5px;
  border: 1px solid #DBDEE5;
  position: relative;
}

.commentList .sendMessege {
  background-color: #E4EDF7;
}

.commentList li .textarea {
  padding: 0 0 0 40px;
}

.commentList .userInfo {
  margin: 0 0 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  font-size: 16px;
}

.commentList .userInfo time {
  margin: 0 0 0 auto;
  font-size: 13px;
}

/*//////////////////////////////////
作業更新リスト
//////////////////////////////////*/

.logBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 50px 0;
}

.logBox .heading {
  width: 6em;
}

.logBox li:not(:last-child) {
  margin: 0 0 5px 0;
}

/*//////////////////////////////////
案件リスト
//////////////////////////////////*/

.flagWarning::before {
  content: url(../img/icon_warning.svg);
  display: inline-block;
  width: 18px;
  height: 18px;
  position: absolute;
  left: -9px;
  top: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: auto;
}

.badge-pink {
  background: #F07777;
}

.badgeY {
	color: #E58200;
	background: #fff;
	border: 1px solid #E58200;
	border-right: none;
}

.badge-green {
  background: #6EC39C;
}

.badgeB {
  background: #fff;
	border: 1px solid #838C98;
	border-right: none;
}

.badge-purple {
  background: #936DB9;
}

.badgeGy {
  background: #F2F2F2;
	border: 1px solid #DBDEE5;
	bordera-right: none;
}

.resultList>li {
  display: table;
  width: 100%;
  background-color: #fff;
  border: 1px solid #DBDEE5;
  border-radius: 5px;
  -webkit-box-shadow: 0px 2px 4px rgba(54, 79, 79, 0.15);
  box-shadow: 0px 2px 4px rgba(54, 79, 79, 0.15);
  padding: 12px 0px 12px 10px;
  position: relative;
  cursor: pointer;
  min-height: 82px;
}

.resultList li:hover {
  background-color: #E4EDF7;
}

.resultList>li:not(:last-child) {
  margin: 0 0 10px 0;
}

.resultList .col {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  text-align: center;
}

.resultList .col:not(.bookmark):not(:last-child) {
  border-right: 1px solid #DBDEE5;
}

/*//////////////////////////////////*/

.resultList .chip {
  color: #fff;
  display: inline-block;
  font-size: 13px;
  border-radius: 5px 5px 0 0;
  padding: 1px 0;
  text-align: center;
  white-space: nowrap;
}

.resultList .route .chip {
  background-color: #6EC39C;
  width: 50px;
  position: absolute;
  left: 49%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -12px;
}

.resultList .deadline .chip, .resultList .num .chip {
  background-color: #F45C57;
  width: 80px;
  margin: 0 auto;
  position: absolute;
  bottom: -12px;
  left: 0;
  right: 0;
}
.resultList .num .chip {
	width: 60px;
	font-weight: normal;
	left: -20%;
}

/*//////////////////////////////////*/

.resultList .bookmark {
  width: 30px;
}

.resultList .bookmark label {
  padding: 20px 0 0 0;
  width: 20px;
}

.vehicleSearchList input[class=bookmark]+label::before, .cargoSearchList input[class=bookmark]+label::before {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.vehicleSearchList input[class=bookmark]:checked+label::after, .cargoSearchList input[class=bookmark]:checked+label::after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

/*//////////////////////////////////*/

.vehicleSearchList .numberlist dt, .cargoSearchList .numberlist dt {
  width: 8em;
}

.transportationList .print {
  width: 220px;
}

.transportationList .copy {
  width: 140px;
}

.transportationList .buttonBox {
  margin: 5px 0 0 0;
}

/*//////////////////////////////////*/

.resultList .route {
  padding: 0 20px;
  text-align: left;
}

.vehicleEntryList .route, .cargoEntryList .route {
  width: auto;
}

.resultList .fromTo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-image: url(../img/icon_triangle.svg);
  background-repeat: no-repeat;
  background-size: 12px 16px;
  background-position: center;
}

.resultList .fromTo div {
  width: 50%;
}

.resultList .fromTo div:not(:last-child) {
  margin: 0 50px 0 0;
}

.resultList .fromTo div p {
  width: 10em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.resultList .fromTo div p:nth-child(2) {
  font-weight: bold;
}

.cargoEntryList .fromTo div p {
  width: 14em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*//////////////////////////////////*/

.resultList .num {
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  padding-left: 15px;
	position: relative;
}

.transportationList .num {
  font-weight: normal;
}

.resultList .num span {
  display: block;
  font-weight: normal;
  margin: 5px 0 0 0;
}

.businessPersonList .num {
  width: 250px;
  text-align: left;
  padding: 0 20px;
}

.businessPersonList .num p:nth-child(1) {
  font-weight: normal;
}
.vehicleEntryList .num, .orderList .num, .estimateReceiveList .num {
  width: 170px;
}

.estimateRequestList .num {
  width: 230px;
}

.cargoEntryList .num, .transportationList .num {
  width: 140px;
}

.vehicleSearchList .num, .cargoSearchList .num {
  width: 125px;
}

.vehicleDetailList .num, .cargoDetailList .num {
  width: 120px;
}

/*//////////////////////////////////*/

.resultList .price {
  width: 200px;
}

.resultList .deadline {
  width: 140px;
}

.resultList .answer {
  width: 150px;
}

.resultList .type {
  width: 140px;
}

/*//////////////////////////////////*/

.cargoEntryList .vehicle {
  width: 120px;
}

.transportationList .vehicleNum {
  width: 170px;
  text-align: left;
  padding: 0 20px;
}

.vehicleDetailList .vehicleNum {
  width: 100px;
}

.cargoEntryList .vehicleNum {
  width: 90px;
}

/*//////////////////////////////////*/

.vehicleDetailList .vehicleClass {
  width: 100px;
}

/*//////////////////////////////////*/

.vehicleDetailList .vehicleModel {
  width: 150px;
}

/*//////////////////////////////////*/

.vehicleDetailList .check {
  width: 130px;
}

.cargoDetailList .check {
  width: 90px;
}

/*//////////////////////////////////*/

.vehicleDetailList .apply {
  width: 120px;
}

.cargoDetailList .apply {
  width: 90px;
}

/*//////////////////////////////////*/

.resultList .name {
  padding: 0 20px;
  font-weight: bold;
  text-align: left;
}

.vehicleSearchList .name, .cargoSearchList .name {
  width: 180px;
}

.cargoDetailList .name, .orderList .name, .groupList .name {
  width: 300px;
}

.estimateReceiveList .name, .transportationList .name {
  width: 230px;
}

/*//////////////////////////////////*/

.vehicleSearchList .vehicleOffer, .cargoSearchList .vehicleOffer {
  width: 110px;
}

.vehicleEntryList .vehicleOffer, .cargoEntryList .vehicleOffer {
  width: 200px;
}

/*//////////////////////////////////*/

.vehicleSearchList .vehicleApply, .cargoSearchList .vehicleApply {
  width: 150px;
}

/*//////////////////////////////////*/

.cargoSearchList .cargo {
  width: 150px;
}

.cargoDetailList .cargo {
  width: 100px;
}

/*//////////////////////////////////*/

.groupDetailList .date {
  width: 160px;
}

/*//////////////////////////////////*/

.groupDetailList .user {
  width: 160px;
}

/*//////////////////////////////////*/

.groupList .registered {
  width: 100px;
}

/*//////////////////////////////////*/

.groupList .carrier {
  width: auto;
  text-align: left;
  padding: 0 20px;
}

.groupList .carrier div {
  width: 60em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*//////////////////////////////////*/

.resultList .address {
  width: 350px;
  padding: 0 20px;
  text-align: left;
}

.resultList .address p {
  width: 22em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.resultList .address p:nth-child(2) {
  font-weight: bold;
}

/*//////////////////////////////////*/

.businessPersonList .tel {
  width: 230px;
}

/*//////////////////////////////////*/

.businessPersonList .mail {
  width: 290px;
}

/*//////////////////////////////////*/

.vehicleList .num {
  width: 150px;
  text-align: left;
  padding: 0 20px;
}

.vehicleList .class {
  width: 100px;
}

.vehicleList .division {
  width: 60px;
}

.vehicleList .vehicleNum {
  width: 80px;
}

.vehicleList .vehicle {
  width: 110px;
}

.vehicleList .garage {
  width: 150px;
}

.vehicleList .userName {
  width: 150px;
}

/*//////////////////////////////////*/

.spotList .num {
  width: 150px;
}

.spotList .name {
  width: 200px;
}

.spotList .L-L {
  width: 150px;
}

.spotList .division {
  width: 120px;
}

/*//////////////////////////////////*/

.userList .userName {
  width: 160px;
}

.userList .name {
  width: 320px;
}

.userList .authority {
  width: 130px;
}

.userList .driving {
  width: 150px;
}

.userList .role {
  width: 180px;
}

/*//////////////////////////////////*/
.resultList .status p {
  width: 120px;
  font-weight: bold;
  text-align: left;
  border-radius: 5px 0 0 5px;
  padding: 8px 10px 6px 30px;
  margin: 0 0 0 auto;
	position: relative;
}
.resultList .status p img {
	width: 15px;
	height: 15px;
	position: absolute;
	top: 9px;
	left: 8px;
}

.vehicleEntryList .status, .orderList .status, .vehicleDetailList .status {
  width: 170px;
}

.estimateRequestList .status {
  width: 200px;
}

.requestDetailList .status {
  width: 550px;
}

.vehicleSearchList .status, .cargoSearchList .status, .cargoEntryList .status, .cargoDetailList .status, .estimateReceiveList .status, .transportationList .status, .businessPersonList .status {
  width: 140px;
}

/*//////////////////////////////////*/

.phraseList>li:not(:last-child) {
  margin: 0 0 30px 0;
}
/*
.phraseList>li:last-child {
  margin: 0 0 100px 0;
}

.phraseList>li:last-child:after {
  content: url(../img/btn_add.svg);
  position: absolute;
  width: 45px;
  height: 45px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -65px;
  z-index: 10;
  -webkit-box-shadow: 0px 3px 6px rgba(67, 144, 144, 0.24);
  box-shadow: 0px 3px 6px rgba(67, 144, 144, 0.24);
  border-radius: 50%;
  cursor: pointer;
}
*/

/*//////////////////////////////////
地図選択リスト
//////////////////////////////////*/

.prefList {
  position: absolute;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 530px;
}

.prefList div {
  border: 1px solid #4390DE;
  padding: 10px 0;
  margin: 5px;
  width: 96px;
  height: 52px;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}

.prefList div:hover {
  opacity: .75;
}

.prefList a {
  color: #4390DE;
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  line-height: 1;
}

.prefList span {
  display: block;
  font-size: 13px;
  margin: 3px 0 0 0;
}

.prefList div.none {
  background-color: #EFF1F5;
  border: 1px solid #EFF1F5;
}

.prefList div.none a {
  color: #ACBACB;
}

.mapArea {
  width: 700px;
  height: 522px;
  margin: 0 0 20px 0;
  position: relative;
}

.mapArea div {
  width: 44px;
  height: 44px;
  background-color: #DEEAF7;
  border-radius: 5px;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}

.mapArea a {
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1;
}

.mapArea span {
  display: block;
  font-size: 13px;
  margin: 3px 0 0 0;
}

.mapArea div.select {
  background-color: #4390DE;
}

.mapArea div.select a {
  color: #FFF;
}

.mapArea div.none {
  background-color: #EFF1F5;
}

.mapArea div.none a {
  color: #ACBACB;
}

.mapArea div:hover {
  opacity: .75;
}
/*
.modal::after {
  content: url(../img/btn_del.svg);
  position: absolute;
  width: 30px;
  height: 30px;
  right: -15px;
  top: -15px;
  cursor: pointer;
  display: block;
}
*/
/*//////////////////////////////////
地図
//////////////////////////////////*/

/*北海道*/

.mapArea div:nth-child(1) {
  left: 564px;
  top: 0;
  width: 136px;
  height: 90px;
}

/*北海道*/

.mapArea div:nth-child(2) {
  left: 564px;
  top: 110px;
  width: 90px;
}

.mapArea div:nth-child(3) {
  left: 610px;
  top: 156px;
}

.mapArea div:nth-child(4) {
  left: 610px;
  top: 202px;
}

.mapArea div:nth-child(5) {
  left: 564px;
  top: 156px;
}

.mapArea div:nth-child(6) {
  left: 564px;
  top: 202px;
}

.mapArea div:nth-child(7) {
  left: 610px;
  top: 248px;
}

/*関東*/

.mapArea div:nth-child(8) {
  left: 610px;
  top: 294px;
}

.mapArea div:nth-child(9) {
  left: 564px;
  top: 294px;
}

.mapArea div:nth-child(10) {
  left: 518px;
  top: 294px;
}

.mapArea div:nth-child(11) {
  left: 564px;
  top: 340px;
}

.mapArea div:nth-child(12) {
  left: 610px;
  top: 340px;
}

.mapArea div:nth-child(13) {
  left: 564px;
  top: 386px;
}

.mapArea div:nth-child(14) {
  left: 518px;
  top: 386px;
}

/*中部*/

.mapArea div:nth-child(15) {
  left: 518px;
  top: 248px;
  width: 90px;
}

.mapArea div:nth-child(16) {
  left: 472px;
  top: 248px;
}

.mapArea div:nth-child(17) {
  left: 426px;
  top: 248px;
}

.mapArea div:nth-child(18) {
  left: 426px;
  top: 294px;
}

.mapArea div:nth-child(19) {
  left: 518px;
  top: 340px;
}

.mapArea div:nth-child(20) {
  left: 472px;
  top: 294px;
  height: 90px;
}

.mapArea div:nth-child(21) {
  left: 426px;
  top: 340px;
}

.mapArea div:nth-child(22) {
  left: 472px;
  top: 386px;
}

.mapArea div:nth-child(23) {
  left: 426px;
  top: 386px;
}

/*近畿*/

.mapArea div:nth-child(24) {
  left: 380px;
  top: 386px;
}

.mapArea div:nth-child(25) {
  left: 380px;
  top: 294px;
}

.mapArea div:nth-child(26) {
  left: 334px;
  top: 294px;
}

.mapArea div:nth-child(27) {
  left: 334px;
  top: 340px;
}

.mapArea div:nth-child(28) {
  left: 288px;
  top: 294px;
  height: 90px;
}

.mapArea div:nth-child(29) {
  left: 380px;
  top: 340px;
}

.mapArea div:nth-child(30) {
  left: 334px;
  top: 386px;
  height: 90px;
}

/*中国*/

.mapArea div:nth-child(31) {
  left: 196px;
  top: 294px;
}

.mapArea div:nth-child(32) {
  left: 242px;
  top: 294px;
}

.mapArea div:nth-child(33) {
  left: 242px;
  top: 340px;
}

.mapArea div:nth-child(34) {
  left: 196px;
  top: 340px;
}

.mapArea div:nth-child(35) {
  left: 150px;
  top: 318px;
}

/*四国*/

.mapArea div:nth-child(36) {
  left: 242px;
  top: 450px;
}

.mapArea div:nth-child(37) {
  left: 242px;
  top: 404px;
}

.mapArea div:nth-child(38) {
  left: 196px;
  top: 404px;
}

.mapArea div:nth-child(39) {
  left: 196px;
  top: 450px;
}

/*九州*/

.mapArea div:nth-child(40) {
  left: 92px;
  top: 294px;
}

.mapArea div:nth-child(41) {
  left: 46px;
  top: 294px;
}

.mapArea div:nth-child(42) {
  left: 0;
  top: 294px;
}

.mapArea div:nth-child(43) {
  left: 46px;
  top: 340px;
  height: 90px;
}

.mapArea div:nth-child(44) {
  left: 92px;
  top: 340px;
}

.mapArea div:nth-child(45) {
  left: 92px;
  top: 386px;
}

.mapArea div:nth-child(46) {
  left: 46px;
  top: 432px;
  width: 90px;
}

.mapArea div:nth-child(47) {
  left: 0;
  top: 478px;
}








/* 請求 */
.child-nav a.bill {
    font-size: 14px;
    padding: 8px 21px;
    display: block;
    text-indent: 1.5em;
    position: relative;
    letter-spacing: 0.2em;
    text-align: left;
}

.billNavResultBox {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 30px;
	padding-top: 10px;
}
.billNav {
	display: flex;
}
.billNav li {
	margin-right: 20px;	
}
.billNav li h2 {
	font-size: 16px;
	font-weight: bold;
}
.billNav li a {
	display: block;
	color: #838C98;
	width: 160px;
	text-align: center;
	padding-bottom: 5px;
}
.billNav li a:after {
    background-color: #DBDEE5;
    border-radius: 10px;
    content: "";
    display: block;
    height: 5px;
}
.billNav li a.active, .billNav li a:hover {
	color: #4390DE;
}
.billNav li a:hover {
	color: #4390DE;
}
.billNav li a.active:after {
    background-color: #4390DE;
	box-shadow: 0px 3px 6px rgba(67, 144, 222, 0.24);
}
.billNav li a:hover:after {
    background-color: #4390DE;
}
.retrievalResult {
	display: flex;
	align-items: flex-end;
	border-bottom: 1px solid #DBDEE5;
}
.retrievalResult li {
	margin-left: 40px;
}
.retrievalResult li:first-child {
	margin-left: 0;
}
.retrievalResult li p, .retrievalResult li span {
	font-size: 21px;
}
.retrievalResult li span {
	margin: 0 5px;
}
.retrievalResult li p:after {
    content: "円";
	font-size: 14px;
    margin-left: 5px;
}

.billTableBox {
	background-color: #fff;
	border: 1px solid #DBDEE5;
	padding: 20px 30px 40px;
}

.billerOderTableMenu {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}
.copyPrice {
	color: #4390DE;
	font-weight: bold;
	margin-right: 20px;
	padding-top: 2px;
}
.billCopy {
	height: 20px;
    margin-left: 5px;
}
.billAttach, .billBackdown {
    height: 20px;
}
.choiceItemBox {
	display: flex;
	align-items: center;
}
.choiceItemTitle {
	border-bottom: 2px solid #DBDEE5;
	background-image: url(../img/icon_arrow_down.svg);
	background-repeat: no-repeat;
    background-size: 8px 5px;
    background-position: right 0 center;
	margin-left: 15px;
	padding: 8px 20px 3px 5px;
}
.choiceItemArea {
	position: relative;
}
.choiceItem {
	width: 220px;
	background-color: #fff;
	border: 1px solid #DBDEE5;
	box-shadow: 0px 3px 6px rgba(67, 144, 222, 0.24);
	margin: 0 0 0 15px;
	padding: 20px 15px 10px;
	position: absolute;
	z-index: 10;
}
.choiceItem ul, .filterItemListBox ul {
	height: 170px;
    overflow-y: scroll;
}
.btnDecision {
	display: block;
	color: #4390DE;
	text-align: right;
	margin: 15px 0 0 auto;
	padding: 5px 10px;
}

.retrievalListArea {
	width: 1200px;
	padding-bottom: 10px;
	overflow-x: scroll;
}
.retrievalListBillArea {
  padding-bottom: 10px;
}
.billerOderTable, .billerOtherTable, .billerBillListTable {
	width: 100%;
	border: 1px solid #DBDEE5;
	border-collapse: collapse;
  border-spacing: 0;
}

.billerOderTable tr, .billerOtherTable tr, .billerBillListTable tr {
	border-top: 1px solid #DBDEE5;
}
.billerOderTable th, .billerOtherTable th, .billerBillListTable th {
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	border-left: 1px solid #DBDEE5;
	padding: 15px 20px;
}
.billerOderTable th:first-child, .billerOtherTable th:first-child {
	min-width: 160px;
	border-left: none;
	padding-left: 40px;
}
.billerOderTable th:nth-child(2), .billerOderTable th:nth-child(3) {
	min-width: 107px;
}
.billerOderTable th:nth-child(4), .billerOderTable th:nth-child(5) {
	min-width: 175px;
}
.billerOderTable th:nth-child(6) {
	min-width: 162px;
}
.billerOderTable th:nth-child(7) {
	min-width: 122px;
}
.billerOderTable th:nth-child(8), .billerOderTable th:nth-child(9) {
	min-width: 172px;
}
.billerOderTable th:nth-child(10), .billerOderTable th:nth-child(11) {
	min-width: 130px;
}
.billerOderTable th:nth-child(12), .billerOderTable th:nth-child(13) {
	min-width: 150px;
}
.billerOderTable th:nth-child(14), .billerOderTable th:nth-child(15) {
	min-width: 170px;
}
.billerOderTable td, .billerOtherTable td, .billerBillListTable td {
	white-space: nowrap;
	padding: 20px;
}
.billerOderTable td:first-child, .billerOtherTable td:first-child {
	padding-left: 40px;
	position: relative;
}
.billerOderTable th.lightBlue, .billerOderTable td.lightBlue {
	background-color: #F5FAFC;
}
.billerOderTable th.blue, .billerOderTable td.blue, .biller_confirmation_order_detail_table th.blue,
.biller_confirmation_order_detail_table td.blue,
.billerOtherTable th.blue, .billerOtherTable td.blue, .biller_confirmation_other_detail_table th.blue,
.billerBillListTable th.blue, .billerBillListTable td.blue {
	width: 145px;
	background-color: #ECF2F9;
}
.billerOderTable th img, .billerOtherTable th img, .billerBillListTable th img {
	height: 14px;
	margin-left: 5px;
}
.billerOderTable th:first-child input[class=checkbox]+label, .billerOderTable td:first-child input[class=checkbox]+label,
.billerOtherTable th:first-child input[class=checkbox]+label, .billerOtherTable td:first-child input[class=checkbox]+label {
    position: relative;
    padding: 0;
    margin: 0 0 0 -25px;
    display: block;
}

.billerOderTable td.blue, .billerOtherTable td.blue, .billerBillListTable td.blue {
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}
.billerOderTable td.fromPlace, .billerOtherTable td.fromPlace {
	position: relative;
}
.billRouteChip {
 	color: #fff;
	width: 50px;
	font-size: 13px;
	text-align: center;
	background-color: #6EC39C;
	border-radius: 5px 5px 0 0;
    padding: 2px 0 1px;
	position: absolute;
	right: 0;
	bottom: 0;
}
.billStatusBox {
	position: relative;
}
.billStatusBlue {
	width: 65px;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	background-color: #fff;
  border: 1px solid #838C98;
  border-bottom: none;
	border-radius: 5px 5px 0 0;
	margin-left: auto;
    padding: 4px 0 2px;
	position: absolute;
	right: -20px;
    bottom: -29px;
}
.billStatusOrange {
 	color: #E58200;
	width: 65px;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	background-color: #fff;
  border: 1px solid #E58200;
  border-bottom: none;
	border-radius: 5px 5px 0 0;
    padding: 4px 0 2px;
	position: absolute;
	right: -20px;
    bottom: -29px;	
}
.billStatusGray {
	width: 65px;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	background-color: #F2F2F2;
  border: 1px solid #DBDEE5;
  border-bottom: none;
	border-radius: 5px 5px 0 0;
    padding: 4px 0 2px;
	position: absolute;
	right: -20px;
    bottom: -29px;
}
.billerOderTable td.lightBlue, .billerOderTable td.blue, .billerOderTable td.client, .billerOderTable td.order, .billerOderTable td.plan,
 .billerOtherTable td.client {
	text-align: right;
}

.billFilterBox {
	position: relative;
}
.filterItemListBox {
    width: 190px;
    background-color: #fff;
    border: 1px solid #DBDEE5;
    box-shadow: 0px 3px 6px rgba(67, 144, 222, 0.24);
    margin: 0;
    padding: 20px 15px 10px;
    position: absolute;
	right: 0;
    z-index: 9;
}
.billFilterTh {
	display: flex;
	align-items: center;
}
.billFilterButton {
	display: flex;
}


.billTitleBox {
	display: flex;
	align-items: baseline;
	margin: 0 0 20px;
}
.billTitleBox .title {
    font-size: 24px;
    margin: 0;
}
.billTitleSideInfo {
	display: flex;
	align-items: baseline;
}
.billTitleSideInfo li {
	display: flex;
	align-items: baseline;
	margin-left: 20px;
}
.billTitleSideInfo li:first-child {
	font-size: 16px;
}
.bTS_statusGray {
	min-width: 80px;
	font-size: 12px;
    font-weight: normal;
    text-align: center;
    background-color: #F2F2F2;
	border: 1px solid #DBDEE5;
	border-radius: 50px;
	margin: 0 0 0 10px;
	padding: 5px 10px 4px;
}
.bTS_statusBlue {
	min-width: 80px;
	font-size: 12px;
    font-weight: normal;
    text-align: center;
    background-color: #fff;
	border: 1px solid #838C98;
	border-radius: 50px;
	margin: 0 0 0 10px;
	padding: 5px 10px 4px;
}
.bTS_statusOrange {
	color: #E58200;
	min-width: 80px;
	font-size: 12px;
    font-weight: normal;
    text-align: center;
    background-color: #fff;
	border: 1px solid #E58200;
	border-radius: 50px;
	margin: 0 5px;
	padding: 5px 10px 4px;
}

.billDetailOrderInfo {
	display: flex;
	align-items: baseline;
	margin-bottom: 20px;
}
.billDetailOrderInfo:last-child {
	margin-bottom: 0;
}
.billDetailOrderInfo dt {
	min-width: 80px;
	font-size: 16px;
}
.billDetailOrderInfo dd span {
	font-weight: bold;
	margin: 0 10px;
}
.billDetailOrderInfo dd span:first-child {
	margin: 0 10px 0 0;
}
.billDetailOrderInfoRoute {
	display: flex;
	align-items: flex-start;
}
.orderInfoRouteFromto, .orderInfoRouteCargo, .orderInfoBox {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}
.orderInfoTitle {
	min-width: 80px;
	width: 80px;
	font-size: 16px;
}
.billDetailOrderInfoRouteNo {
	min-width: 30px;
	width: 30px;
	font-size: 16px;
	text-align: center;
	border-bottom: 3px solid #4390DE;
	margin: 20px 30px 0 0;
}
.billDetailOrderInfoRouteNo:first-child {
	margin: 0 30px 0 0;
}
.routeBoxHalf {
    min-width: 510px;
}
.routeBoxHalf:first-child {
    margin-right: 35px;
}
.routeBoxHalf .routeSubTitle, .routeBoxFullTitle {
	display: block;
	font-size: 16px;
	border-bottom: 1px solid #DBDEE5;
	margin-bottom: 10px;
	padding-bottom: 2px;
}
.routeBoxFullTitle {
	margin-top: 10px;
}
.routeBoxHalf dl {
	display: flex;
	flex-wrap: wrap;
	width: 510px;
}
.routeBoxHalf dl dt {
	min-width: 80px;
	width: 10%;
	font-weight: bold;
	margin-bottom: 10px;
}
.routeBoxHalf dl dt:last-child {
	margin-bottom: 0;
}
.routeBoxHalf dl dd {
	width: 80%;
}
.routeBoxFull {
	display: block;
	width: 100%;
	margin-top: 10px;
}

.orderInfoBox {
	/*width: 1115px;*/
}
.billDetailOrderInfoRouteBox {
	margin-top: 20px;
}
.billDetailOrderInfoRouteBox0 {
	margin-top: 0;
}

.mentionRemand {
	background-color: #fff;
    border: 1px solid #F5B439;	
	margin-bottom: 20px;
    padding: 20px 30px;
}
.mentionRemand p {
	font-weight: bold;
}

.biller_confirmation_order_detail_table, .biller_confirmation_order_detail_add_table {
	width: 100%;
    border: 1px solid #DBDEE5;
    border-collapse: collapse;
	background-color: #fff;
    border-spacing: 0;
  margin-bottom: 20px;
  white-space: nowrap;
}
.biller_confirmation_order_detail_table tr, .biller_confirmation_order_detail_add_table tr {
    border-top: 1px solid #DBDEE5;
}
.biller_confirmation_order_detail_table th, .biller_confirmation_order_detail_add_table th {
	font-weight: normal;
    text-align: left;
    white-space: nowrap;
    border-left: 1px solid #DBDEE5;
    padding: 15px;
}
.biller_confirmation_order_detail_table td, .biller_confirmation_order_detail_add_table td {
    padding: 15px;
}
.biller_confirmation_order_detail_table td:first-child, .biller_confirmation_order_detail_add_table td:first-child {
	width: 220px;
	padding-left: 72px;
}
.biller_confirmation_order_detail_table td:nth-child(2), .biller_confirmation_order_detail_add_table td:nth-child(2) {
	width: 103px;
}
.biller_confirmation_order_detail_table td:nth-child(3), .biller_confirmation_order_detail_add_table td:nth-child(3) {
	width: 120px;
}
.biller_confirmation_order_detail_table td:nth-child(4), .biller_confirmation_order_detail_add_table td:nth-child(4) {
	width: 60px;
}
.biller_confirmation_order_detail_table td:nth-child(5) {
	width: 90px;
}
.biller_confirmation_order_detail_table td:nth-child(6), .biller_confirmation_order_detail_table td:nth-child(7), .biller_confirmation_order_detail_table th:nth-child(9) {
	width: 135px;
}
.biller_confirmation_order_detail_table td:nth-child(8) {
	width: 145px;
}
.biller_confirmation_order_detail_table td:nth-child(10) {
	width: 82px;
}
.w-80 {
  width: 80px;
}
.biller_confirmation_order_detail_table td.blue {
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}
.biller_confirmation_order_detail_table td.order, .biller_confirmation_order_detail_table td.client, .biller_confirmation_order_detail_table td.plan {
	text-align: right;
}
.biller_confirmation_order_detail_table td.active {
	color: #4390DE;
	font-weight: bold;
}
.billCopy.none {
	opacity: 0.5;
}
.markTax {
	color: #fff;
	font-size: 11px;
	background-color: #838C98;
	margin-left: 5px;
	padding: 2px 5px;
}
.biller_confirmation_order_detail_table th:first-child, .biller_confirmation_order_detail_table td:first-child,
.biller_confirmation_order_detail_add_table th:first-child, .biller_confirmation_order_detail_add_table td:first-child {
	width: 244px;
	height: 61px;
	padding-left: 72px;
	position: relative;
}
.biller_confirmation_order_detail_table.client th:first-child, .biller_confirmation_order_detail_table.client td:first-child {
	padding-left: 15px;
	position: relative;
}
.orderDetailStatusGray {
	width: 75px;
	text-align: center;
	background-color: #F2F2F2;
	border: 1px solid #DBDEE5;
	border-left: none;
	border-radius: 0 5px 5px 0;
	padding: 6px 10px 4px;
	position: absolute;
	top: 15px;
	left: 0;
}
.orderDetailStatusBlue {
	width: 75px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #838C98;
	border-left: none;
	border-radius: 0 5px 5px 0;
	padding: 6px 10px 4px;
	position: absolute;
	top: 15px;
	left: 0;
}
.orderDetailStatusOrange {
  color: #E58200;
  width: 75px;
  text-align: center;
  background-color: #fff;
	border: 1px solid #E58200;
	border-left: none;
  border-radius: 0 5px 5px 0;
  padding: 6px 10px 4px;
  position: absolute;
  top: 15px;
  left: 0;
}
.billerDetailStatusOrange {
  color: #E58200;
  text-align: center;
  background-color: #fff;
	border: 1px solid #E58200;
	border-left: none;
  border-radius: 0 5px 5px 0;
  padding: 6px 7px 4px;
  position: absolute;
  top: 14px;
  left: 0;
}
.biller_confirmation_order_detail_result {
	display: flex;
	border: 1px solid #DBDEE5;
	background-color: #fff;
	margin-top: 1px;
	padding: 0 50px 0 0;
}
.biller_confirmation_order_detail_table tfoot tr {
   border-top: 3px double #DBDEE5;
}
.biller_confirmation_order_detail_table tfoot td {
	font-size: 16px;
	font-weight: bold;
}

.btnBox_biller_confirmation_order_detail {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 50px;
}
.btnBox_biller_confirmation_order_detail .none, .biller_confirmation_order_detail_add_table td .none,
.clientBillListIcon .none {
	color: #838C98;
	border: 1px solid #838C98;
	opacity: 0.5;
}

h2.billerOrderDetailSubTitle {
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 10px;
}

.biller_confirmation_order_detail_add_table {
	margin-bottom: 50px;
}
.biller_confirmation_order_detail_add_table td:nth-child(5) {
	width: 350px;
}
.biller_confirmation_order_detail_add_table td:nth-child(6) {
	width: 150px;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}
.biller_confirmation_order_detail_add_table td:last-child {
	display: flex;
	align-items: center;
}
.iconEye {
	width: 20px;
	height: 20px;
}
.biller_confirmation_order_detail_add_table td:last-child button {
	margin-left: 10px;
}
.mgnT10 {
	margin-top: 10px;
}
.mgnT20 {
	margin-top: 20px;
}
.mgnT50 {
	margin-top: 50px;
}
.mgnL10 {
	margin-left: 10px;
}
.mgnL60 {
	margin-left: 60px;
}

/*請求_モーダル*/
.billerModal{
  	z-index: 9999;
	position: fixed;
	top: 50%;
  	left: 50%;
  	-webkit-transform: translate(-50%, -50%);
  	-ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
}
.billerModal .btnClose {
    position: absolute;
    width: 30px;
    height: 30px;
    right: -15px;
    top: -15px;
    cursor: pointer;
}
.billerModalBody {
  	min-width: 800px;
  	padding: 50px;
  	position: relative;
  	background-color: #FFF;
  	border-radius: 10px;
}
.billerModalTitleArea{
	width:100%;
	display:flex;
	align-items: center;
	margin:0 0 20px 0;
}
.billerModalTitleArea .heading {
	margin: 0 20px 0 0;
}
.billerModalTitleArea span {
	font-size: 21px;
}
.billerModalInner{
	width:100%;
}
/*請求_モーダル内リスト*/
.billerModalInner .flexBox{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.billerModalInner .flexBox dl{
	margin:0 20px 15px 0;
}
.billerModalInner .flexBox dl:last-of-type{
	margin:0 0 15px 0;
}
.billerModalInner .flexBox dt{
	margin-bottom:5px;
	font-size:16px;
}
.billerModalInner .flex{
	display:flex;
	flex:wrap;
}
.billerModalInner .flex dt{
	padding:5px 10px 0 0;
	font-size:16px;
	width:10%;
}
.billerModalInner .flex dd{
	padding-right:10px;
	width:90%;
	display:flex;
	flex-wrap: wrap;
}
.billerModalInner .flex dd:last-of-type{
	padding-right:0;
	width:90%;
	display:flex;
	flex-wrap: wrap;
}
.billerModalInner dl.col-1{
	margin:0 0 15px 0;
}
.billerModalInner dl.col-1 dt{
	font-size:16px;
	margin:0 0 5px 0;
}
.billerModalInner dl.col-1 dd{
	width:100%;
}
.billerModalInner .fileUploadArea{
	margin:0 0 15px 0;
	display:flex;
	flex-wrap: wrap;
}
.billerModalInner .fileUploadArea dt{
	font-size:16px;
	margin:5px 0 0 0;
	padding-right:10px;
	width:50px;
}
.billerModalInner .fileUploadArea dd{
	width:650px;
	display:flex;
	flex-wrap: wrap;
}
/*請求_モーダル内アップロードファイル*/
.billerUploadFile{
	margin:0 5px 5px 0;
	padding:5px 25px 0 0;
	position:relative;
}
.billerUploadFile a{
	color:#4390DE;
	text-decoration:underline;
}
.btnFileDel{
	width:16px;
	height:16px;
	position:absolute;
	right:5px;
	top:0;
	bottom:0;
	margin:auto;
	cursor:pointer;
}

/*請求_モーダル内テキスト*/
.billerModalInner .confirmTxt{
	font-size:16px;
	margin-bottom:20px;
}
.billerModalInner .confirmTxt span{
	padding-right:20px;
}
/*請求_モーダル内ボタン*/
.billerModalInner .centerBox .btn:not(:last-child){
	margin-right:50px;
}

/*//////////////////////////////////
車両割付
//////////////////////////////////*/

.contentsBoxMb10{
  margin: 0 0 10px 0;
}
.contentsBoxMb20{
  margin:0 0 20px;
}

.font12{
  font-size:12px;
}
.font16{
  font-size:16px;
}
/*検索パネル*/
.itemSlideBox,
.operationSlideBox{
  padding: 20px 30px 10px;
  border-radius: 5px;
  border: 1px solid #DBDEE5;
  position:relative;
  box-sizing:border-box;
}
.slideboxTitle{
	font-size:18px;
	margin:0 0 10px 0;
}
.inputSlideBlock{
  margin:0 0 10px 0;
  display: flex;
  width: 100%;
  position:relative;
}

.itemSlideBox .inputItem:last-child {
  margin:0 10px 0 0;
}

.inputSlideBlock .inputItem dt{
  width:60px;
  font-weight:inherit;
}
.inputSlideBlock .inputItem:not(.priceItem):not(.fixedInfoItem):first-of-type dt {
  width:60px;
}
.inputSlideBlock .inputItem dd{
  display:flex;
  align-items:center;
}
.inputSlideBlock .inputItem dd span{
  margin:0 5px;
}
.inputSlideBlock input[class~=date]::-ms-clear{
  display:none;
}

/*依頼先タグ選択*/
.inputSlideTag {
  width:100%;
  display: table;
}
.inputSlideTag dt {
  width: 60px;
}
.inputSlideTag dd {
  width:100%;
  display: table-cell;
  align-items: center;
  border-bottom:1px solid #ACBACB;
  padding:0 40px 5px 0;
  box-sizing:border-box;
}
.allocatetag {
  background-color: #F5FAFC;
  border-radius: 15px;
  padding: 0 15px;
  line-height: 28px;
  color: #4390DE;
  border: 1px solid #4390DE;
  display: inline-block;
  text-align: center;
  margin:0 0 5px 0;
  box-sizing:border-box;
}
.allocatetag::after {
  width: 10px;
  content: url(../img/icon_del.svg);
  margin: 0 0 0 10px;
  display: inline-block;
  cursor: pointer;
}
.btnCloseTag{
  display:block;
  width:24px;
  height:24px;
  position: absolute;
  bottom: 10px;
  right: 0;
}

/*カルーセル*/
.slideBlock{
  width:100%;
  margin:0 0 15px 0;
}
.slideArea{
  overflow:hidden;
  display: flex;
}
.operationSlideBox .slideArea{
  overflow:hidden;
  display: flex;
  padding:10px 0 20px;
	height:140px;
}
.slideItem{
  word-wrap: break-word;
  overflow-wrap: break-word;
  height:105px;
  margin:0 10px 5px 0;
  border:1px solid #ACBACB;
  border-radius: 5px;
  background:#fff;
  font-size:12px;
  letter-spacing: 0;
  box-sizing: border-box;
  box-shadow: 0 3px 6px rgba(54,79,79,.16);
  position:relative;
}
.slideItemInner {
  padding:15px;
}
.slideItem a {
  display: block;
  width: 100%;
  height: 100%;
}
.slideItem a:hover {
	opacity:.75;
}
.slideItemDelete {
  position: absolute;
  width: 16px;
  height: 16px;
  right: -8px;
  top: -8px;
  cursor: pointer;
}
.btnSlide{
  position:absolute;
  width:30px;
  height:30px;
  cursor: pointer;
}
.slideLeft{
  left:-15px;
  top:45%;
}
.slideRight{
  right:-15px;
  top:45%;
}
.slideTitle{
  width:250px;
  margin:0 0 5px 0;
  padding: 0 50px 5px 0;
  border-bottom:1px solid #DBDEE5;
  position:relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing:border-box;
}
.slideTitle .chip {
  background-color: #6EC39C;
  min-width: 40px;
  position: absolute;
  right: -20px;
  transform: translateX(-50%);
  bottom: 0;
  color: #fff;
  font-size: 13px;
  border-radius: 5px 5px 0 0;
  padding:0 3px;
  text-align: center;
  box-sizing:border-box;
}
.slideItem .fromTo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  position:relative;
}
.slideItem .fromTo p {
  width: 9em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 2px;
}
.slideItem .fromTo p:first-child {
  font-weight: bold;
}
.slideItem .fromTo p:last-child {
  margin-bottom: 0;
}
.slideItem .fromTo div+div::before {
  content: url(../img/icon_triangle.svg);
  display: inline-block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/*テキストボタン*/
.btnCloseTxt{
  display:block;
  color:#4390DE;
  text-decoration:underline;
  font-weight:bold;
  padding:0 0 0 20px;
  position:relative;
}
.btnCloseTxt::before{
  content: url(../img/btn_arrow_up.svg);
  display: block;
  width: 14px;
  height: 14px;
  position:absolute;
  top:2px;
  left:0;
}
.btnCloseTxt:hover{
  opacity:.75;
}

/*スケジュール表*/
.toolbar{
  display: flex;
  justify-content: center;
  position: relative;
  margin:0 0 10px 0;
}
.selectWeekDay{
  position: absolute;
  right: 0;
}
.scheduleDateArea{
  display:flex;
}
.scheduleDateArea .btnArrow{
  width:16px;
  height:16px;
  display:block;
  margin: 0 10px;
	border:none;
}
.scheduleDateArea .btnCalendar{
  width:20px;
  height:20px;
  display:block;
  margin: 0 10px;
}
.ScheduleDate{
  font-weight:bold;
  font-size:18px;
  margin-right:10px;
}
.ScheduleDate span{
  font-size:11px;
  font-weight:normal;
}

/*スケジュール表_週表示*/
.tableWeek,
.tableDay{
  width:100%;
  border-collapse:collapse;
  font-size:14px;
  background:#F5FAFC;
  position:relative;
}
.dateS{
  font-size:10px;
}
.tableWeek thead,
.tableWeek tbody,
.tableDay thead,
.tableDay tbody {
  display: block;
}
.tableWeek tbody,
.tableDay tbody {
  overflow-x: hidden;
  overflow-y: auto;
  height: 380px;
}
.tableWeek tr,
.tableDay tr{
  position:relative;
	background:#fff;
}

/*スケジュール表 th*/
.tableWeek th.allocateMemberList,
.tableDay th.allocateMemberList{
  text-align:left;
  vertical-align: top;
  width:200px;
}
.allocateMemberList p{
  margin:0 0 2px 0;
}
.allocateMemberList .carNo,
.allocateMember{
  font-weight:bold;
}
.allocateMemberList .types,
.allocateMemberList .allocateCorp
{
  font-size:11px;
}
.allocateMemberList .allocateCorp{
  margin-left:10px;
  font-weight:normal;
}
.tableWeek th,td,
.tableDay th,td {
  border-collapse: collapse;
  /*border:1px solid #DBDEE5;*/
}
.tableWeek th{
  padding:10px 15px;
  position:relative;
  text-align: left;
  width:149px;
}
.tableDay th {
  padding:10px 15px;
  position:relative;
  text-align: left;
  width:174px;
}
.tableWeek td{
  width:149px;
  padding:10px 0;
  position:relative;
  vertical-align: top;
}
.tableDay td{
  width:174px;
  padding:10px 0;
  position:relative;
  vertical-align: top;
}

/*スケジュール表 割付*/
.allocationCard,.allocationMemo{
  border-radius:5px;
  border:1px solid;
  z-index:2;
  overflow:hidden;
  display:block;
  margin:0 0 10px 0;
  letter-spacing: 0.05em;
}
.allocationCard a,.allocationMemo a{
  display: block;
  width: 100%;
  height: 100%;
}
.allocationCard a:hover,.allocationMemo a:hover{
  opacity:.75;
}
.allocationCard{
  height:70px;
}
.allocationCard:not(.allocation).disabled,
.allocationMemo.disabled{
	opacity:.5;
}
.allocationMemo{
  height:87px;
}
.allocationCard.allocation{
  border-color:#3980C9;
  background:#E5F0FC;
}
.allocationCard.allocation.selected{
  border:5px solid #F07777;
  background:#E5F0FC;
}
.allocationCard.vehicle{
  border-color:#F5B439;
  background:#FCEFD2;
}
.allocationCard.cargo{
  border-color:#6EC39C;
  background:#E2FAEF;
}
.allocationMemo.memo{
  border-color:#ACBACB;
  background:#fff;
}
.txtMemo{
  font-size:12px;
  position: relative;
  width: auto;
  height: 34px;
  overflow: hidden;
}
.titleAllocation{
  height:25px;
  padding:0 10px;
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font-size:10px;
  font-weight:bold;
  color:#fff;
}
.allocation .titleAllocation{
  background:#3980C9;
  color:#fff;
}
.vehicle .titleAllocation{
  background:#F5B439;
}

.cargo .titleAllocation{
  background:#6EC39C;
}
.memo .titleAllocation{
  background:#ACBACB;
}
.btnCloseMemo{
  width:16px;
  height:16px;
}
.printStatus{
  width:14px;
  height:16px;
}
.printStatusDone{
  width:16px;
  height:16px;
}
.infoAllocation{
  padding:5px 10px 0;
}
.timeAllocation{
  font-size:11px;
}
.addressAllocation{
  font-size:12px;
  font-weight:bold;
}

/*スケジュール表 登録ボタン*/
.registerArea{
  width:140px;
  margin:0 auto;
  padding:20px 20px 10px;
  background:#fff;
  border:1px solid #ACBACB;
  border-radius:5px;
  box-shadow: 0 0 6px rgba(67, 144, 144, 0.24);
}
.registerArea .btn{
  width:100%;
  margin:0 0 10px 0;
}
.registerArea .btn+.btn {
  margin:0 0 10px 0;
}

/*スケジュール表 割付詳細チップ*/
.allocationDetail{
  width:340px;
  height:210px;
  padding:20px;
  background:#fff;
  border:1px solid #ACBACB;
  border-radius:5px;
  box-shadow: 0 3px 6px rgba(67, 144, 144, 0.24);
  font-size:14px;
  letter-spacing: 0;
}
.allocationDetailTitle {
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0 50px 2px 0;
  border-bottom: 1px solid #DBDEE5;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
}
.allocationDetailTitle .chip {
  background-color: #6EC39C;
  min-width: 50px;
  position: absolute;
  right: -25px;
  transform: translateX(-50%);
  bottom: 0;
  color: #fff;
  font-size: 13px;
  border-radius: 5px 5px 0 0;
  padding: 0 3px;
  text-align: center;
  box-sizing: border-box;
}
.allocationDetail .fromTo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  position: relative;
  margin:0 0 10px 0;
}
.allocationDetail .fromTo p {
  margin-bottom: 2px;
  width: 9em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.allocationDetail .fromTo p:first-child {
  font-weight: bold;
}
.allocationDetail .fromTo p:last-child {
  margin-bottom: 0;
}
.allocationDetail .fromTo div+div::before {
  content: url(../img/icon_triangle.svg);
  display: inline-block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.allocarionBox{
  width:100%;
}
.driversStatus{
  width:20px;
  height:15px;
  margin:0 0 10px 0;
}
.allocarionList {
  width:100%;
  display:table;
  flex-wrap: wrap;
  position:relative;
  table-layout: fixed;
}
.allocarionList dt {
  display: table-cell;
  font-weight: bold;
  width: 30%;
  padding:0 10px 5px 0;
}
.allocarionList dd {
  display: table-cell;
  width:70%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding:0 0 5px 0;
}
.allocarionList.flagWarning::before {
  content: url(../img/icon_warning.svg);
  display: inline-block;
  width: 18px;
  height: 18px;
  position: absolute;
  left: -20px;
  top: 36%;
  transform: translateY(-50%);
  background-size: auto;
}
.tableDay .fromTo{
  display:flex;
  align-items: center;
  text-align: left;
  position:relative;
}
.tableDay .infoAllocation{
  padding: 5px 5px 0 10px;
  display: inline-block;
}
.tableDay .fromTo div+div::before {
  content: url(../img/icon_triangle.svg);
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 60%;
  transform: translateY(-50%) translateX(-50%);
}
.tableDay .infoAllocation:not(:first-child) p{
  margin-left:10px;
}
.tableDay .addressAllocation{
  max-width: 9.5em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*車番セレクト*/
.multiSelect{
  width:100%;
  background:#fff;
  position:relative;
  padding: 5px 15px 5px 10px;
  border-radius: 5px;
  border: 1px solid #ACBACB;
  height: 30px;
}
.multiSelect::after{
content:url(../img/icon_arrow_down.svg);
width:8px;
height:5px;
position:absolute;
right:10px;
cursor: pointer;
}
.multiSelect option{
  padding:5px 0;
}
.multiSelect option .selected{
  background:#fff;
}
.multiSelectPanel{
	width:auto;
	min-width:180px;
	padding: 15px 15px 0;
	background:#fff;
	border:1px solid #ACBACB;
	border-radius: 5px;
	box-shadow: 0 3px 6px rgba(67, 144, 144, 0.5);
}
.multiSelectPanel li{
	position:relative;
}
.optClose::after{
	content:url("../img/icon_triangle.svg");
	width:8px;
	height:6px;
	position:absolute;
  left: -.8em;
	top: 2px;
}
.optOpen::after{
	content:url("../img/icon_triangle.svg");
	width:8px;
	height:6px;
	position:absolute;
	left: -.5em;
  top: 6px;
  transform: rotate(90deg);
}
.options,
.groupOpt{
	width:100%;
	font-size:14px;
	font-weight: normal;
	text-align:left;
}
.opt{
	width:100%;
	letter-spacing:0;
}
.opt input[class=checkbox]+label {
  position: relative;
  padding: 0 0 0 20px;
  margin: 0 0 5px;
  display: inline-block;
}
.groupOpt{
	margin: 0 0 10px 1.2em;
}
.groupOptChild{
	margin-left:2.2em;
}
.groupOptGChild{
	margin-left:0;
}

/*車両割付用モーダル*/
.allocateModal {
  z-index: 9999;
  position: absolute;
  top: 30px;
  left:0;
  right:0;
  margin:auto;
  width:900px;
}
.allocateModal .buttonBox {
  margin: 0;
  width: 100%;
  display: flex;
}
.allocateModalBody {
  width: 900px;
  max-height: 800px;
  position: relative;
  padding: 60px 0;
  background-color: #FFF;
  border-radius: 10px;
  overflow-y: hidden;
}
.allocateModal .btnClose {
  position: absolute;
  width: 30px;
  height: 30px;
  right: -15px;
  top: -15px;
  cursor: pointer;
}

/*車両割付用モーダルヘッダー*/
.allocateModalHeader{
  width:100%;
  height:57px;
  background:#fff;
  margin:0 auto;
  position:absolute;
  top:0;
  left:0;
  box-shadow:0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius:10px 10px 0 0;
  display:flex;
  align-items: center;
  justify-content: space-between;
  padding:0 30px;
}
.allocateModalHeader .block{
  display:flex;
  align-items: center;
  width:auto;
}
.allocateModalHeader .block .status{
  padding-right:10px;
}
.allocateModalHeader .block p:last-child{
  padding-right:0;
}
.allocateModalTitle{
  font-size:18px;
  font-weight:normal;
}
.statusUnprinted{
  width:24px;
  height:26px;
  margin:0 0 5px 10px;
}
.statusPrinted{
  width:28px;
  height:28px;
  margin:0 0 5px 10px;
}
.allocateModalHeader p{
  font-size:18px;
  font-weight:bold;
  margin:0 0 0 20px;
}

/*車両割付用モーダルフッター*/
.allocateModalFooter{
  width:100%;
  height:57px;
  background:#fff;
  margin:0 auto;
  position:absolute;
  bottom:0;
  left:0;
  box-shadow:0 -3px 6px rgba(0, 0, 0, 0.16);
  padding:0 30px;
  display: flex;
  align-items: center;
}

/*車両割付用モーダルメイン*/
.allocateModalMain{
  max-height:800px;
  overflow-y:auto;
  padding:20px 0;
}
.allocateModalMain::after {
  content: "";
  display: block;
  width: 1px;
  height: 100px;
}
.allocateBox{
  border:1px solid #DBDEE5;
  padding:20px 30px;
  margin:0 auto 10px;
}
.allocateWrap{
  width:100%;
  margin:0 auto;
  padding:0 20px 0 30px;
}
.allocateInputBox{
  border:1px solid #DBDEE5;
  padding:20px 30px;
  margin:0 auto 10px;
}

/*車両割付ポップアップ内*/
/*Block要素*/
.allocateBlock{
  width:100%;
  position:relative;
  margin:0 0 15px 0;
}
.allocateBlock:last-of-type{
  width:100%;
  position:relative;
  margin:0;
}
.allocateBlockList{
  width:100%;
  position:relative;
}
.allocateVehicleInfo{
  width:100%;
  position:relative;
}
.flexBlock{
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
}
.flexNoBetween{
  display:flex;
  flex-wrap:wrap;
}
.flexNoBetween dl:not(:last-child),
.flexNoBetween p:not(:last-child){
  margin-right:30px;
}
.allocateBlock dl{
  display:flex;
  flex-wrap:wrap;
  margin-bottom:10px;
}
.allocateBlock dt{
  font-weight:bold;
  padding-right:15px;
}
.allocateBlock dd{
  display:flex;
  flex-wrap:wrap;
  padding-right:15px;
}

.allocateVehicleInfo .allocateBlock dl.col1Item{
  display:flex;
  flex-wrap:wrap;
  margin-bottom:10px;
}
.allocateVehicleInfo .allocateBlock dl.col1Item dt{
  font-weight:bold;
  padding-right:15px;
  width:95px;
}
.allocateVehicleInfo .allocateBlock dl.col1Item dd{
  display: flex;
  flex-wrap: wrap;
  padding-right: 0;
  width: 675px;
}
.allocateVehicleInfo .allocateBlock dl.col2Item:nth-of-type(2n+1){
  display:flex;
  flex-wrap:wrap;
  margin-bottom:10px;
}
.allocateVehicleInfo .allocateBlock dl.col2Item:nth-of-type(2n+1) dt{
  font-weight:bold;
  padding-right:15px;
  width:95px;
}
.allocateVehicleInfo .allocateBlock dl.col2Item:nth-of-type(2n+1) dd{
  display:flex;
  flex-wrap:wrap;
  padding-right:15px;
  width:260px;
}

.allocateVehicleInfo .allocateBlock dl.col2Item:nth-of-type(2n){
  display:flex;
  flex-wrap:wrap;
  margin-bottom:10px;
}
.allocateVehicleInfo .allocateBlock dl.col2Item:nth-of-type(2n) dt{
  font-weight:bold;
  padding-right:15px;
  min-width:155px;
}
.allocateVehicleInfo .allocateBlock dl.col2Item:nth-of-type(2n) dd{
  display:flex;
  flex-wrap:wrap;
  padding-right:0;
  width:215px;
}

/*車両割付ポップアップ_運行情報*/
.alloRouteBlock{
	width:100%;
}
.alloRouteBlock .headTitle{
  width:100%;
  font-weight: normal;
  border-bottom: 1px solid #DBDEE5;
  margin: 0 0 15px 0;
  font-size: 16px;
  padding:0 0 5px 0;
}
.alloRouteBlock .alloRouteFrom{
	width:48%;
}
.alloRouteBlock .alloRouteFrom dl{
	display:flex;
	flex-wrap:wrap;
}
.alloRouteBlock .alloRouteFrom dt{
	width:90px;
	padding-right:15px;
	margin-bottom:10px;
	font-weight:bold;
}
.alloRouteBlock .alloRouteFrom dd{
	width:250px;
	margin-bottom:10px;
}

.alloRouteBlock .alloRouteTo{
	width:48%;
}
.alloRouteBlock .alloRouteTo dl{
	display:flex;
	flex-wrap:wrap;
}
.alloRouteBlock .alloRouteTo dt{
	width:65px;
	padding-right:0;
	margin-bottom:10px;
	font-weight:bold;
}
.alloRouteBlock .alloRouteTo dd{
	width:270px;
	margin-bottom:10px;
}
.alloRouteBlock .alloRouteCargo{
	width:100%;
}
.alloRouteBlock .alloRouteCargo dl{
	display:flex;
	flex-wrap:wrap;
}
.alloRouteBlock .alloRouteCargo dt{
	width:90px;
	padding-right:0;
	margin-bottom:10px;
	font-weight:bold;
}
.alloRouteBlock .alloRouteCargo dd{
	width:250px;
	margin-bottom:10px;
}
.alloRouteBlock .alloRouteCargo dl:nth-of-type(2n) dt{
	width:65px;
	padding-right:0;
	margin-bottom:10px;
	font-weight:bold;
}
.alloRouteBlock .alloRouteCargo dl:nth-of-type(2n) dd{
	width:270px;
	margin-bottom:10px;
}

.alloRouteBlock .alloRouteCargo .col-1 dt{
	width:90px;
	padding-right:0;
	margin-bottom:10px;
	font-weight:bold;
}
.alloRouteBlock .alloRouteCargo .col-1 dd{
	width:620px;
	margin-bottom:10px;
}
/*車両割付求車ポップアップ_運賃・その他料金エリア*/
.alloRoutePriceBlock{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.alloRoutePriceItem{
	width:80%;
	display:flex;
	flex-wrap:wrap;
	padding-right:30px;
}

.alloRoutePriceItem .alloNumCar dt{
	width:90px;
	padding-right:15px;
	font-weight:bold;
}
.alloRoutePriceItem .alloNumCar dd {
    width:80px;
}
.alloRoutePriceItem .alloSizeCar dt{
	width:50px;
	padding-right:15px;
	font-weight:bold;
}
.alloRoutePriceItem .alloSizeCar dd {
    width:100px;
}
.alloRoutePriceItem .alloTypeCar dt{
	width:50px;
	padding-right:15px;
	font-weight:bold;
}
.alloRoutePriceItem .alloTypeCar dd {
    width:150px;
}
.alloPrice{
	width:18%;
	font-weight:bold;
	text-align:right;
	display:flex;
	flex-wrap:wrap;
}
.alloPrice span{
	font-weight:normal;
}
.alloPrice dd{
	display: flex;
	flex-wrap: wrap;
	padding-right:0;
}

/*車両割付求車ポップアップ_希望車両エリア*/
.alloRequestedVehicleBlock{
	width:100%;
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.alloRequestedVehicleBlock dl{
	width:31%;
	display:flex;
	flex-wrap: wrap;
}
.alloRequestedVehicleBlock dt{
	width:80px;
	padding-right:15px;
	font-weight:bold;
}
.alloRequestedVehicleBlock dd {
    width: 120px;
}
/*車両割付求貨ポップアップ_希望車両エリア*/

.alloRrequestCargoBlock{
	width:100%;
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
	margin-bottom:5px;
}
.alloRrequestCargoBlock .headTitle {
    width: 100%;
    font-weight: normal;
    border-bottom: 1px solid #DBDEE5;
    margin: 0 0 15px 0;
    font-size: 16px;
    padding: 0 0 5px 0;
}
.alloRrequestCargoBlock dl{
	width:48%;
	display:flex;
	flex-wrap:wrap;
}
.alloRrequestCargoBlock dt{
	width:100px;
	padding-right:15px;
	margin-bottom:10px;
	font-weight:bold;
}
.alloRrequestCargoBlock dd {
    width:250px;
	margin-bottom:10px;
}
.alloRrequestCargoBlock dd span:not(:last-child)::after{
    content:",";
	padding-right:5px;
}
.alloRrequestCargoBlock dt:last-of-type(2n){
	width:100px;
	padding-right:0;
	margin-bottom:10px;
	font-weight:bold;
}
.alloCargoCarInfoBlock{
	width:100%;
	display:flex;
	flex-wrap: wrap;
}
.alloCargoCarInfoBlock .alloNumCar,
.alloCargoCarInfoBlock .alloSizeCar,
.alloCargoCarInfoBlock .alloTypeCar,
.alloCargoCarInfoBlock .alloDriverCar{
	display:flex;
	flex-wrap:wrap;
}
.alloCargoCarInfoBlock .alloNumCar dt{
	width:50px;
	padding-right:15px;
	font-weight:bold;
}
.alloCargoCarInfoBlock .alloNumCar dd {
    width:80px;
}
.alloCargoCarInfoBlock .alloSizeCar dt{
	width:50px;
	padding-right:15px;
	font-weight:bold;
}
.alloCargoCarInfoBlock .alloSizeCar dd {
    width:100px;
}
.alloCargoCarInfoBlock .alloTypeCar dt{
	width:50px;
	padding-right:15px;
	font-weight:bold;
}
.alloCargoCarInfoBlock .alloTypeCar dd {
    width:150px;
}
.alloCargoCarInfoBlock .alloDriverCar dt{
	width:95px;
	padding-right:15px;
	font-weight:bold;
}
.alloCargoCarInfoBlock .alloDriverCar dd {
    width:260px;
}


/*求車応募情報_車種条件*/
.alloVehicleCarInfoBlock{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.alloVehicleCarInfoBlock .alloSizeCar,
.alloVehicleCarInfoBlock .alloTypeCar,
.alloVehicleCarInfoBlock .alloRequestPrice{
	display:flex;
	flex-wrap:wrap;
}
.alloVehicleCarInfoBlock .alloSizeCar dt{
	width:50px;
	padding-right:15px;
	font-weight:bold;
}
.alloVehicleCarInfoBlock .alloSizeCar dd {
    width:100px;
}
.alloVehicleCarInfoBlock .alloTypeCar dt{
	width:50px;
	padding-right:15px;
	font-weight:bold;
}
.alloVehicleCarInfoBlock .alloTypeCar dd {
    width:150px;
}
.alloVehicleCarInfoBlock .alloRequestPrice dt{
	width:95px;
	padding-right:15px;
	font-weight:bold;
}
.alloVehicleCarInfoBlock .alloRequestPrice dd {
    width:200px;
}

/*車両割付メモポップアップ_2列*/
.alloMemoInputBlock_col2{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.alloMemoInputBlock_col2 .alloMemoCorp{
	width:48%;
	display:flex;
	flex-wrap:wrap;
}
.alloMemoInputBlock_col2 .alloMemoCorp dt{
	width:80px;
	padding:5px 15px 0 0;
	margin-bottom:10px;
	font-weight:bold;
}
.alloMemoInputBlock_col2 .alloMemoCorp dd {
    width:290px;
	margin-bottom:10px;
}
.alloMemoInputBlock_col2 .alloMemoNumCar{
	width:48%;
	display:flex;
	flex-wrap:wrap;
}
.alloMemoInputBlock_col2 .alloMemoNumCar dt{
	width:50px;
	padding:5px 0 0 0;
	margin-bottom:15px;
	font-weight:bold;
}
.alloMemoInputBlock_col2 .alloMemoNumCar dd {
    width:100px;
	margin-bottom:15px;
}
/*車両割付メモポップアップ_その他*/
.alloMemoInputBlock_col1{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.alloMemoInputBlock_col1 dl{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.alloMemoInputBlock_col1 dt{
	width:80px;
	padding:5px 15px 0 0;
	margin-bottom:15px;
	font-weight:bold;
}
.alloMemoInputBlock_col1 dd {
    width:750px;
	margin-bottom:15px;
	display:flex;
	flex-wrap:wrap;
}

.allocateBlock02{
  width:100%;
  position:relative;
}
.allocateBlock02:not(:last-child){
  position:relative;
  margin-bottom:30px;
}
.allocateBlock02 dl{
  display:flex;
  flex-wrap:wrap;
  margin-bottom:10px;
}
.allocateBlock02 dt{
  font-weight:bold;
  padding-right:15px;
}
.allocateBlock02 dd{
  display:flex;
  flex-wrap:wrap;
  padding-right:15px;
}

.headTitle02{
  font-size:16px;
  font-weight:bold;
}
.allocateBlock02 .headTitle{
  width:100%;
  font-weight: normal;
  border-bottom: 1px solid #DBDEE5;
  margin: 0 0 15px 0;
  font-size: 16px;
  padding:0 0 5px 0;
}

/*車両割付Inputフィールド*/

.allocateButtonBox{
  margin: 0;
  width: 100%;
  display: flex;
}

.allocateInputBlock{
  width:100%;
  position:relative;
  margin:0 0 15px 0;
}

.allocateInputBlock.mb0{
  width:100%;
  position:relative;
  margin:0;
}
.allocateInputBlock dl{
  display:flex;
  flex-wrap:wrap;
  margin-bottom: 15px;
}
.allocateInputBlock dl:last-child{
  display:flex;
  flex-wrap:wrap;
  margin-bottom: 0;
}
.allocateInputBlock dt{
  font-weight:bold;
  padding:5px 15px 0 0;
}
.allocateInputBlock dd{
  display:flex;
  flex-wrap:wrap;
  padding-right:15px;
}

.allocateVehicleInfo .allocateInputBlock dl.col1Item{
  display:flex;
  flex-wrap:wrap;
  margin-bottom:10px;
}
.allocateVehicleInfo .allocateInputBlock dl.col1Item dt{
  font-weight:bold;
  padding-right:15px;
  width:95px;
}
.allocateVehicleInfo .allocateInputBlock dl.col1Item dd{
  display: flex;
  flex-wrap: wrap;
  padding-right: 0;
  width: 675px;
}
.allocateVehicleInfo .allocateInputBlock dl.col2Item:nth-of-type(2n+1){
  display:flex;
  flex-wrap:wrap;
  margin-bottom:15px;
}
.allocateVehicleInfo .allocateInputBlock dl.col2Item:nth-of-type(2n+1) dt{
  font-weight:bold;
  padding-right:15px;
  width:95px;
}
.allocateVehicleInfo .allocateInputBlock dl.col2Item:nth-of-type(2n+1) dd{
  display:flex;
  flex-wrap:wrap;
  padding-right:15px;
  width:260px;
}

.allocateVehicleInfo .allocateInputBlock dl.col2Item:nth-of-type(2n){
  display:flex;
  flex-wrap:wrap;
  margin-bottom:15px;
}
.allocateVehicleInfo .allocateInputBlock dl.col2Item:nth-of-type(2n) dt{
  font-weight:bold;
  padding-right:15px;
  min-width:155px;
}
.allocateVehicleInfo .allocateInputBlock dl.col2Item:nth-of-type(2n) dd{
  display:flex;
  flex-wrap:wrap;
  padding-right:0;
  width:215px;
}
.allocateInputField{
  margin:0 10px 0 0;
}
.allocateInputField:last-child{
  margin:0;
}

/*No.付きBlock要素*/
.allocateBoxType02{
  width:100%;
  position:relative;
}
.allocateBoxType02 li{
  width:100%;
  padding: 60px 30px 20px 30px;
  border: 1px solid #DBDEE5;
  background-color: #FFF;
  margin:0 auto 10px;
}
.allocateBoxType02.entryList>li::before {
  content: "0"counter(number) " ";
  position: absolute;
  font-size: 21px;
  border-bottom: 3px solid #4390DE;
  z-index: 0;
  left:30px;
  top:20px;
}

/*運行ルートリスト*/
.alloRouteListBlock{
  margin:0;
  padding:0;
  width:100%;
}
.alloRouteListBlock li{
  width:100%;
  border:1px solid #DBDEE5;
  background:#fff;
  position:relative;
  padding:10px 20px 10px 0;
  margin:0 auto 10px;
  display:flex;
  align-items: center;
}
.alloRouteListBlock li:last-child{
  width:100%;
  border:1px solid #DBDEE5;
  background:#fff;
  position:relative;
  padding:10px 20px 10px 0;
  margin:0 auto;
  display:flex;
  align-items: center;
}
.alloColStatus{
  width:68px;
  padding-right:10px;
}
.alloRouteListStatus{
  width:58px;
  height: 28px;
  font-weight: bold;
  border-radius: 0 5px 5px 0;
  text-align: center;
  vertical-align: middle;
  padding: 4px 0;
}
.alloRouteListStatus.load{
  border:1px solid #4390DE;
  background:#4390DE;
  color:#fff;
}
.alloRouteListStatus.unload{
  border:1px solid #4390DE;
  background:#fff;
  color:#4390DE;
}
.alloColDate{
  width:65px;
  text-align: right;
  vertical-align: middle;
  padding:0 10px;
}
.alloColTime{
  width:70px;
  text-align:right;
  vertical-align: middle;
  padding:0 10px;
  font-weight:bold;
}
.alloColCorp{
  width:263px;
  vertical-align: middle;
  padding:0 10px;
}
.alloColAddress{
  width:170px;
  vertical-align: middle;
  padding:0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.alloColBtnSort{
  width:87px;
  display:flex;
  padding:0 10px;
}
.alloColBtnSort .up,
.alloColBtnSort .down{
  width:24px;
  height:24px;
  margin:0 5px;
}
.alloColBtnDel{
  width: 45px;
  padding-left: 10px;
  text-align: right;
}
.alloColBtnDel button{
  width:24px;
  height:24px;
}

/*カラム*/
.col1Item{
  width:100%;
}
.col2Item{
  width:48%;
}
.col1Item p+p{
	margin-top:10px;
}
dl.col2Item:nth-last-of-type(-n+2){
  display:flex;
  flex-wrap:wrap;
  margin-bottom:0;
}
dl.col3Item:nth-last-of-type(-n+3){
  display:flex;
  flex-wrap:wrap;
  margin-bottom:0;
}

/*//////////////////////////////////
カレンダー
//////////////////////////////////*/
.calendar{
  width:370px;
  height:418px;
  padding:30px 20px;
  background:#fff;
  border-radius:5px;
  border:1px solid #ACBACB;
  box-shadow: 0 3px 6px rgba(67, 144, 144, 0.24);
}
.calendarHead{
  width:100%;
  display:flex;
  align-items: center;
  justify-content: space-between;
  margin:0 0 10px 0;
}
.headDateArea{
  width:auto;
  display:flex;
}
.headYear{
  font-size:16px;
  margin:0 0 0 20px;
}
.headYear::after{
  content:".";
  padding:0 5px 0 0;
}
.headMonth{
  font-size:21px;
  line-height: 1;
  margin:0 20px 0 0;
}
.calendarInner{
  width:100%;
}
.headDateArea button{
  width:8px;
  height:10px;
}

/*カレンダー表組*/
.calendarTable{
  width:100%;
  border-collapse: collapse;
  border:none;
  font-size:12px;
}
.weekHead{
  width:100%;
  border-bottom:1px solid #DBDEE5;
}
.weekHead th,
.daysCell td{
  width:48px;
  height:48px;
  text-align:center;
  border-collapse: collapse;
  border:none;
  cursor: pointer;
}
.daysCell td:not(.fromDay):hover{
  background:#E4EDF7;
}
.fromDay:hover{
  opacity:.75;
}
.weekHead th{
  font-weight:normal;
}
.lastMonthDays,
.nextMonthDays{
  color:#DBDEE5;
}
.today{
  background:#E4EDF7;
  color:#4390DE;
  font-weight:bold;
}
.fromDay{
  background:#4390DE;
  color:#fff;
  font-weight:bold;
}
.alloDisabled{
  color:#DBDEE5;
}

.billerOtherTable th:nth-child(2) {
	min-width: 130px;
}
.billerOtherTable th:nth-child(3), .billerOtherTable th:nth-child(4) {
	min-width: 107px;
}
.billerOtherTable th:nth-child(5), .billerOtherTable th:nth-child(6) {
	min-width: 175px;
}
.billerOtherTable th:nth-child(7) {
	min-width: 162px;
}
.billerOtherTable th:nth-child(8), .billerOtherTable th:nth-child(9), .billerOtherTable th:nth-child(10) {
	min-width: 172px;
}
.billerOtherTable th:nth-child(11), .billerOtherTable th:nth-child(12) {
	min-width: 142px;
}

.billItemBoxWhite {
	background-color: #fff;
    border-radius: 5px;
    border: 1px solid #DBDEE5;
	margin-bottom: 30px;
	padding: 20px 30px;
}
.billItemBoxClear {
    border-radius: 5px;
    border: 1px solid #DBDEE5;
	margin-bottom: 50px;
	padding: 20px 30px;
	position: relative;
}
.billInputBox {
	background-color: #fff;
    border: 1px solid #DBDEE5;
	margin-bottom: 30px;
	padding: 20px 30px;	
	position: relative;
}
.billInputBox .orderInfoBox {
	flex-wrap: nowrap;
}
.billInputTitle {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.billInputBox input, .billInputBox select {
	margin-left: 10px;
}
.billInputBox .routeBoxHalf {
	align-items: center;
}
.billInputBox .routeBoxHalf dl {
	align-items: baseline;
}
.billInputBox .routeBoxHalf dl dd, .billInputBox .routeBoxFull dl dd {
	margin-bottom: 20px;
}
.billInputBox .routeBoxHalf dl dd:last-child, .billInputBox .routeBoxFull dl dd:last-child {
	margin-bottom: 0;
}
.billInputBox .routeBoxHalf dl dd input.mgnB10 {
	margin-bottom: 10px;
}

.billInputBox .routeBoxFull dl {
	display: flex;
	flex-wrap: wrap;
}
.billInputBox .routeBoxFull dt {
	width: 95px;
	font-weight: bold;
	padding-top: 5px;
}

.routeBoxFullSecondItem {
	margin-left: 60px;
}
.routeBoxFullThirdItem {
	margin-left: 65px;
}
textarea.w100per {
	width: 980px;
}
.billInputBox .routeBoxHalf dl {
	width: 520px;
}
.billInputBox .routeBoxHalf dl dt {
	min-width: 104px;
}
.buttonBoxRight {
	display: flex;
	justify-content: flex-end;
}
.closeBtn {
	position: absolute;
	top: -15px;
	right: -15px;
}
.closeBtn img {
	width: 30px;
	height: 30px;
}
.billInputSubTitle {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}

.billInputVehicle {
	display: flex;
	align-items: baseline;
	margin-bottom: 20px;
}
.billInputVehicle dt {
	font-weight: bold;
	margin-left: 30px;
}
.billInputVehicle input, .billInputVehicle select, .billInputVehicle button {
	margin-left: 10px;
	
}
.billInputVehicle dt:first-child {
	margin-left: 0;
}
.billInputItemOther {
	font-weight: bold;
	margin-bottom: 10px;
}

.billTrash, .billEdit {
	width: 20px;
	height: 20px;
}
.billEdit {
	margin-left: 10px;
}

.biller_confirmation_order_detail_table th.billerOtherIcon, .biller_confirmation_order_detail_table td.billerOtherIcon {
    width: 80px;
}

.billSearchBlueBox {
	display: flex;
	background-color: #E4EDF7;
	padding: 5px 10px;
}
.billSearchBlueBox div.inputField {
	margin: 0 20px 0 0;
}
.billSearchBlueBox div.inputField:last-child {
	margin: 0;
}
.inputItem dt.billSearchBlueBoxBeforeItem {
	padding: 12px 10px 0 0;
}

input[class=checkbtn]+label.doubleNonDisplay {
	width: auto;
	padding: 5px 10px;
}

.hgt40 {
	height: 40px;
}
.inputItem:first-of-type.hgt40 dt {
	width: 110px;
	padding-top: 12px;
}
.hgt40 dd {
	padding-top: 6px;
}

.billerOtherTable td.numerical {
  text-align: right;
}

.billerBillListMenu {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 15px;
}

.billerBillListTable th:first-child, .billerBillListTable td:first-child {
  min-width: 125px;
  padding-left: 100px;
  position: relative;
}
.billerBillListTable.CBL th:first-child, .billerBillListTable.CBL td:first-child {
  padding-left: 30px;
}
.billerBillListTable td:first-child span {
  margin-top: 5px; 
}
.billerBillListTable td:nth-child(2), .billerBillListTable td:nth-child(4) {
  min-width: 160px;
}
.billerBillListTable td:nth-child(3) {
  min-width: 107px;
}
.billerBillListTable td:nth-child(5), .billerBillListTable td:nth-child(6), .billerBillListTable td:nth-child(7) {
  min-width: 150px;
	text-align: right;
}
.billerBillListTable td.blue {
  min-width: 172px;
}
.billerBillListTable td:last-child {
  display: flex;
  align-items: center;
  min-width: 180px;
}
.billerBillListTable td img {
  margin-right: 20px;
}
button.noLink {
  background-color: #C1C5CB;
  border: 1px solid #C1C5CB;
}

.billerBillListTable td:first-child .listWarning {
	top: 25px;
	left: 5px;
}

.biller_confirmation_order_detail_table td.clientOrderNote {
  width: 220px;
}
.biller_confirmation_order_detail_table td.clientOtherNote {
  width: 220px;
}


.billerBillListTable td.clientBillListStatus span {
  width: 105px;
}
.billerBillListTable td.clientBillListIcon img {
  margin-right: 0;
}
.billerBillListTable td.clientBillListIcon button {
  margin: 0 0 0 20px;
}

.masterMailDeliverySubTitle {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.mailDeliveryList {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 30px;
}
.mailDeliveryList li {
	width: 32%;
    min-height: 60px;
	line-height: 2;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 0px 3px rgba(54, 79, 79, 0.15);
	margin-bottom: 10px;
	margin-left: 2%;
	padding: 20px;
	position: relative;
}
.mailDeliveryList li:empty  {
	background-color: transparent;
	box-shadow: none;
}
.mailDeliveryList li:nth-child(3n+1) {
	margin-left: 0;
}
.mailDeliveryList li button {
	position: absolute;
	right: 20px;	
}
.child-nav .navMasterList li a {
	text-indent: 0;
	letter-spacing: 0.2em;
	padding-right: 1.5em;
}

.mastersystemSubTitle {
	max-width: 200px;
	font-size: 16px;
	text-align: left;
}
.systemInput {
	margin-left: 20px;
}
.mailDeliveryList.system li {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.phraseListNo {
	width: 70px;
	font-size: 16px;
	text-align: center;
	border-bottom: 2px solid #4390DE;
	margin-bottom: 20px;
}



/* 車両割付 hoverパターン */
.allocateHoverVehicle, .allocateHoverCargo {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}
.hoverVehicle, .hoverCargo {
	height: 250px;
}
.hoverMemo {
	height: 180px;
}
.vehicleFlag {
	width: 80px;
	color: #fff;
	text-align: center;
	letter-spacing: 0.1em;
	background: #6EC39C;
	padding: 5px 10px;
}
.cargoFlag {
	width: 80px;
	color: #fff;
	text-align: center;
	letter-spacing: 0.1em;
	background: #F5B439;
	padding: 5px 10px;
}
.memoFlag {
    width: 80px;
    color: #fff;
    text-align: center;
    letter-spacing: 0.1em;
    background: #acbacb;
    padding: 5px 10px;
}
.vehicleFlagStatus, .cargoFlagStatus {
	width: 100px;
	color: #fff;
	text-align: center;
	letter-spacing: 0.1em;
    border-radius: 20px;
	background: #364F65;
	padding: 5px 10px;	
}


/* 求車修正 */
button.popupCloseBtn {
	width: 30px;
    height: 30px;
	position: absolute;
    right: -15px;
    top: -15px;
    cursor: pointer;
	z-index: 1;
}
button.popupCloseBtn img {
	width: 30px;
    height: 30px;
}
.areaSwitch {
	width: 30px;
	height: 30px;
	margin: 0 auto;
	position: absolute;
	bottom: -45px;
	right: 0;
	left: 0;
	z-index: 1;
}
.itemDelBtn {
	width: 10px;
	margin: 0 0 0 10px;
}
.itemDelBtn img {
	width: 10px;
}
.listWarning {
	width: 18px;
	position: absolute;
	top: 30px;
	left: -9px;
}
.listWarning img {
	width: 18px;
}
.areaSearchSwitch {
	width: 30px;
	height: 30px;
	margin: 0 auto;
	position: absolute;
	bottom: -15px;
	right: 0;
	left: 0;
	z-index: 1;
}
.fileList.large button.photoCloseBtn {
	width: 24px;
    height: 24px;
	position: absolute;
    right: -12px;
    top: -12px;
    cursor: pointer;
	z-index: 1;
}
.fileList.large button.photoCloseBtn img {
	width: 24px;
    height: 24px;
	background-color: transparent;
    border: none;
}

.areaWrap {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.areaWrap.w450 {
	width: 450px;
}

.routeNewBtn {
	margin: 20px 0 20px 600px;
}
.routeNewBtn img {
	width: 45px;
    height: 45px;
}

.inputRouteList li button.routeNewBtn {
	margin: 20px 0 20px 520px;
}

/* 運行情報 */
.moveBox {
    border: 1px solid #DBDEE5;
    background-color: #FFF;
	counter-increment: number;
	margin-top: 30px;
	padding: 20px 30px 20px 90px;
	position: relative;
}
.moveBox.first, .moveBoxAppli.first {
	margin-top: 0;
}
.moveBox::before {
    content: "0"counter(number) " ";
    position: absolute;
    font-size: 21px;
	line-height: 1.2;
    border-bottom: 3px solid #4390DE;
    z-index: 1;
	left: 30px;
}
.moveFromToInfo, .moveCargoInfo, .moveCargoInfoBox {
	display: flex;
	flex-wrap: wrap;
}
.moveFromToInfo li {
	width: 513px;
	margin-bottom: 10px;
	padding-left: 80px;
	position: relative;
}
.moveFromToInfo li:nth-child(even) {
	margin-left: 50px;
}
.moveFromToInfo li:first-child, .moveFromToInfo li:nth-child(2) {
	font-size: 16px;
	border-bottom: 1px solid #DBDEE5;
	padding: 3px 0 2px 0;
}
.moveFromToInfo li span {
	font-weight: bold;
	position: absolute;
	left: 0;
}
.moveCargoInfo, .moveCargoInfoBox {
	margin-top: 30px;
}
.moveInfoTitle {
  width: 1076px;
  min-height: 14px;
  margin-bottom: 10px;
  padding-left: 80px;
  position: relative;
  font-size: 16px;
  border-bottom: 1px solid #DBDEE5;
  padding: 3px 0 2px 0;
}
.moveCargoInfoLeftBox {
  width: 513px;
}
.moveCargoInfoRightBox {
  width: 513px;
  margin-left: 50px;
}
.moveCargoInfoBox .notice {
  width: 513px;
}
.moveCargoInfo li, .moveCargoInfoBox li  {
	width: 1076px;
	min-height: 14px;
	margin-bottom: 10px;
	padding-left: 80px;
	position: relative;
}
.moveCargoInfo li:first-child {
	font-size: 16px;
	border-bottom: 1px solid #DBDEE5;
	padding: 3px 0 2px 0;
}
.moveCargoInfo li span, .moveCargoInfoBox li span {
	font-weight: bold;
	position: absolute;
	left: 0;
}
.moveCargoInfo li.infoImg, .moveCargoInfoBox li.infoImg{
	display: flex;
	flex-wrap: nowrap;
}
/*
.moveCargoInfo li img {
    display: block;
	width: 100px;
    height: 100px;
	background-color: #EEE;
    border: 1px solid #DBDEE5;
	margin-right: 15px;
}*/
.moveBoxPlural {
	border-top: 3px solid #fff;
	margin: 30px 0 0px;
	position: relative;
}

.moveBoxAppli {
    border: 1px solid #DBDEE5;
    background-color: #FFF;
	counter-increment: number;
	margin-top: 20px;
	padding: 60px 30px 20px;
	position: relative;
}
.moveBoxAppli::before {
    content: "0"counter(number) " ";
    position: absolute;
    font-size: 21px;
	line-height: 1.2;
    border-bottom: 3px solid #4390DE;
    z-index: 1;
	top: 20px;
	left: 30px;
}
.moveAppliFromToInfo, .moveAppliCargoInfo {
	display: flex;
	flex-wrap: wrap;
}
.moveAppliFromToInfo li {
	width: 46.8%;
	margin-bottom: 10px;
	padding-left: 80px;
	position: relative;
}
.moveAppliFromToInfo li:nth-child(even) {
	margin-left: 30px;
}
.moveAppliFromToInfo li:first-child, .moveAppliFromToInfo li:nth-child(2) {
	font-size: 16px;
	border-bottom: 1px solid #DBDEE5;
	padding: 3px 0 2px 0;
}
.moveAppliFromToInfo li span {
	font-weight: bold;
	position: absolute;
	left: 0;
}
.moveAppliCargoInfo {
	margin-top: 20px;
}
.moveAppliCargoInfo li {
	width: 541px;
	min-height: 14px;
	margin-bottom: 10px;
	padding-left: 80px;
	position: relative;
}
.moveAppliCargoInfo li:first-child {
	font-size: 16px;
	border-bottom: 1px solid #DBDEE5;
	padding: 3px 0 2px 0;
}
.moveAppliCargoInfo li span {
	font-weight: bold;
	position: absolute;
	left: 0;
}
.moveAppliCargoInfo li.infoImg {
	display: flex;
	flex-wrap: nowrap;
}
.moveAppliCargoInfo li img {
    display: block;
	width: 70px;
    height: 70px;
	background-color: #EEE;
    border: 1px solid #DBDEE5;
	margin-right: 10px;
}

.moveBox.cargo {
	padding: 20px 30px;
}
.moveBox.cargo::before {
	display: none;
}
.moveBox.cargo .moveFromToInfo li {
    width: 543px;
	padding-left: 120px;
}
.moveBox.cargo .moveFromToInfo li:first-child, .moveBox.cargo .moveFromToInfo li:nth-child(2) {
	padding-left: 0;
}
.moveBox.cargo .moveFromToInfo.cargoInfo li:first-child, .moveBox.cargo .moveFromToInfo.cargoInfo li:nth-child(2),
.moveBoxAppli.cargo .moveFromToInfo.cargoInfo li:first-child,.moveBoxAppli.cargo .moveFromToInfo.cargoInfo li:nth-child(2) {
	font-size: 14px;
	border-bottom: none;
	padding-left: 120px;
}
.titleCargoInfo {
	font-size: 16px;
	border-bottom: 1px solid #DBDEE5;
	margin: 20px 0 10px 0;
}
.cargoInfoImgBox {
	display: flex;
	min-height: 14px;
	padding-left: 120px;
	position: relative;
}
.cargoInfoImgBox span {
	font-weight: bold;
	position: absolute;
	left: 0;
}
.cargoInfoImgBox img {
    display: block;
	width: 100px;
    height: 100px;
	background-color: #EEE;
    border: 1px solid #DBDEE5;
	margin-right: 15px;
}
.moveBoxAppli.cargo {
	padding: 20px 30px 20px;
}
.moveBoxAppli.cargo::before {
	display: none;
}
.appliCargoInfoImg li {
	padding-left: 120px;
	margin-bottom: 10px;
	position: relative;
}
.appliCargoInfoImg li:last-child {
	margin-bottom: 0;
}
.appliCargoInfoImg li span {
	font-weight: bold;
	position: absolute;
	left: 0;
}
.appliCargoInfoImg li.infoImg {
	display: flex;
	flex-wrap: nowrap;
}
.appliCargoInfoImg li img {
    display: block;
	width: 62px;
    height: 62px;
	background-color: #EEE;
    border: 1px solid #DBDEE5;
	margin-right: 10px;
}

/* 帳票出力：保存条件 */
.contentsBox.flexWrap {
	display: flex;
	flex-wrap: wrap;
}
.routeSaveListBox {
	width: 49.4%;
	border-radius: 5px;
    border: 1px solid #DBDEE5;
    background-color: #FFF;
	counter-increment: number;
	margin: 15px 15px 0 0;
	padding: 50px 30px 20px;
	position: relative;
}
.routeSaveListBox::before {
	font-size: 16px;
	font-weight: bold;
	content: "条件0"counter(number) " ";
    position: absolute;
	top: 20px;
}
.routeSaveListBox:first-child, .routeSaveListBox:nth-child(2) {
	margin-top: 0;
}
.routeSaveListBox:nth-child(even) {
	margin-right: 0;
}
.routeSaveListFromToInfo {
	display: flex;
    flex-wrap: wrap;
}
.routeSaveListFromToInfo li {
	width: 47.3%;
	padding-left: 80px;
    margin-bottom: 10px;
    position: relative;
}
.routeSaveListFromToInfo li:first-child, .routeSaveListFromToInfo li:nth-child(2) {
    font-size: 16px;
    border-bottom: 1px solid #DBDEE5;
    padding: 3px 0 2px 0;
}
.routeSaveListFromToInfo li:nth-child(even) {
    margin-left: 30px;
}
.routeSaveListFromToInfo li span {
	font-weight: bold;
	position: absolute;
	left: 0;
}
.routeSaveListTransitPointNo {
	display: flex;
	margin-top: 20px;
}
.routeSaveListTransitPointNo li {
	width: 50px;
	margin-left: 13px;
}
.routeSaveListTransitPointNo li:first-child {
	width: 80px;
	margin-left: 0;
}
.routeSaveListTransitPointContents {
	display: flex;
    flex-wrap: wrap;
	margin: 10px 0 0 80px;
}
.routeSaveListTransitPointContents li {
	width: 100%;
	padding-left: 80px;
    margin-bottom: 10px;
    position: relative;
}
.routeSaveListTransitPointContents li span {
	font-weight: bold;
	position: absolute;
	left: 0;
}

/* 請求の運行情報 */
.paymentMoveBox {
	width: 1118px;
    background-color: #FFF;
    counter-increment: number;
    margin-top: 30px;
    padding-left: 60px;
    position: relative;
}
.paymentMoveBox.first {
    margin-top: 0;
}
.paymentMoveBox::before {
    content: "0"counter(number) " ";
    position: absolute;
    font-size: 18px;
    line-height: 1.2;
	letter-spacing: 0;
    border-bottom: 3px solid #4390DE;
    z-index: 1;
	top: 4px;
    left: 0;
}
.paymentMoveFromToInfo {
    display: flex;
    flex-wrap: wrap;
}
.paymentMoveFromToInfo li, .paymentMoveCargoInfo01 li {
    width: 510px;
    margin-bottom: 10px;
    padding-left: 80px;
    position: relative;
}
.paymentMoveFromToInfo li:first-child, .paymentMoveFromToInfo li:nth-child(2) {
    font-size: 16px;
    border-bottom: 1px solid #DBDEE5;
    padding: 3px 0 2px 0;
}
.paymentMoveFromToInfo li span, .paymentMoveCargoInfo01 li span, .paymentMoveCargoInfo02 span {
    font-weight: bold;
    position: absolute;
    left: 0;
}
.paymentMoveFromToInfo li:nth-child(even) {
    margin-left: 30px;
}
.paymentMoveCargoInfoBox {
	width: 100%;
	display: flex;
}
.titlePaymentMoveCargo {
	font-size: 16px;
    border-bottom: 1px solid #DBDEE5;
	margin-top: 10px;
    padding: 3px 0 2px 0;
}
.paymentMoveCargoInfoBox {
	margin-top: 10px;
}
.paymentMoveCargoInfo02 {
    width: 510px;
    padding-left: 80px;
    position: relative;
	margin-left: 30px;
}

/* マスタ */
.contentsBox .heading30 {
    font-size: 16px;
	margin: 30px 0 10px 0;
}



.bookmark + .num {
    padding-left: 0;
}
.col.status {
    padding: 0;
}

.bold {
	font-weight: bold;
}

/* 車両割付 */
body.allocate {
	width: 1440px;
	height: 800px;	
	overflow: hidden;
}
body.allocate .main {
    padding: 25px 40px 10px 40px;
	position: relative;
}
/* 未割付・運行指示エリア */
.assignArea {
	width: 355px;
	height: 800px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 20;
}
.assignArea.close {
	right: -305px;
}

.btnAssignArea {
	position: absolute;
	top: 50%;
	left: -40px;
}
.assignBox {
	display: block;
	width: 355px;
	height: 800px;
	background-color: #F5FAFC;
	border-left: 10px solid #4390DE;
    box-shadow: -5px 0 10px rgba(54, 79, 79, 0.15);
	position: relative;
}

.assignTab {
	padding: 20px 0 0 0;
}
.assignTab > input[type='radio'] {
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	outline: none;
	background: none;
	-webkit-appearance: none;
	        appearance: none;
	display: none;
}
.assignTab .assignTabpanel {
	display: none;
}
.assignTab > input:first-child:checked ~ .assignTabpanels > .assignTabpanel:first-child,
.assignTab > input:nth-child(3):checked ~ .assignTabpanels > .assignTabpanel:nth-child(2) {
	display: block;
}
.assignTab > label {
	color: #4390DE;
	width: 155px;
	text-align: center;
	position: relative;
	display: inline-block;
	padding: 12px 15px 8px; 
	cursor: pointer;
	border: 1px solid transparent;
	border-bottom: 0;
}
.assignTab > label:hover,
.assignTab > input:focus + label {
	color: #4390DE;
}
.assignTab > input:checked + label {
	color: #364F65;
	margin-bottom: -2px;
	border-color: #ACBACB;
	border-bottom: 2px solid #ffffff;
	border-radius: 5px 5px 0 0;
	background-color: #fff;
}
.assignTab > label.assignTabFirst {
	margin-left: 15px;
}

.assignTab .assignTabpanel {
	border-top: 1px solid #ACBACB;
	background-color: #E4EDF7;
	padding: 0;
}

.assignTabSearchBox {
	background-color: #fff;
	padding: 15px 15px 30px;
	position: relative;
}
.assignTabSearch {
	display: flex;
	flex-wrap: wrap;
}
.assignTabSearch li {
	width: 265px;
	font-size: 12px;
	margin-bottom: 15px;
}
.assignTabSearch li:nth-child(odd) {
	width: 50px;
	padding-top: 7px;
}
.assignTabSearch li span.tag {
	margin: 0 1px 0 0;
}
.assignTabSearch li input[class~=date] {
	width: 120px;
    padding: 0 10px 0 10px;
    background-position: right 10px center;
}
.assignTabSearchBtnBox {
	text-align: right;
}
.assignTabSearchBtnBox button {
	width: 75px;
}

.assignCardArea {
	height: 530px;
	overflow-y: scroll;
	background-color: #E4EDF7;
	padding: 30px 15px 15px;
}
.assignCardArea .btn.assignNewBtn {
	width: 100%;
	margin: 0;
}
.assignCard {
	font-size: 12px;
	border: 1px solid #3980C9;
	border-left: 7px solid #3980C9;
	border-radius: 5px;
	background-color: #fff;
	margin-top: 15px;
	padding: 10px;
	position: relative;
	cursor: alias;
}
.btnDetails {
	position: absolute;
	top: -13px;
	left: -16px;
}
.btnDetails img {
	width: 40px;
	height: 40px;
}
.assignCardTop {
	display: flex;
	border-bottom: 1px solid #3980C9;
}
.assignCardTop li {
	width: 150px;
	text-align: right;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.assignCardTop li:first-child {
	text-align: left;
	padding-left: 15px;
}

.assignCardFromTo {
	display: flex;
	margin-top: 10px;
	background-image: url(../img/icon_triangle.svg);
    background-repeat: no-repeat;
    background-size: 10px 13px;
    background-position: 125px 4px;
}
.assignCardFromTo li {
	width: 125px;
}
.assignCardFromTo li p {
	width: 125px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.assignAddress {
	font-size: 14px;
	font-weight: bold;
}
.assignCardFromTo li:first-child {
	margin-right: 20px;
}

.assignCard.pink {
	border: 1px solid #F07777;
	border-left: 7px solid #F07777;
}
.assignCard.pink .assignCardTop {
	border-bottom: 1px solid #F07777;
}
.assignCard.darkGray {
	border: 1px solid #484C50;
	border-left: 7px solid #484C50;
}
.assignCard.darkGray .assignCardTop {
	border-bottom: 1px solid #484C50;
}
.assignCard.brown {
	border: 1px solid #956B57;
	border-left: 7px solid #956B57;
}
.assignCard.brown .assignCardTop {
	border-bottom: 1px solid #956B57;
}
.assignCard.purple {
	border: 1px solid #936DB9;
	border-left: 7px solid #936DB9;
}
.assignCard.purple .assignCardTop {
	border-bottom: 1px solid #936DB9;
}
.assignmoveTurnBox {
	text-align: right;
	background-color: #fff;
    padding: 15px;
    position: relative;
}
.assignMovedArea {
    height: 750px;
    overflow-y: scroll;
    background-color: #E4EDF7;
    padding: 15px;
}
.assignMovedArea button.popupCloseBtn {
    width: 26px;
    height: 26px;
    position: absolute;
    right: -12px;
    top: -10px;
    cursor: pointer;
    z-index: 1;
}
.assignMovedArea button.popupCloseBtn img {
    width: 26px;
    height: 26px;
}
.assignMovedArea .assignCard {
	cursor: default;
}




/* 車両割付タイトル */
.titleBox.allocate {
	display: flex;
}
.titleBox.allocate .title {
	width: 120px;
    font-size: 24px;
    margin: 0 20px 0 0;
}

.calendarView {
    padding-bottom: 4px;	
}
.calendarView button img {
	height: 16px;
	margin: 0 0 0 15px;
}
.calendarView button.btnCalendar img {
	height: 20px;
	margin: 0 0 0 20px;	
}
.calendarView p.calendarDate {
	margin-left: 10px;
}
.calendarView p.calendarDate span {
	font-weight: bold;
}
.contentsBoxCalendar {
	width: 1280px;
	height: 740px;
	overflow-y: scroll;
	direction: rtl;
	margin: 0 0 0 -20px;
	padding: 0;
}
.tableCalendar {
	width: 100%;
	height: 700px;
	direction: ltr;
	border-collapse: collapse;
	overflow: auto;
	position: relative;
}
.tableCalendar thead {
	width: 1263px;
    position: fixed;
	z-index: 1;
}
.tableCalendar thead th {
	width: 160px;
	background-color: #fff;
	border: 1px solid #ACBACB;
	padding: 10px;
}
.tableCalendar thead th:first-child {
	width: 140px;
	background-color: #F5FAFC;
	border-bottom: 1px solid #ACBACB;
	border: none;
	padding: 5px 2px;
}
.tableCalendar thead th span {
	font-size: 10px;
}
.tableVehicle {
	width: 100%;
}
.tableCalendar tbody {
	padding-top: 40px;
	position: absolute;
}
.tableCalendar tbody th, .tableCalendar tbody td {
	font-weight: normal;
	text-align: left;
	padding: 10px;
}
.tableCalendar tbody tr {
	border-bottom: 1px solid #ACBACB;
	background-color: #fff;
}
.tableCalendar tbody th {
	font-size: 11px;
	background-color: #F1F4F8;
	border-top: 1px solid #ACBACB;
	border-right: 1px solid #ACBACB;
}
.tableCalendar tbody th .tableCarNo {
	font-size: 14px;
	font-weight: bold;
	margin-right: 5px;
}
.tableCalendar tbody th .tableDriver {
	font-size: 14px;
	font-weight: bold;
}
.tableCalendar tbody th p {
	width: 120px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tableCalendar tbody td {
	width: 160px;
	border-right: 1px solid #ACBACB;
	padding: 10px 5px;
	position: relative;
}
.tableVehicleBox {
	width: 100%;
	height: 30px;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	background-color: #fff;
	border-radius: 5px;
    border: 1px solid #ACBACB;
	background-image: url(../img/icon_arrow_down.svg);
    background-repeat: no-repeat;
    background-size: 8px 5px;
    background-position: right 10px center;
	padding: 7px 5px 3px;
}
.tableCard {
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #3980C9;
	border-radius: 5px;
	background-color: #E5F0FC;
	position: absolute;
    top: 5px;
    left: 5px;
}
.tableCard p {
	padding: 2px 10px;
}
.tableCardTop {
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	background-color: #3980C9;
	border-radius: 5px 5px 0 0;
	position: relative;	
}
.tableCard p.tableCardPrint {
	padding: 0;
	position: absolute;
	top: 1px;
	right: 5px;
}
.tableCardPrint img {
	width: 14px;
	height: 14px;
}
.tableCard p.tableCardTime {
	font-weight: normal;
	padding-bottom: 0;
}
.tableCard.w12h {
	width: 70px;
}
.tableCard.w12h .tableCardTo, .tableCard.w12h .tableCardTop p {
	width: 70px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tableCard.w24h {
	width: 150px;
}
.tableCard.w48h {
	width: 310px;
}

.tableCard.memo {
	border: 1px solid #ACBACB;
	background-color: #fff;
}
.tableCard.memo .tableCardTop {
	background-color: #ACBACB;	
}
.tableCard.vehicle {
	border: 1px solid #F5B439;
	background-color: #FCEFD2;
}
.tableCard.vehicle .tableCardTop {
	background-color: #F5B439;	
}
.tableCard.cargo {
	border: 1px solid #6EC39C;
	background-color: #E2FAEF;
}
.tableCard.cargo .tableCardTop {
	background-color: #6EC39C;	
}
.tableCard.purple {
	border: 1px solid #936DB9;
	background-color: #F4EAFF;
}
.tableCard.purple .tableCardTop {
	background-color: #936DB9;	
}
.tableCard.pink {
	border: 1px solid #F07777;
	background-color: #FDEBEB;
}
.tableCard.pink .tableCardTop {
	background-color: #F07777;	
}
.tableCard.brown {
	border: 1px solid #956B57;
	background-color: #FEEDE5;
}
.tableCard.brown .tableCardTop {
	background-color: #956B57;	
}
.tableCard.darkGray {
	border: 1px solid #484C50;
	background-color: #EEEEEF;
}
.tableCard.darkGray .tableCardTop {
	background-color: #484C50;	
}
.tableClick {
	width: 100%;
	height: 73px;
	background-color: #E4EDF7;
}
.tableClickOpenMenu {
	border: 1px solid #ACBACB;
	background-color: #fff;
	box-shadow: 0 3px 6px rgba(67, 144, 144, 0.24);
	padding: 15px;
	position: absolute;
	top: 0;
	z-index: 10;
}
.tableClickOpenMenu button.btn {
	width: 130px;
	margin: 10px 0 0 0;
}
.tableClickOpenMenu button.btn:first-child {
	margin-top: 0;
}

.allocatePopUpArea {
	width: 800px;
	height: 700px;
	margin: auto;
	position: absolute;
	top: 30px;
	right: 0;
	left: 0;
	z-index: 150;
}
.allocatePopUpBox {
	width: 800px;
	height: 750px;
	background-color: #fff;
	border-radius: 5px;
    overflow-y: hidden;	
}
.allocatePopUpHeader {
	height: 55px;
	box-shadow: 0px 2px 5px rgba(54, 79, 79, 0.15);
	padding: 15px;
}
.allocatePopUpHeader ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.allocatePopUpHeader ul li {
	display: flex;
	align-items: center;
	font-size: 16px;
}
.allocatePopUpHeader ul li:nth-child(2) {
	font-weight: bold;
}
.allocatePopUpHeader ul li .num {
	margin-right: 15px;
}

.allocatePopUpContents {
	height: 620px;
	margin: 10px 15px;
	padding: 20px;
	overflow-y: scroll;
}

.allocatePopUpFooter {
	display: flex;
	justify-content: flex-end;
	height: 55px;
	text-align: right;
	box-shadow: 0px -2px 5px rgba(54, 79, 79, 0.15);
	padding: 13px 15px 17px;
}
.allocatePopUpFooter button.btn {
	min-width: 100px;
	margin: 0 0 0 10px;
}

.allocateRequestVehicle {
	display: flex;
	width: 100%;
	background-color: #fff;
	border: 1px solid #DBDEE5;
	margin: 0 auto 10px;
	padding: 20px 30px;
}
.allocateRequestVehicle li {
	width: 33.3%;
	padding: 0 0 0 10px;
}
.allocateRequestVehicle li:first-child {
	padding-left: 0;
}
.allocateRequestVehicle li span {
	font-weight: bold;
	margin-right: 10px;
}

.allocatePopUpContents .moveAppliCargoInfo li:first-child {
	width: 100%;
}
.allocatePopUpContents .moveAppliCargoInfo li {
	width: 100%;
}
.underlineTitle {
	width: 100%;
    font-size: 16px;
	border-bottom: 1px solid #DBDEE5;
    margin: 40px 0 15px 0;
    padding: 0 0 5px 0;
}
.underlineTitle:first-child {
	margin-top: 0;
}
.portageVehicle {
	display: flex;
	justify-content: space-between;
}
.allocatePopUp2column {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.allocatePopUp2column li {
	width: 48%;
	margin-top: 10px;
	padding-left: 160px;
	position: relative;
}
.allocatePopUp2column li:nth-child(odd) {
	margin-right: 4%;
	padding: 0 0 0 100px;
}
.allocatePopUp2column li span {
	font-weight: bold;
	position: absolute;
	left: 0px;
}

.portageVehicle .item {
	font-weight: bold;
	margin-right: 10px;
}
.rightBox {
	text-align: right;
	margin-left: auto;
}
.pdgT7 {
	padding-top:  7px;
}
.allocatePopUp2column.memo li {
	padding-left: 70px;
}
.allocatePopUp2column.memo li:nth-child(odd) {
    padding: 0 0 0 70px;
}
.allocatePopUpColumn {
	margin-top: 15px;
	padding-left: 70px;
	position: relative;
}
.allocatePopUpColumn span.item {
	font-weight: bold;
	position: absolute;
	left: 0px;
}

.tableCard.perationCheck {
	border: 2px solid #F45C57;
	border-radius: 7px;
	box-shadow: 3px 3px 10px rgba(54, 79, 79, 0.3);
}

.operationRoute {
	display: flex;
	align-items: center;
	background-color: #fff;
	border: 1px solid #DBDEE5;
	margin-top: 20px;
	padding: 10px 10px 10px 0;
	position: relative;
}
.operationRoute li {
	width: 70px;
	padding: 0 10px;
}
.operationRoute li:first-child {
	width: 80px;
	padding: 0px 10px 0px 0;
}
.operationRoute li:nth-child(4), .operationRoute li:nth-child(5) {
	width: 170px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.operationRoute li:last-child {
	width: 80px;
	padding: 5px 0;
}
.operationRoute li p.from {
    width: 70px;
    font-weight: bold;
    text-align: center;
	background-color: #fff;
    border: 1px solid #838C98;
    border-left: none;
    border-radius: 0 5px 5px 0;
    padding: 6px 10px 4px 10px;
    margin: 0 0 0 auto;
}
.operationRoute li p.to {
    width: 70px;
    font-weight: bold;
    text-align: center;
	background-color: #F2F2F2;
    border: 1px solid #DBDEE5;
    border-left: none;
    border-radius: 0 5px 5px 0;
    padding: 6px 10px 4px 10px;
    margin: 0 0 0 auto;
}
.operationRoute .up, .operationRoute .down {
    width: 24px;
    height: 24px;
    margin: 0 5px;
}
.tableCalendar.day thead th, .tableCalendar.day tbody td {
    width: 140px;
	text-align: left;
}
.tableCard.dayw12h {
    width: 550px;
}


/* 請求修正追加 */
.billerOderTable td:first-child .listWarning, .billerOtherTable td:first-child .listWarning {
    top: 40px;
    left: 13px;
}
.billDetailOrderInfo .secondSubItem {
	margin: 0 15px 0 30px;
}
.biller_confirmation_order_detail_table input[class=checkbox]+label::before {
	top: -12px;
}
button.btnPageNext img {
	fill: #4390de;
}
td.clientBillListIcon button.fixed {
	width: 78px;
	margin: 0 0 0 20px;
}

.billEdit, .billTrash {
	cursor: pointer;
}
.detailItemNote {
	width: 60px;
	cursor: pointer;
	margin: auto;
  position: relative;
}
.detailItemNote.client {
	width: 220px;
}
.detailItemNote:hover .textBoxUp {
  display: inline;
}
.textBoxUp {
	display: none;
	width: 300px;
	margin: auto;
	position: absolute;
	bottom: 30px;
	left: -120px;
	right: 0;
	padding: 15px;
	border-radius: 5px;
  background: #E4EDF7;
  white-space: initial;
}

.textBoxUp:after {
	position: absolute;
	margin: auto;
	width: 0;
	height: 0;
	left: 0;
	right: 0;
	bottom: -19px;
	border: solid transparent;
	border-color: rgba(51, 204, 153, 0);
	border-top-color: #E4EDF7;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}
.biller_confirmation_order_detail_table td.otherItem {
	width: 340px
}
.biller_confirmation_order_detail_table td.clientOtherItem {
    width: 510px;
}
.biller_confirmation_order_detail_table td.attach {
    width: 72px;
}





/* 一覧に戻る */
.backNextListBottomBox {
	display: flex;
	justify-content: center;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.5);
	box-shadow: 0 -3px 5px -5px rgba(54, 79, 79, 0.3);
	margin-top: 50px;
	padding: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
}


/* メンテナンス用 */
.main.mainte {
	text-align: center;
	margin: auto;
	padding: 100px 0 30px;
}
.mainteTitleIcon img {
	width: 70px;
	margin-bottom: 30px;
}
h1.mainte {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 30px;
}
p.mainteText {
	font-size: 18px;
	line-height: 2;
	margin-bottom: 15px;
}
p.mainteText a {
	color: #4390DE;
	text-decoration: underline;
}

/* Sorry用 */
.main.sorry {
	text-align: center;
	margin: auto;
	padding: 100px 0 30px;
}
.sorryTitleIcon img {
	width: 70px;
	margin-bottom: 30px;
}
h1.sorry {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 30px;
}
p.sorryText {
	font-size: 18px;
	line-height: 2;
	margin-bottom: 15px;
}
p.sorryText a {
	color: #4390DE;
	text-decoration: underline;
}

/* deny用 */
.main.deny {
	text-align: center;
	margin: auto;
	padding: 100px 0 30px;
}
.denyTitleIcon img {
	width: 70px;
	margin-bottom: 30px;
}
h1.deny {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 30px;
}
p.denyText {
	font-size: 18px;
	line-height: 2;
	margin-bottom: 15px;
}
p.denyText a {
	color: #4390DE;
	text-decoration: underline;
}

/* メニュー周り */
.child-nav p.secondSub {
	margin-top: 15px;
}
.gnav li:last-child .child-nav {
	top: -150px;
}
.gnav .child-nav.info {
	width: 350px;
	padding: 20px 0;
	position: fixed;
	height: 100%;
	overflow-y: scroll;
}

.gnav .child-nav.info .subNavTitle {
	font-size: 16px;
	margin: 0 15px 15px
}
.gnav .child-nav.info a div {
	display: block;
	color: #364F65;
	padding: 15px 15px 10px;
}
.gnav .child-nav.info a div:hover {
	background-color: #F5FAFC;
}
.gnav .child-nav.info a:hover:after {
	display: none;
}
.gnav .child-nav.info a span {
	display: inline-block;
	padding: 5px 10px;
}
.gnav a:hover span .child-nav.info a:hover {
	font-weight: normal;
}
.gnav .child-nav.info a p {
	color: #364F65;
	width: 300px;
	font-weight: normal;
	border-bottom: none;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	margin: 0;
	padding-top: 5px;
}
.gnav .child-nav.info a span.label {
	width: 90px;
    color: #FFF;
    text-align: center;
	background-color: #4390DE;
    margin: 0 15px 0 0;
}
.gnav .child-nav.info a span.number {
	width: 85px;
	padding: 0;
}
.gnav .child-nav.info a span.date {
	text-align: right;
	padding-right: 0;
}
.gnav .child-nav.info a:hover span {
    font-weight: normal;
}

/* 仕事を依頼する側client */
body.client {
	background-color: #fffcf7;
}
body.client .gnav li a, body.client .gnav li a:hover {
	color: #635444;
}
body.client .gnav li a:hover, body.client .gnav .current>a {
	color: #635444;
	background-color: #fdfaf4;
}

body.client .gnav>li>a:hover::before, body.client .gnav .current>a::before {
  background-color: #635444;
}
body.client .child-nav p {
    color: #635444;
    border-bottom: 1px solid #635444;
}
body.client .gnav li:nth-child(5), body.client .gnav li:nth-child(7) {
    display: none;
}

body.client .gnav .biller {
	display: none;
}


/* 仕事を受ける側biller */
body.biller {
	background-color: #F5FAFC;
}

body.biller .gnav li a:hover {
	color: #4390DE;
}
body.biller .gnav li a:hover, body.biller .gnav .current>a {
	color: #4390DE;
	background-color: #F5FAFC;
}

body.biller .gnav>li>a:hover::before, body.biller .gnav .current>a::before {
  background-color: #4390DE;
}
body.biller .child-nav p {
    color: #4390DE;
    border-bottom: 1px solid #4390DE;
}

body.biller .gnav .client, body.allocate .gnav .client {
	display: none;
}



/* 	必須項目 */
input.requiredB, select.requiredB {
	background-color: #fff8f1;
	border: 1px solid #ffb469;
}
input.requiredA, select.requiredA {
	background-color: #fff1f1;
	border: 1px solid #ff9393;
}



.inputTag.free {
	width: auto;
}
.mgnL30R10 {
	margin: 0 10px 0 30px;
}
.mgnR10 {
	margin-right: 10px;
}
.masterBox .inputItem dt.pdgL50R10 {
	width: auto;
	padding: 6px 10px 0 50px;
}
.masterBox.vehicle .inputItem:first-of-type dt {
	width: 13em;
}
.em60 {
	width: 60em;
}
.partnerSubTitle {
	font-size: 18px;
	margin: 30px 0 10px;
}
.partnerSubTitle:first-child {
	margin-top: 0;
}


.contentsBox.detailList {
	padding-bottom: 100px;
	position: relative;
}
.inputBlock.mgnT_30 {
	margin-top: -30px;
}

/* 新規作成の複数運行順番入れ替え */
.moveBox.new {
    padding: 80px 30px 20px 30px;
}
.moveBox.new::before {
    top: 30px;
}
.switchBtnBox {
	position: absolute;
	top: 30px;
	right: 30px;
}
.moveBox.new .moveFromToInfo li {
    width: 47.8%;
	margin-top: 10px;
}

.moveBox.new .moveCargoInfo li {
	width: 100%;
	margin-top: 10px;
}
.moveBox.new .moveFromToInfo li span, .moveBox.new .moveCargoInfo li span {
	margin-top: 7px;
}
.moveFromToInfo li span.normalText, .moveCargoInfo li span.normalText {
	font-weight: normal;
	position: static;
}
.moveBox.new span.nextItem01 {
	margin: 0 45px 0 55px;
	position: static;
}
.itemDivisionBox {
	margin: 20px 0 40px;
}
.itemDivisionBox span {
	font-weight: bold;
	margin-right: 25px;
}
.imgEntry {
	display: flex;
	margin-top: 10px;
}
.imgEntry div {
	position: relative;
}
.imgEntry div button.imgCloseBtn img {
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: none;
	position: absolute;
	top: 0;
	right: -10px;
}



.textMax25 {
	width: 25em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.titleBox .tabStatusPending {
	color: #F45C57;
    margin: 0 0 0 10px;
    font-size: 13px;
    line-height: 20px;
    padding: 0 15px;
    background: #fff;
    border: 1px solid #F45C57;
    border-radius: 20px;
}


/* ダッシュボード */
.titleTop {
	font-size: 21px;
}


/* ---- 切り替えトグル ---- */
.toggleBox {
	margin: -50px 0 50px;
}
.toggleBox input[type=checkbox] {
    display: none;
}
.toggleBox label>input[type=checkbox]~span {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 160px;
    height: 30px;
    font-size: 14px;
    border-style: none;
    border-radius: 15px;
}
/* ---- スイッチがONのとき ---- */
.toggleBox label>input[type=checkbox]:checked+span {
    display: flex;
    /* ---- ボタンのデザイン ---- */
    color: #fff;
    background-color: #4390DE;
	padding-left: 17px;
}
.toggleBox label>input[type=checkbox]:checked+span+span {
    display: none;
}
/* ---- スイッチがOFFのとき ---- */
.toggleBox label>input[type=checkbox]+span {
    display: none;
}
.toggleBox label>input[type=checkbox]+span+span {
    display: flex;
    /* ---- ボタンのデザイン ---- */
    color: #fff;
    background-color: #635444;
	padding-right: 17px;
}
/* ---- 丸ボタンのデザイン ---- */
.toggleBox label>input[type=checkbox]:checked+span::after, .toggleBox label>input[type=checkbox]+span+span::before {
    display: block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: 3px;
    border-radius: 50%;
    background-color: white;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    content: "";
}

/* システムのお知らせTOP */
.systemInfoTop {
	display: flex;
	align-items: baseline;
	width: 100%;
	border-radius: 5px;
    border: 1px solid #DBDEE5;
	background-color: #fff;
	margin: 10px 0 20px;
	padding: 20px 30px;
}
.systemInfoTop .status {
	color: #F45C57;
	width: 60px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #F45C57;
	border-radius: 20px;
	margin-right: 15px;
}
.systemInfoTop .date {
	margin-right: 15px;
}
.systemInfoTop h2 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}
/* システムのお知らせ過去リスト */
.systemInfoListBox {
	border-radius: 5px;
    border: 1px solid #DBDEE5;
	background-color: #FFF;
	padding: 0 30px 20px 30px;
}
.systemInfoList {
	display: flex;
	align-items: baseline;
	border-top: 1px solid #DBDEE5;
	padding: 20px 50px 20px 0;
	position: relative;
}
.systemInfoList:first-child {
	border-top: none;
}
.systemInfoList:last-child {
	padding-bottom: 0;
}
.systemInfoList h2 {
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 5px;
}
.systemInfoList .date {
	margin-right: 15px;
}


/* もっと読む */
.systemInfoList .moreBtn {
  width: 27px;
  height: 27px;
  margin: 0;
  padding: 3px 0 0 0;
  border-radius: 5px;
  background-color: #4390DE;
  color: #fff;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  z-index: 2;
	top: 20px;
	right: 0;
  bottom: 0;
}
.systemInfoListfirst-child {
	top: 0;
}
.systemInfoList .moreBtn::after {
  content: "＋"
}
.systemInfoList .moreBtn:hover {
  background: #fff;
  color: #4390DE;
  border: 1px solid #4390DE;
}
.systemInfoList .moreItem {
  position: relative;
  overflow: hidden;
  height: 21px;
}
.systemInfoList .moreItem p + p {
  margin-top: 1em;
}
.systemInfoList .moreItem::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 0px; /*グラデーションで隠す範囲*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
.systemInfoList.moreBtnTrigger {
  display: none;	
}
.systemInfoList .moreBtnTrigger:checked ~ .moreBtn {
  bottom: -2em;
}
.systemInfoList .moreBtnTrigger:checked ~ .moreBtn::after {
  content: "ー"
}
.systemInfoList .moreBtnTrigger:checked ~ .moreItem .fa {
  transform: rotate(180deg);
}
.systemInfoList .moreBtnTrigger:checked ~ .moreItem {
  height: auto;
}
.systemInfoList .moreBtnTrigger:checked ~ .moreItem::before {
  display: none;
}


/* ログアウトウインド */
.userBox {
	width: 350px;
	text-align: center;
	background-color: #fff;
    border: 1px solid #DBDEE5;
	border-radius: 5px;
	box-shadow: 0px 0px 10px rgba(54, 79, 79, 0.15);
	padding: 20px 30px;
	position: absolute;
	top: 40px;
	right: 0;
}
.userBox p {
	margin-bottom: 10px;
}
.userBox button {
	color: #4390DE;
	width: 120px;
	border: 1px solid #4390DE;
	border-radius: 5px;
	padding: 5px;
}

/* 添付画像５つレイアウト */
.moveBox.new .moveCargoInfo li .attachedBox {
	display: flex;
	margin-top: 20px;
}
.moveBox.new .moveCargoInfo li .attachedBox li {
	width: 150px;
	margin: 0 0 0 30px;
	padding-left: 0;
}
.moveBox.new .moveCargoInfo li .attachedBox li:first-child {
	border-bottom: none;
	margin-left: 0;
}
.moveBox.new .moveCargoInfo li .attachedBox li div {
	width: 150px;
	position: relative;
}
.btnAttachedDel {
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: none;
    position: absolute;
    top: -15px;
    right: 15px;
    cursor: pointer;
}
.attachedBox li div .attachedImg {
	display: block;
	width: 120px;
	height: 120px;
	background-color: #EEE;
    border: 1px solid #DBDEE5;
}
.attachedBox li div p.fileName {
	width: 10em;
	font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	margin-top: 5px;
}


.textLinkBlue {
	color: #3366ff;
	text-decoration: underline;
}
.allocateBlue {
	width: 100px;
	color: #fff;
	text-align: center;
	background-color: #3980C9;
	border-radius: 5px;
	margin: -6px 0 0 0;
	padding: 5px;
}
.allocatePink {
	width: 100px;
	color: #fff;
	text-align: center;
	background-color: #F07777;
	border-radius: 5px;
	margin: -6px 0 0 0;
	padding: 5px;
}
.allocateBrown {
	width: 100px;
	color: #fff;
	text-align: center;
	background-color: #956B57;
	border-radius: 5px;
	margin: -6px 0 0 0;
	padding: 5px;
}
.allocatePurple {
	width: 100px;
	color: #fff;
	text-align: center;
	background-color: #936DB9;
	border-radius: 5px;
	margin: -6px 0 0 0;
	padding: 5px;
}
.allocateDGray {
	width: 100px;
	color: #fff;
	text-align: center;
	background-color: #484C50;
	border-radius: 5px;
	margin: -6px 0 0 0;
	padding: 5px;
}
.flex {
	display: flex;
}
.max450px {
	width: 450px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vehicleListName {
	width: 360px;
}
.vehicleListName p {
	width: 360px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.titleBox>div.titleRightBtnPlural {
	display: block;
	text-align: right;
	margin: -41px 0 0 auto;
}