@charset "UTF-8";

/*================================= common =================================*/

html {
  height: 100%;
  font-size: 62.5%;
  background: #fff;
}

body {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  letter-spacing: -0.01px;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  width: 100%;
  height: 100%;
  min-width: 1366px;
}

/*
body#home {
	background: url(/../img/pc/header_bg_home.png') repeat-x top left;
}
*/

a {
  color: #0973ac;
  text-decoration: underline;
}

a:hover {
  color: #0973ac;
  text-decoration: none;
}

a:active,
a:focus {
  outline: 0;
}

a img:hover {
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  opacity: 0.85;
}

/*-- Position --*/

.TL {
  text-align: left !important;
}

.TC {
  text-align: center !important;
}

.TR {
  text-align: right !important;
}

.cf:after {
  display: block;
  clear: both;
  content: "";
  height: 0;
}

.cf {
  zoom: 1;
}

.B {
  font-weight: bold;
}

.red {
  color: #ff0202;
}

.noscriptError {
  width: 100%;
  padding-top: 50px;
  *padding: 20px 0 50px;
  margin: -4px 0 -40px;
}

.noscriptError > p {
  color: #f33;
  font-size: 1.5rem;
  line-height: 1.6;
  font-weight: bold;
  text-align: center;
}

/******************************* global.css ************************************
外枠：1024px
サイドコンテンツの幅 280px
コンテンツの幅 710px
******************************* / global.css **********************************/

/*================================= Wrapper =================================*/

.l_wrapper:after {
  display: block;
  clear: both;
  content: "";
  height: 0;
}

.l_wrapper {
  width: 100%;
  height: 100%;
}

/* ログイン画面の時のみ使用 */

.l_wrapper-login {
  background: none;
}

/*============================== globalHeader ==============================*/

.l_header {
  z-index: 100;
  width: 100%;
  height: 80px;
  position: fixed;
}

/* ログイン画面の時のみ使用 */

.header-login {
  margin-bottom: 150px;
  border-bottom: 5px solid #F01826;
}

/* ログイン後以降に使用 */

.header {
  zoom: 1;
  min-width: 1366px;
  background: #3C3C3C;
}

/* headerロゴ */

.header_logo {
  padding: 5px 0 2px 15px;
}

.header_logoOff {
  z-index: 1;
  position: absolute;
}

.header_info_item {
  float: left;
  text-align: center;
}

.header_info_item-text {
  color: #fff;
  white-space: nowrap;
  padding: 13px 15px 11px;
}

.header_info_item a {
  color: #fff;
  display: block;
  min-width: 80px;
  text-decoration: none;
  padding: 13px 15px 11px;
}

.header_info_item .fas {
  margin-right: 5px;
}

.header_info_item.header_info_item-logout {
  max-height: 100px;
}

.header_info_item.header_info_item-logout a {
  color: #fff;
  display: block;
  min-width: 60px;
  position: relative;
  text-decoration: none;
  padding: 13px 10px 11px 15px;
  transition: all 0.3s;
}

.header_info_item a:hover {
  background: #3577b5;
  transition: all 0.3s;
}

.header_info_itemText {
  display: block;
  margin-left: 18px;
}

/* headerに設置しているログアウトbtnに設置するicon */

.header_info_itemIcon {
  top: 16px;
  left: 28px;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
}

/* メニュー選択時の色 */

.header_info-navDashboard .header_info_itemAnchor1,
.header_info-navSales .header_info_itemAnchor2,
.header_info-navMaterials .header_info_itemAnchor3,
.header_info-navAccounting .header_info_itemAnchor4,
.header_info-navWork .header_info_itemAnchor5,
.header_info-navUserAccount .header_info_itemAnchor6 {
  background: #3577b5;
  text-shadow: 1px 0.5px 1px #17344f;
}

.header:after {
  display: block;
  clear: both;
  content: "";
  height: 0;
}

/*============================== Contents Layer ============================*/

.l_frame {
  height: 100%;
}

.b_contents {
  padding-top: 80px;
  height: calc(100% - 93px);
  min-width: 1366px;
}

/* ログイン画面の時のみ使用 */

.b_contents-login {
  float: none;
  padding-top: 150px;
}

/*=========================== HPContents Common ===========================*/

/*-------------------------------- breadcrumb ----------------------------------*/

.breadcrumb {
  width: 100%;
  background: #fafafa;
  border-bottom: solid 1px #eee;
}

.breadcrumb_inner {
  padding: 10px 10px 8px 15px;
}

.breadcrumb_inner_text {
  font-weight: 600;
  font-size: 1.8rem;
}

/*-------------------------------- inner ----------------------------------*/

.inner {
  padding: 10px 8px 50px;
}

/*---------------------------------- title ----------------------------------*/

.title {
  width: 100%;
}

/* titleの間隔調整 */

.title-spaceS {
  margin-top: 10px;
}

.title-spaceM {
  margin-top: 20px;
}

.title-spaceL {
  margin-top: 30px;
}

.title-space2L {
  margin-top: 40px;
}

/* titleの下にLineを付ける */

.title_bottomMark {
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px dashed #555;
}

/* レッド */

.title_bottomMark-color1 {
  border-bottom: 1px dashed #ffccd0;
}

/* ブルー */

.title_bottomMark-color2 {
  border-bottom: 1px dashed #d5ebf6;
}

/* グリーン */

.title_bottomMark-color3 {
  border-bottom: 1px dashed #def0d8;
}

/* グレー */

.title_bottomMark-color4 {
  border-bottom: 1px dashed #f2f2f2;
}

/* titleの左横にLineを付ける */

.title_leftMark {
  padding: 3px 0 5px 15px;
  border-left: 6px solid #3e73af;
}

.title_leftMark-color1 {
  border-left: 6px solid #3fa543;
}

/* title_text */

.title_text {
  margin-top: 3px;
  font-size: 1.6rem;
}

/* titleの幅調整 */

.title_text-sizeS {
  font-size: 1.3rem;
}

/* レッド */

.title_text-color1 {
  color: #f53b57;
}

/* ブルー */

.title_text-color2 {
  color: #3577b4;
}

/* グレー */

.title_text-color3 {
  color: #333;
}

.title_text-inline {
  display: inline-block;
}

/* タイトルの横にヘルプアイコンを使用する場合 */

.title_helpIcon {
  color: #a19e9e;
  margin-left: 10px;
  font-size: 1.2rem;
  padding: 2px 10px;
  border-radius: 13px;
  text-decoration: none;
  border: 1px solid #a19e9e;
  transition: all 0.4s;
}

.title_helpIcon:hover {
  color: #fff;
  background: #3577b4;
  border: 1px solid #3577b4;
  transition: all 0.4s;
}

/*---------------------------------- table ----------------------------------*/

.table {
  width: 100%;
  font-size: 1.2rem;
  background: #fff;
  text-shadow: none;
  border: 2px solid #3a75b2;
}

@media screen and (max-width: 1599px) {
  .table {
    font-size: 1.1rem;
  }
}

.table-borderNone {
  border: none;
}

.table-borderTopNone {
  border-top: none;
}

.table-borderBottomNone {
  border-bottom: none;
}

.table-borderLeftNone {
  border-left: none;
}

.table-borderRightNone {
  border-right: none;
}

/* 背景色の指定 */

/* 薄い赤 */

.table-bgColor1 {
  background: #ffccd0;
}

/* dataTable用(Excelインポート) */

table.dataTable tbody .table-bgColor1 {
  background: #ffccd0;
}

/* 濃い赤 */

.table-bgColor2 {
  background: #f76e85;
}

/* 薄いクリーム */

.table-bgColor3 {
  background: #ffebb2;
}

/* 濃いクリーム */

.table-bgColor4 {
  background: #ffdd80;
}

/* ブルー */

.table-bgColor5 {
  background: #d5ebf6;
}

/* 濃いブルー */

.table-bgColor6 {
  background: #58b0ec;
}

/* グレー */

.table-bgColor7 {
  background: #cccccc;
}

/* 薄いグレー */

.table-bgColor8 {
  background: #f2f2f2;
}

.table-bgColor9 {
  background: #fff;
}

/* tableの背景消す */

.table-bgNone {
  background: none;
}

/* tableの間隔調整 */

.table-spaceXS {
  margin-top: 5px;
}

.table-spaceS {
  margin-top: 10px;
}

.table-spaceM {
  margin-top: 20px;
}

.table-spaceL {
  margin-top: 30px;
}

/* thの指定 */

.table_title {
  color: #fff;
  padding: 5px 3px 4px;
  text-align: center;
  background-color: #3a75b2;
}

/* thの空間調整 */

.table_title-spaceM {
  padding: 12px 3px 11px 3px;
}

/* thにborderを入れる */

.table_title-borderTOP {
  border-top: 1px solid #fff;
}

.table_title-borderRight {
  border-right: 1px solid #fff;
}

.table_title-borderBottom {
  border-bottom: 1px solid #fff;
}

.table_title-borderLeft {
  border-left: 1px solid #fff;
}

/* thに入力されているテキストを左寄せ右寄せ */

.table_title-positionLeft {
  text-align: left;
}

/* ソート機能 */

.table_title-sort {
  background: #3a75b2 url("/img/sort_both.png") center right no-repeat;
}

.table_title-sortDesc {
  background: #3a75b2 url("/img/sort_desc.png") center right no-repeat;
}

.table_title-sortAsc {
  background: #3a75b2 url("/img/sort_asc.png") center right no-repeat;
}

.table_title a {
  color: #fff;
  display: block;
  text-decoration: none;
}

.table_title_required {
  width: 27px;
  height: 17px;
  float: right;
  margin-left: -27px;
  display: inline-block;
  vertical-align: middle;
  background: url("/img/icon_required.png") no-repeat center right;
  background-size: 27px 17px;
}

.table_title_required-spaceLeftS {
  margin-left: 10px;
  float: none;
}

@media screen and (max-width: 1599px) {
  .table_title_required {
    width: 22px;
    height: 14px;
    background-size: 22px 14px;
  }
}

.table-titleLeft .table_title {
  text-align: left;
}

/* tdの指定 */

.table_data {
  padding: 7px 3px;
  text-align: center;
  word-break: break-all;
  border-left: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
}

/* tdの空間調整 */

.table_data-spaceS {
  padding: 10px 5px;
}

/* tdにborder-leftを付けたいときに使用 */

.table_data.table_data-borderLeft {
  border-left: 1px solid #dfdfdf;
}

.table_data.table_data-borderBottom {
  border-bottom: 1px solid #5d5d5d;
}

/* tdのborderを消す */

.table_data-borderNone {
  border: none;
}

.table_data-borderLeftNone {
  border-left: none;
}

.table_data-borderBottomNone {
  border-bottom: none;
}

/* 文字色 赤 */

.table_data-color1 {
  color: #f53b57;
}

/* 文字色 青 */

.table_data-color2 {
  color: #3577b4;
}

/* フォントの大きさ調整 */

.table_data-sizeM {
  font-size: 1.6rem;
}

@media screen and (max-width: 1599px) {
  .table_data-sizeM {
    font-size: 1.2rem;
  }

  .whole .table_data {
    font-size: 0.8rem;
  }
}

/* tdの背景色を変更 */

.table_data-bgColor1 {
  background: #f76e85;
}

/* tdに入力されているテキストを左寄せ右寄せ */

.table_data-positionLeft {
  text-align: left;
}

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

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

.table_data_sub {
  color: #808080;
  font-size: 1.3rem;
  padding-bottom: 5px;
}

/* 登録経路の背景色 デフォルトカラーはレッド */

.table_data_status {
  color: #fff;
  padding: 6px;
  display: block;
  margin: 0 auto;
  min-width: 36px;
  background-color: #f33957;
}

/* レッド(濃い) */

.table_data_status-color1 {
  background-color: #f00;
}

/* ブルー */

.table_data_status-color2 {
  background-color: #3577b4;
}

/* グリーン */

.table_data_status-color3 {
  background-color: #5fb862;
}

/* オレンジ */

.table_data_status-color4 {
  background-color: #fe9939;
}

/* パープル */

.table_data_status-color5 {
  background-color: #6765d0;
}

/* ダークグレー */

.table_data_status-color6 {
  background-color: #565656;
}

/* 添付ファイル */

.table_data_file {
  padding: 3px 0;
  position: relative;
}

.table_data_file div {
  width: 18px;
  height: 18px;
  margin-right: 7px;
  display: inline-block;
  vertical-align: middle;
  background: url("/img/icon_clip.png") center left no-repeat;
  background-size: auto;
  background-size: 18px 18px;
}

.table_data_fileLink {
  font-size: 1.4rem;
}

.table_data_fileLink:hover {
  text-decoration: underline;
}

.table_data_fileDeleteBtn {
  padding: 4px;
  margin-top: -3px;
  margin-left: 7px;
  position: absolute;
}

.table_data_fileDeleteBtn span {
  fill: #808080;
  opacity: 1;
  width: 12px;
  height: 12px;
  cursor: pointer;
  position: relative;
  will-change: opacity;
  display: inline-block;
  vertical-align: middle;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transition-property: opacity;
}

.table_data_fileDeleteBtn span::before {
  top: 5px;
  width: 12px;
  height: 2px;
}

.table_data_fileDeleteBtn span::after {
  left: 5px;
  width: 2px;
  height: 12px;
}

.table_data_fileDeleteBtn span::before,
.table_data_fileDeleteBtn span::after {
  position: absolute;
  display: block;
  content: "";
  transition-property: background-color;
  background-color: #808080;
  transition: all 0.4s;
}

.table_data_fileDeleteBtn:hover span::before,
.table_data_fileDeleteBtn:hover span::after {
  background-color: #f53b57;
  transition: all 0.4s;
}

.table_data_fileDeleteBtn:hover span::before {
  top: 5px;
  width: 14px;
  height: 4px;
}

.table_data_fileDeleteBtn:hover span::after {
  left: 5px;
  width: 4px;
  height: 14px;
}

.table-bgColor8 .table_data {
  background: #f2f2f2;
}

.table-bgColor9 .table_data {
  background: #fff;
}

.table .highlight .table_data {
  background: #fff47c !important;
}

/* スクロール用のテーブル */

.scroll {
  width: 100%;
  min-height: 34px;
  max-height: 500px;
  overflow-y: scroll;
  border-bottom: 2px solid #3a75b2;
}

.scroll table {
  width: 100%;
  height: 100%;
  border-bottom: none;
}

@media screen and (max-width: 1366px) {
  .scroll {
    max-height: 355px;
  }
}

/*---------------------------------- block ----------------------------------*/

.block {
  width: 100%;
}

/* blockの中にあるコンテンツを寄せる */

.block-positionAuto {
  margin: 0 auto;
}

/* blockの中にあるコンテンツを真ん中寄せる */

.block-positionCenter {
  text-align: center;
}

/* blockの間隔調整 */

.block-spaceXS {
  margin-top: 5px;
}

.block-spaceS {
  margin-top: 10px;
}

.block-spaceM {
  margin-top: 20px;
}

.block-spaceL {
  margin-top: 30px;
}

.block-space2L {
  margin-top: 40px;
}

/* blockの空間調整 */

.block-padding {
  padding: 10px 20px;
}

/* blockのborder(基本カラーはグレー) */

.block-border {
  border: 5px solid #e5e5e5;
}

.block-bgColor1 {
  background: #fff;
}

.block_inner {
  padding: 2px 8px;
}

/* block内に設置するテキスト */

.block_text {
  font-size: 1.2rem;
}

.block_text-sizeM {
  font-size: 1.2rem;
}

.block_text-spaceS {
  margin-top: 10px;
}

.block_text-spaceM {
  margin-top: 20px;
}

.block_text-fontRed {
  color: #f00;
}

/* block内のテキストをinlineにする */

.block_text-inline {
  display: inline-block;
  vertical-align: middle;
}

/* block内に設置するテキストの文字位置指定 */

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

.block_text-positionCenter {
  text-align: center;
}

/* blockの左、右置き指定 */

.block_left {
  float: left;
}

/* block_leftの間隔調整 */

.block_left-spaceS {
  margin-left: 10px;
}

.block_left-spaceM {
  margin-left: 20px;
}

.block_left-spaceL {
  margin-left: 30px;
}

.block_left-space2L {
  margin-left: 40px;
}

.block_right {
  float: right;
}

.block_right-spaceS {
  margin-right: 10px;
}

.block_right-spaceM {
  margin-right: 20px;
}

.block_right-spaceL {
  margin-right: 30px;
}

.block_right-space2L {
  margin-right: 40px;
}

.block:after {
  display: block;
  clear: both;
  height: 0;
  content: "";
}

/*---------------------------------- textBox ----------------------------------*/

.textBox {
  width: 100%;
}

.textBox-spaceXS,
.textBox_text-spaceXS {
  margin-top: 5px;
}

.textBox-spaceS,
.textBox_text-spaceS {
  margin-top: 10px;
}

.textBox-spaceM,
.textBox_text-spaceM {
  margin-top: 20px;
}

.textBox-spaceL,
.textBox_text-spaceL {
  margin-top: 30px;
}

.textBox_text {
  font-size: 1.4rem;
  text-align: justify;
}

.textBox_text-sizeM {
  font-size: 1.8rem;
}

/* レッド */

.textBox_text-color1 {
  color: #f53b57;
}

/* レッド(濃い) */

.textBox_text-color2 {
  color: #f00;
}

/* ブルー */

.textBox_text-color3 {
  color: #3577b4;
}

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

.textBox_text-borderBottom {
  border-bottom: 1px solid #fff;
}

/* テキスト文字にリストスタイルを適用 */

.textBox_text-listStyle {
  list-style-type: disclosure-closed;
  margin-left: 15px;
}

.textBox_text-positionCenter {
  text-align: center;
}

/* block内で使用するinput select etc */

.textBox_text_input {
  width: 100%;
  padding: 6px 3px 7px;
}

.textBox_text_file {
  cursor: pointer;
}

/* fileのアイコンを追加 */

.textBox-fileIcon .textBox_text {
  margin-top: 5px;
}

.textBox-fileIcon .textBox_text::before {
  content: "";
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 7px;
  display: inline-block;
  vertical-align: middle;
  background: url("/img/icon_clip.png") center left no-repeat;
  background-size: auto;
  background-size: auto;
  background-size: 18px 18px;
}

/* デフォルトカラー(レッド) */

.textBox_text_mark {
  color: #fff;
  padding: 2px 4px;
  min-width: 50px;
  margin-right: 5px;
  font-size: 1.2rem;
  text-align: center;
  background: #f13757;
  display: inline-block;
}

/* レッド(濃い) */

.textBox_text_mark1 {
  background: #f00;
}

/* ブルー */

.textBox_text_mark2 {
  background: #2293ea;
}

/* グリーン */

.textBox_text_mark3 {
  background: #5cb85c;
}

/*---------------------------------- btn ----------------------------------*/

/* btn(デフォルトカラー：赤) */

.btn {
  width: 100px;
  text-align: center;
  transition: all 0.5s;
}

/* btnのサイズ */

.btn-sizeXS {
  width: 40px;
}

.btn-sizeS {
  width: 70px;
}

.btn-sizeM {
  width: 130px;
}

.btn-sizeL {
  width: 170px;
}

.btn-size2L {
  width: 190px;
}

.btn-size3L {
  width: 210px;
}

.btn-size4L {
  width: 300px;
}

/* ボタンを真ん中に寄せる */

.btn-positionAuto {
  margin: 0 auto;
}

/* btnの間隔調整 */

.btn-spaceXS {
  margin-top: 5px;
}

.btn-spaceS {
  margin-top: 10px;
}

.btn-spaceM {
  margin-top: 20px;
}

.btn-leftSpaceS {
  margin-left: 10px;
}

.btn-leftSpaceM {
  margin-left: 20px;
}

.btn-leftSpaceL {
  margin-left: 30px;
}

.btn-leftSpace2L {
  margin-left: 100px;
}

/* btn横並べにする場合 */

.btn-inline {
  display: inline-block;
}

.btn_link,
.btn_unlink {
  color: #fff;
  display: block;
  background: #f13757;
  padding: 8px;
  text-decoration: none;
  border: 1px solid #f13757;
  border-radius: 3px;
  transition: all 0.5s;
}

/* btn(input ver)の調整 */

.btn-button .btn_link {
  width: 100%;
  padding: 6px 8px;
}

_:-ms-fullscreen,
:root .btn-button .btn_link {
  padding: 8px;
}

/* ブルー */

.btn-color1 .btn_link {
  background: #2293ea;
  border: 1px solid #2293ea;
}

/* オレンジ */

.btn-color2 .btn_link {
  background: #ff9a2d;
  border: 1px solid #ff9a2d;
}

/* グリーン */

.btn-color3 .btn_link {
  background: #5cb85c;
  border: 1px solid #5cb85c;
}

/* グレー */

.btn-color4 .btn_link {
  background: #a5a4a4;
  border: 1px solid #a5a4a4;
}

/* ダークグレー */

.btn-color5 .btn_link {
  background: #676565;
  border: 1px solid #676565;
}

/* 薄いグレー */

.btn-color6 .btn_link {
  background: #cbcbcb;
  border: 1px solid #cbcbcb;
}

/* btnのホバー */

.btn_link:hover,
.btn_link:focus {
  color: #f13757;
  background: #fff;
  transition: all 0.4s;
}

/* ブルー */

.btn-color1 .btn_link:hover,
.btn-color1 .btn_link:focus {
  color: #2293ea;
}

/* オレンジ */

.btn-color2 .btn_link:hover,
.btn-color2 .btn_link:focus {
  color: #ff9a2d;
}

/* グリーン */

.btn-color3 .btn_link:hover,
.btn-color3 .btn_link:focus {
  color: #5cb85c;
}

/* グレー */

.btn-color4 .btn_link:hover,
.btn-color4 .btn_link:focus {
  color: #a5a4a4;
}

/* ダークグレー */

.btn-color5 .btn_link:hover,
.btn-color5 .btn_link:focus {
  color: #676565;
}

/* btnの非活性 */

.btn-disable:hover,
.btn-disable .btn_link:hover {
  color: #fff;
  border-radius: 3px;
  background: #cbcbcb;
}

/* iconデフォルト設定 */

.btn_link-icon:before {
  width: 2.16rem;
  font-weight: 900;
  font-size: 1.8rem;
  font-style: normal;
  text-align: center;
  line-height: 0.75rem;
  font-variant: normal;
  text-rendering: auto;
  margin-right: 0.5rem;
  display: inline-block;
  vertical-align: -0.3rem;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
}

/* 登録、編集 */

.btn_link-iconPen:before {
  content: "";
}

/* 確認 */

.btn_link-iconCheck:before {
  content: "";
}

/* 削除 */

.btn_link-iconDelete:before {
  content: "";
}

/* 戻る */

.btn_link-iconBack:before {
  content: "";
}

/* 進む */

.btn_link-iconMove:before {
  content: "";
}

/* 閉じる */

.btn_link-iconClose:before {
  content: "";
}

/* 検索 */

.btn_link-iconSearch:before {
  content: "";
}

/* クリア */

.btn_link-iconClear:before {
  content: "";
}

/* ダウンロード */

.btn_link-iconDownload:before {
  content: "";
}

/* アップロード */

.btn_link-iconUpload:before {
  content: "";
}

/* 印刷 */

.btn_link-iconPrint:before {
  content: "";
}

/* 送信 */

.btn_link-iconSend:before {
  content: "";
}

/* pdf */

.btn_link-iconPdf:before {
  content: "";
}

/* ファイル */

.btn_link-iconFile:before {
  content: "";
}

/* 画像 */

.btn_link-iconImg:before {
  content: "";
}

/* MAP */

.btn_link-iconMap:before {
  content: "";
}

/* ログイン */

.btn_link-iconLogin:before {
  content: "";
}

/* 請求書 */

.btn_link-iconInvoice:before {
  content: "";
  vertical-align: -0.3rem;
}

/* 保存 */

.btn_link-iconSave:before {
  content: "";
}

/* プラス */

.btn_link-iconPlus:before {
  content: "";
}

/* 注意 */

.btn_link-iconNote:before {
  content: "";
}

/* リロード */

.btn_link-iconReload:before {
  content: "";
}

/* info */

.btn_link-iconInfo:before {
  content: "";
}

/* plus */

.btn_link-iconPlus:before {
  content: "";
}

/* minus */

.btn_link-iconMinus:before {
  content: "";
}

/* ソート */

.btn_link-iconSort:before {
  content: "";
}

/* ソート昇順 */

.btn_link-iconSortUp:before {
  content: "";
}

/* ソート降順 */

.btn_link-iconSortDown:before {
  content: "";
}

/*---------------------------------- iconBtn ----------------------------------*/

.iconBtn .fas {
  color: #f13757;
  transition: all 0.4s;
}

/* ブルー */

.iconBtn-color1 .fas {
  color: #2293ea;
}

/* オレンジ */

.iconBtn-color2 .fas {
  color: #ff9a2d;
}

/* グリーン */

.iconBtn-color3 .fas {
  color: #5cb85c;
}

/* グレー */

.iconBtn-color4 .fas,
.iconBtn-color6 .fas {
  color: #a5a4a4;
}

/* ダークグレー */

.iconBtn-color5 .fas {
  color: #676565;
}

/* btnのホバー */

.iconBtn .fas:hover {
  color: #d70f30;
  transition: all 0.4s;
}

/* ブルー */

.iconBtn-color1 .fas:hover {
  color: #147fd2;
}

/* オレンジ */

.iconBtn-color2 .fas:hover,
.iconBtn-color6 .fas:hover {
  color: #ffa94d;
}

/* グリーン */

.iconBtn-color3 .fas:hover {
  color: #46a046;
}

/* グレー */

.iconBtn-color4 .fas:hover {
  color: #676565;
}

/* ダークグレー */

.iconBtn-color5 .fas:hover {
  color: #cbcbcb;
}

.fas-color1 {
  color: #5cb85c;
}

/*---------------------------------- menuBox ----------------------------------*/

.menuBox {
  width: 100%;
}

.menuBox-spaceS {
  margin-top: 10px;
}

.menuBox-spaceM {
  margin-top: 20px;
}

.menuBox_item {
  float: left;
  margin-right: 10px;
}

.menuBox_item:last-child {
  margin-right: 0px;
}

.menuBox_item-sizeM {
  width: 150px;
}

.menuBox_item a {
  display: block;
  min-width: 100px;
  color: #565656;
  padding: 8px 10px;
  background: #fff;
  border-radius: 3px;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  border: 1px solid #ddd;
  transition: all 0.4s;
}

.menuBox_item a:hover {
  color: #fff;
  background: #3577b4;
  border: 1px solid #3577b4;
  transition: all 0.4s;
}

.menuBox_item-on a,
.menuBox_item-on a:hover {
  color: #fff;
  background: #3577b4;
  border: 1px solid #3577b4;
  transition: all 0.4s;
}

.menuBox:after {
  display: block;
  clear: both;
  height: 0;
  content: "";
}

/*----------------------------- tab ------------------------------*/

.tab {
  width: 100%;
}

.tab_item {
  margin-top: 15px;
  text-align: center;
}

.tab_item:first-child {
  margin-top: 0px;
}

.tab_item_anchor {
  color: #9e9e9e;
  display: block;
  padding: 8px 10px 6px;
  text-decoration: none;
  border: 1px solid #ccc;
  transition: all 0.4s;
}

.tab_item_anchor:hover,
.tab_item_anchor-on {
  color: #fff;
  border-color: #3577b4;
  background-color: #3577b4;
  transition: all 0.4s;
}

/*--------------------------------- pager -----------------------------------*/

.pager {
  width: 100%;
}

/* pagerの間隔調整 */

.pager-spaceS {
  margin-top: 10px;
}

.pager_Box {
  width: 100%;
  text-align: center;
}

.pager_Box li {
  padding: 0;
  margin: 0 3px 0;
  display: inline-block;
}

.pager_list a {
  color: #fff;
  padding: 5px;
  display: block;
  min-width: 20px;
  background: #9d9d9d;
  text-decoration: none;
  border-radius: 3px;
}

.pager_list a:hover {
  background-color: #3577b4;
}

/* 前へ矢印 */

.pager_list-prev {
  padding-left: 0;
}

.pager_list-prev a {
  color: #979797;
  padding-left: 0;
  padding-right: 15px;
  background: url("/img/pager_arrow_left_off.png") no-repeat center right;
  background-size: 10px 14px;
}

.pager_list-prev a:hover {
  color: #3577b4;
  background: url("/img/pager_arrow_left_on.png") no-repeat center right;
  background-size: 10px 14px;
}

/* 次へ矢印 */

.pager_list-next a {
  color: #979797;
  padding-right: 0px;
  padding-left: 15px;
  background: url("/img/pager_arrow_right_off.png") no-repeat center left;
  background-size: 10px 14px;
}

.pager_list-next a:hover {
  color: #3577b4;
  background: url("/img/pager_arrow_right_on.png") no-repeat center left;
  background-size: 10px 14px;
}

/* 現在ページ選択 */

.pager_list span {
  color: #fff;
  padding: 5px;
  display: block;
  min-width: 20px;
  background: #3577b4;
  text-decoration: none;
  border-radius: 3px;
}

/*+++++++++++++++++++++++++++++++++ login ++++++++++++++++++++++++++++++++++*/

/* loginページで使用 */

.login_body {
  min-width: 100%;
}

.login {
  width: 100%;
}

/* ロゴ,ログインテキスト */

.login_outSide {
  text-align: center;
}

.login_outSide_logo {
  margin-bottom: 20px;
}

.login_outSide_text {
  color: #F04853;
  font-size: 3.2rem;
  margin-bottom: 30px;
}

.login_error {
  color: #f00;
  text-align: center;
  margin-bottom: 10px;
}

/* ログインbox */

.login_box {
  text-align: left;
  background: #fff;
  border-radius: 2px;
  border: 1px solid #dedede;
}

.login_box-small {
  width: 400px;
  margin: 0 auto;
}

.login_box_inner {
  padding: 32px;
}

.login_box_innerItem {
  width: 100%;
  margin-bottom: 30px;
}

.login_box_innerItem dt {
  margin-bottom: 5px;
}

.login_box_innerItem input {
  width: 95%;
  padding: 8px 5px;
  border: 1px solid #e5e5e5;
}

/* ログインbtn */

.login_box_innerBtn {
  font-weight: bold;
  text-align: center;
}

.login_box_innerBtn input {
  width: 100%;
  color: #fff;
  cursor: pointer;
  border: 0 solid;
  padding: 15px 0;
  font-weight: bold;
  background: #3577b4;
  border-radius: 4px;
}

/* ログインbtnの色変更&ホバー色 */

.login_box_innerBtn input:hover {
  background: #2e689e;
  transition: all 0.6s;
}

/*+++++++++++++++++++++++++++++++++ error ++++++++++++++++++++++++++++++++++*/

.error {
  color: #f00;
}

/*---------------------------- 403 / 404 / 500 error -------------------------*/

.codeBox {
  left: 0;
  right: 0;
  top: 40%;
  position: absolute;
  transform: translateY(-50%);
}

.codeBox_title {
  font-size: 7.2rem;
  text-align: center;
}

.codeBox_text {
  font-size: 3.2rem;
  text-align: center;
  margin-top: 20px;
}

/*+++++++++++++++++++++++++++++++++ modal ++++++++++++++++++++++++++++++++++*/

/* モーダルウィンドウ */

.overlay {
  display: none;
}

.overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  z-index: 100;
}

.overlay-1,
.overlay-2 {
  background-color: rgba(0, 0, 0, 0.5);
}

.modal_box {
  position: absolute;
  top: 80px;
  left: 30%;
}

.modal_box-position1 {
  position: absolute;
  top: 200px;
  left: 39%;
}

.modal_box {
  display: none;
}

.popBox {
  display: none;
}

/*---------------------------- Loading -------------------------*/

.loadBox {
  position: absolute;
  top: 242px;
  left: 44%;
  z-index: 2002;
}

.loadBox_img {
  width: 200px;
  z-index: 2002;
  text-align: center;
}

.loadBox_img img {
  width: 140px;
  height: 140px;
}

.loadBox_myProgress {
  width: 100%;
  position: relative;
  background-color: #eee;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
}

.loadBox_myProgress_bar {
  width: 1%;
  height: 30px;
  background-color: #f73d57;
}

.loadBox_count {
  top: 20%;
  left: 40%;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  text-align: center;
}

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

.loadBox .textBox_text {
  color: #fff;
  font-size: 24px;
  text-align: center;
}

.loadPage {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  display: block;
  z-index: 1000;
  position: fixed;
  overflow: hidden;
  background-color: #000;
}

/*---------------------------- disabled -------------------------*/

:disabled {
  background-color: #ddd;
}

/*---------------------------- file -------------------------*/

/* hoks添付ファイル */

.files {
  width: 100%;
}

.files_inner {
  padding: 0 5px;
}

.files_item {
  padding: 3px 0;
  position: relative;
}

.files_item a {
  text-decoration: none;
}

.files_item-spaceS {
  margin-top: 10px;
}

.files_item div {
  width: 18px;
  height: 18px;
  margin-right: 7px;
  display: inline-block;
  vertical-align: middle;
  background: url("/img/icon_clip.png") center left no-repeat;
  background-size: auto;
  background-size: 18px 18px;
}

.files_itemLink {
  font-size: 1.4rem;
}

.files_itemLink:hover {
  text-decoration: underline;
}

.files_itemDeleteBtn {
  padding: 4px;
  margin-top: -3px;
  margin-left: 7px;
  position: absolute;
}

.files_itemDeleteBtn span {
  fill: #808080;
  opacity: 1;
  width: 12px;
  height: 12px;
  cursor: pointer;
  position: relative;
  will-change: opacity;
  display: inline-block;
  vertical-align: middle;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transition-property: opacity;
}

.files_itemDeleteBtn span::before {
  top: 5px;
  width: 12px;
  height: 2px;
}

.files_itemDeleteBtn span::after {
  left: 5px;
  width: 2px;
  height: 12px;
}

.files_itemDeleteBtn span::before,
.files_itemDeleteBtn span::after {
  position: absolute;
  display: block;
  content: "";
  transition-property: background-color;
  background-color: #808080;
  transition: all 0.4s;
}

.files_itemDeleteBtn:hover span::before,
.files_itemDeleteBtn:hover span::after {
  background-color: #f53b57;
  transition: all 0.4s;
}

.files_itemDeleteBtn:hover span::before {
  top: 5px;
  width: 14px;
  height: 4px;
}

.files_itemDeleteBtn:hover span::after {
  left: 5px;
  width: 4px;
  height: 14px;
}

/*---------------------------- ドラッグ＆ドロップ -------------------------*/

.fileBox {
  padding: 15px 15px 12px;
  border-radius: 4px;
  text-align: center;
  background-color: #fff;
  border: 3px dotted #adadad;
  transition: all 0.4s;
}

.fileBox-spaceS {
  margin-top: 10px;
}

.fileBox.fileBox-active {
  border-color: #f53b57;
  transition: all 0.4s;
}

.fileBox_item {
  margin-top: 2px;
  padding-left: 4px;
  margin-bottom: 2px;
  display: inline-block;
  vertical-align: middle;
}

.fileBox_item_uploadBtn {
  color: #f53b57;
  cursor: pointer;
  font-size: 1.3rem;
  line-height: 2.5rem;
  min-height: 2.5rem;
  padding-right: 12px;
  padding-left: 12px;
  font-weight: 700;
  border: solid 2px #adadad;
  background-color: #fff;
  border-radius: 4px;
  transition: all 0.4s;
}

.fileBox_item_uploadBtn:hover {
  border-color: #f53b57;
  transition: all 0.4s;
}

.fileBox_item_uploadBtn input {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.fileBox_text {
  display: inline-block;
}

.fileBox_text-spaceM {
  margin-top: 20px;
}

/*---------------------------- スクロール -------------------------*/

.scrollTable {
  border: 2px solid #3a75b2;
}

.scrollTable_inner {
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 200px;
}

.scrollTable thead {
  border-right: 3px solid #3a75b2;
}

.scrollTable .table {
  border: none;
}

/*---------------------------------- flexBox ----------------------------------*/

.content {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.content-spaceS {
  margin-top: 10px;
}

.content-spaceM {
  margin-top: 20px;
}

.content-spaceL {
  margin-top: 30px;
}

.content-leftSpaceS {
  margin-left: 10px;
}

.content-leftSpaceM {
  margin-left: 20px;
}

.content-leftSpaceL {
  margin-left: 30px;
}

/* 縦並び */

.content-column {
  flex-direction: column;
}

/* 高さ揃えない */

.content-itemStart {
  align-items: flex-start;
}

/* 上詰め */

.content-flexStart {
  justify-content: flex-start;
}

.content_box {
  width: 100%;
  padding: 20px;
  background: #fff;
  border-radius: 3px;
  align-items: center;
  box-sizing: border-box;
  border-top: 3px solid #ad2723;
}

.content_box-borderTopNone {
  border-top: none;
}

.content_box-spaceS {
  margin-top: 10px;
}

.content_box-spaceM {
  margin-top: 20px;
}

.content_box-spaceM {
  margin-top: 30px;
}

.content_box-leftSpaceS {
  margin-left: 10px;
}

.content_box-leftSpaceM {
  margin-left: 20px;
}

.content_box-leftSpaceL {
  margin-left: 30px;
}

.content_box-bgColor1 {
  color: #fff;
  background: #3577b4;
}

.content_box-bgColor2 {
  color: #fff;
  background: #dc6466;
}

.content_box-bgColor3 {
  color: #fff;
  background: #92d050;
}

.content.content-tableDesign .content_box {
  position: relative;
  border-top: none;
  box-shadow: 0 1px 2px #ccc;
}

.content_box-positionCenter {
  text-align: center;
}

.content_box_title {
  font-size: 1.8rem;
}

.content_box_title-sizeM {
  font-size: 2.4rem;
}

.content_box_title-spaceS {
  margin-top: 10px;
}

.content_box_title-spaceM {
  margin-top: 20px;
}

.content_box_title-spaceL {
  margin-top: 30px;
}

.content_box_title-positionCenter {
  text-align: center;
}

.content_box_title .table {
  border-left: none;
  border-right: none;
}

.content_box .table_data {
  padding: 10px 4px 6px;
}

.content_box .table_data-content-pt0 {
  padding-top: 0px;
}

.content_box .table_data-content-pb0 {
  padding-bottom: 0px;
}

.content_box_borderRightBottom {
  right: 0;
  bottom: 0;
  border-radius: 3px;
  position: absolute;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-top: 8px solid transparent;
  border-right: 8px solid #dc6466;
  border-bottom: 8px solid #dc6466;
  border-left: 8px solid transparent;
}

.content_box_borderRightBottom-color1 {
  border-right: 8px solid #3577b4;
  border-bottom: 8px solid #3577b4;
}

.content_box_borderLeftTop {
  left: 0;
  top: 0;
  border-radius: 3px;
  position: absolute;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-top: 8px solid #dc6466;
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #dc6466;
}

.content_box_borderLeftTop-color1 {
  border-top: 8px solid #3577b4;
  border-left: 8px solid #3577b4;
}

.content.content-dashboard .content_box .fa-question-circle {
  top: 10px;
  right: 10px;
  color: #fff;
  cursor: pointer;
  font-size: 1.6rem;
  position: absolute;
  transition: all 0.4s;
}

.content.content-dashboard .content_box .fa-question-circle-color1 {
  color: #cbcbcb;
  transition: all 0.4s;
}

.content.content-dashboard .content_box .fa-question-circle:hover {
  color: #ffa94d;
  transition: all 0.4s;
}

.content.content-dashboard .content_box_text {
  font-size: 1.4rem;
}

.content.content-dashboard .content_box_text-sizeM {
  font-size: 4rem;
}

.content.content-dashboard .content_box_text-color1 {
  color: #f53b57;
}

/* グレー */

.content.content-dashboard .content_box_text-color2 {
  color: #b3b3b3;
}

.content.content-dashboard .content_box_text-spaceS {
  margin-top: 10px;
}

.content.content-dashboard .content_box_text-spaceM {
  margin-top: 20px;
}

.content.content-dashboard .content_box_text-spaceL {
  margin-top: 30px;
}

/* 文字右寄せ */

.content.content-dashboard .content_box_text-positionRight {
  text-align: right;
}

/* 上下中央寄せ */

.content_box-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* お知らせ */

.content_box_tab {
  width: 100%;
}

.content_box_tabItem {
  float: left;
  margin-left: 20px;
}

.content_box_tabItem a {
  color: #adadad;
  font-weight: 800;
  font-size: 1.5rem;
  text-decoration: none;
}

.content_box_tabItem.active a {
  color: #333;
  padding: 10px 0;
  border-top: 1px solid #f33957;
  border-bottom: 1px solid #f33957;
}

.content_box_list {
  width: 100%;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}

.content_box_item {
  font-size: 1.4rem;
  letter-spacing: 1px;
  text-align: justify;
  background-color: #fff;
  box-shadow: 0 1px 3px #ccc;
  border-bottom: 1px solid #d7d7d7;
}

.content_box_item:last-child {
  border-bottom: none;
}

.content_box_item_link {
  display: block;
  cursor: pointer;
  padding: 20px 10px;
  transition: all 0.2s;
  text-decoration: none;
  transition: all 0.4s;
}

.content_box_item_link:hover {
  background: #f2f2f2;
  transition: all 0.4s;
}

.content_box_item_date,
.content_box_item_text,
.content_box_item_icon {
  display: table-cell;
}

.content_box_item_date {
  width: 8em;
}

.content_box_item_icon {
  width: 10px;
}

.content_box_item_icon .fa-trash-alt {
  z-index: 10000;
  font-size: 1.6rem;
}

.content_box_item_icon .fa-trash-alt:before {
  color: #a5a4a4;
  transition: all 0.4s;
}

.content_box_item_icon:hover .fa-trash-alt:before {
  color: #676565;
  transition: all 0.4s;
}

.content_box_item_text-alert {
  width: 100%;
}

.content-form .table {
  border: none;
}

.content-form .table_data {
  border: none;
}

/* 写し保管で使用 */

.content-form .table-copy tr {
  border-bottom: 1px solid #eee;
}

.content-form .table-copy tr:last-child {
  border-bottom: none;
}

#cboxContent .content_box {
  padding: 0px;
}

/*---------------------------- input -------------------------*/

.input {
  width: 100%;
  padding: 3px 1px 4px;
}

/* input type="text"の幅調整 */

.input-size05 {
  width: 5%;
}

.input-size1 {
  width: 10%;
}

.input-size1half {
  width: 15%;
}

.input-size2 {
  width: 20%;
}

.input-size2half {
  width: 25%;
}

.input-size3 {
  width: 30%;
}

.input-size3half {
  width: 35%;
}

.input-size4 {
  width: 40%;
}

.input-size4half {
  width: 45%;
}

.input-size5 {
  width: 50%;
}

.input-size5half {
  width: 55%;
}

.input-size6 {
  width: 60%;
}

.input-size6half {
  width: 65%;
}

.input-size7 {
  width: 70%;
}

.input-size7half {
  width: 75%;
}

.input-size8 {
  width: 80%;
}

.input-size8half {
  width: 85%;
}

.input-size9 {
  width: 90%;
}

.input-size9half {
  width: 95%;
}

/* input type="text"のmarginLeft指定 */

.input-marginLeft {
  margin-left: 10px;
}

/* inputの値を中央寄せにする */

.input-positionCenter {
  text-align: center;
}

.input-positionLeft {
  text-align: left;
}

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

/* input type="text"の空間調整 */

.input-spaceS {
  margin-top: 10px;
}

.input-spaceM {
  margin-top: 20px;
}

.input-spaceL {
  margin-top: 30px;
}

/*---------------------------- select -------------------------*/

.select {
  width: 100%;
  padding: 2px 2px 3px;
}

/* selectの幅調整 */

.select-size05 {
  width: 5%;
}

.select-size07 {
  width: 7%;
}

.select-size08 {
  width: 8%;
}

.select-size09 {
  width: 9%;
}

.select-size1 {
  width: 10%;
}

.select-size1half {
  width: 15%;
}

.select-size2 {
  width: 20%;
}

.select-size2half {
  width: 25%;
}

.select-size3 {
  width: 30%;
}

.select-size3half {
  width: 35%;
}

.select-size4 {
  width: 40%;
}

.select-size4half {
  width: 45%;
}

.select-size5 {
  width: 50%;
}

.select-size5half {
  width: 55%;
}

.select-size6 {
  width: 60%;
}

.select-size6half {
  width: 65%;
}

.select-size7 {
  width: 70%;
}

.select-size8 {
  width: 80%;
}

/* selectの間隔調整 */

.select-spaceS {
  margin-top: 10px;
}

.select-spaceM {
  margin-top: 20px;
}

.select-spaceL {
  margin-top: 30px;
}

/*---------------------------- textArea -------------------------*/

.textArea {
  width: 100%;
  resize: vertical;
  min-height: 100px;
  padding: 3px 3px 4px;
  vertical-align: middle;
}

.textArea-small {
  min-height: 60px;
}

.textArea-midium {
  min-height: 80px;
}

.textArea-large {
  min-height: 120px;
}

.textArea:disabled {
  width: 100%;
  background-color: #fff;
}

/* リサイズ機能の停止 */

.textArea-resize {
  resize: none;
}

/*---------------------------- radio -------------------------*/

/* 四角タイプのラジオボタン */

.radioBox {
  width: 100%;
}

.radioBox_list {
  float: left;
  list-style: none;
  overflow: hidden;
  position: relative;
  display: inline-block;
  border: solid 1px #ddd;
  border-right: none;
}

.radioBox_list:first-child {
  border-radius: 5px 0 0 5px;
}

.radioBox_list:last-child {
  border-right: solid 1px #ddd;
  border-radius: 0 5px 5px 0;
}

.radioBox_list_label {
  display: block;
  min-width: 4em;
  text-align: center;
  padding: 4px 2px 6px;
  border: solid 1px rgba(255, 255, 255, 0.2);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background: #eee;
  background: -moz-linear-gradient(top, #fff, #eee);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
}

.radioBox_list_label-small {
  min-width: 2em;
}

.radioBox_list input[type=radio] {
  margin: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
}

.radioBox_list input[type=radio]:checked {
  cursor: auto;
}

.radioBox_list input[type=radio]:checked + label {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px rgba(0, 0, 0, 0.1);
}

.radioBox_list input[type=radio]:checked + label {
  background: #0070c0;
  background: -moz-linear-gradient(top, #0070c0, #0086cd);
  background: -webkit-gradient(linear, left top, left bottom, from(#0086cd), to(#0070c0));
}

.radioBox_list input[type=radio]:focus {
  background: #f53b57;
  background: -moz-linear-gradient(top, #f53b57, #cc001f);
  background: -webkit-gradient(linear, left top, left bottom, from(#cc001f), to(#f53b57));
}

.radioBox_list input[type=radio]:focus + label {
  background: #f53b57;
  background: -moz-linear-gradient(top, #f53b57, #cc001f);
  background: -webkit-gradient(linear, left top, left bottom, from(#cc001f), to(#f53b57));
}

/* 丸タイプのラジオボタン */

.circle {
  width: 100%;
}

.circle_list {
  float: left;
}

.circle_list-spaceS {
  margin-left: 10px;
}

.circle_list-spaceM {
  margin-left: 20px;
}

.circle_list-spaceL {
  margin-left: 30px;
}

/* サークルタイプのラジオボタン */

.circle_list_radioBtn + label {
  cursor: pointer;
  position: relative;
  margin-right: 10px;
  display: inline-block;
  padding: 9px 0 8px 20px;
}

@media (min-width: 1px) {
  .circle_list_radioBtn {
    margin: 0;
    display: none;
  }

  .circle_list_radioBtn + label::before {
    left: 0;
    top: 50%;
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    margin-top: -9px;
    position: absolute;
    box-sizing: border-box;
    background-color: #fff;
  }

  .circle_list_radioBtn + label::after {
    top: 50%;
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
  }

  .circle_list_radioBtn:checked + label::after {
    left: 5px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-radius: 8px;
    background: #007bbd;
  }

  .circle_list_radioBtn + label::before {
    border-radius: 30px;
    border: 2px solid #c2ced2;
  }
}

/*---------------------------- checkBox -------------------------*/

/* 四角タイプのチェックボックス */

.checkBox {
  width: 100%;
}

.checkBox_btn + label {
  cursor: pointer;
  position: relative;
  display: inline-block;
  padding: 8px 0 8px 18px;
}

.checkBox_btn {
  display: none;
}

@media (min-width: 1px) {
  .checkBox_btn {
    width: 0;
    margin: 0;
    border: none;
    display: none;
    transition: all 0.3s;
  }

  .checkBox_btn + label::before {
    left: 0;
    top: 50%;
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    margin-top: -9px;
    position: absolute;
    box-sizing: border-box;
    background-color: #fff;
  }

  .checkBox_btn + label::after {
    top: 50%;
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
  }

  .checkBox_btn + label::before {
    border: 2px solid #c2ced2;
  }

  .checkBox_btn:checked + label::after {
    left: 3px;
    width: 16px;
    height: 8px;
    margin-top: -8px;
    border-left: 3px solid #007bbd;
    border-bottom: 3px solid #007bbd;
    transform: rotate(-45deg);
  }
}

.checkBox .checkBox_btn:focus + label {
  color: #f1a510;
  transition: all 0.3s;
}

/*---------------------------------- form Icon ----------------------------------*/

.iconBox {
  position: relative;
}

.iconBox .input {
  padding-left: 30px;
}

.iconBox .select {
  width: 95%;
  padding: 6px 5px 8px 25px;
}

.iconBox_item {
  top: 9px;
  left: 5px;
  color: #dbdbdb;
  position: absolute;
}

.login_box_innerItem .iconBox input:focus,
.iconBox input:focus {
  border-color: #f1a510;
}

.login_box_innerItem .iconBox input:focus ~ .iconBox_item,
.iconBox input:focus ~ .iconBox_item {
  color: #333;
}

/*---------------------------------- 必須アイコン ----------------------------------*/

.fa-asterisk {
  float: right;
  color: #f53b57;
  margin-top: 3px;
  margin-left: -15px;
}

/*---------------------------------- dataTable ----------------------------------*/

/* データテーブル骨組み */

.block table.dataTable {
  border-collapse: collapse;
}

.block table.dataTable,
.block table.dataTable th,
.block table.dataTable td {
  box-sizing: border-box;
}

.block table.dataTable thead th {
  font-weight: normal;
  border-bottom: none;
  padding: 8px 5px 7px 5px;
}

.block table.dataTable tbody td {
  padding: 5px;
}

.block table.dataTable.no-footer {
  border-bottom: 1px solid #3a75b2;
}

#DataTables_Table_0_length select,
#DataTables_Table_1_length select {
  width: 80px;
  padding: 5px;
  margin-bottom: 2px;
}

#DataTables_Table_0_filter input,
#DataTables_Table_1_filter input {
  padding: 5px;
}

/* ページャー */

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  min-width: 28px !important;
  padding: 6px 13px !important;
  background: #3577b4 !important;
  text-decoration: none !important;
  border-radius: 3px !important;
  background-color: #3577b4 !important;
  border: 1px solid #3577b4 !important;
}

.block .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  border-bottom: none;
}

.dataTables_scroll .dataTables_scrollBody {
  max-height: 390px;
}

.operation_search .dataTables_scroll .dataTables_scrollBody {
  max-height: 200px;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 2px solid #3a75b2 !important;
}

/* ソート昇順 */

.block table.dataTable thead .sorting_asc {
  background-image: url("/img/sort_asc.png");
}

/* ソート降順 */

.block table.dataTable thead .sorting_desc {
  background-image: url("/img/sort_desc.png");
}

/* 行の色変更 */

.block table.dataTable tbody .table-bgColor2 {
  background: #f76e85;
}

/* 検索ボックスの左置き */

.block .dataTables_wrapper .dataTables_filter {
  float: none;
  text-align: left;
  margin-left: 130px;
}

/*---------------------------------- その他 ----------------------------------*/

/* 出荷日の削除ボタンデザイン */

.js-addedBtn1,
.js-addedBtn2 {
  top: 2px;
  cursor: pointer;
  position: relative;
}

.js-addedBtn1:hover,
.js-addedBtn2:hover {
  color: #3577b4;
}

.js-close_stBtn,
.js-close_edBtn {
  top: 0px;
  cursor: pointer;
  position: relative;
}

.js-close_stBtn:hover,
.js-close_edBtn:hover {
  color: #3577b4;
}

/* table 縦横スクロール */

.sBase {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

/* HEADERS */

.sHeader {
  z-index: 3;
  background: #fff;
  position: absolute;
}

.sHeaderInner {
  position: relative;
}

.sHeaderInner table {
  table-layout: fixed !important;
  border-collapse: collapse !important;
}

/* HEADERS - FIXED */

.sFHeader {
  z-index: 4;
  overflow: hidden;
  position: absolute;
}

.sFHeader table {
  table-layout: fixed !important;
}

/* BODY */

.sData {
  z-index: 2;
  overflow: auto;
  position: absolute;
  background-color: #ffffff;
}

.sData table {
  table-layout: fixed !important;
}

/* BODY - FIXED */

.sFData {
  position: absolute;
  z-index: 1;
}

.sFDataInner {
  position: relative;
}

.sFData table {
  table-layout: fixed !important;
}

.sDefault th,
.sDefault td {
  white-space: nowrap;
}

/*---------------------------------- dataTable ----------------------------------*/

#demoTableA .table_data,
#DataTables_Table_0 .table_data,
#DataTables_Table_1 .table_data,
.scroll .table_data {
  font-size: 1.3rem;
}

.fas.fa-times-circle {
  cursor: pointer;
}

/*---------------------------------- table scroll用 ----------------------------------*/

.tableScrollBox {
  width: 100%;
  margin: 0 auto;
  max-height: 486px;
  overflow: hidden;
  overflow-y: scroll;
  overflow-x: scroll;
  box-sizing: border-box;
}

.tableScrollBox * {
  box-sizing: inherit;
}

.table_title-stcky,
.table_data-stcky {
  position: sticky;
  position: -webkit-sticky;
  z-index: 1;
}

.tableScrollBox .table {
  table-layout: fixed;
  border-collapse: separate;
}

.tableScrollBox .table th:nth-child(1),
.tableScrollBox .table th:nth-child(2),
.tableScrollBox .table th:nth-child(3),
.tableScrollBox .table th:nth-child(4),
.tableScrollBox .table th:nth-child(5),
.tableScrollBox .table th:nth-child(6),
.tableScrollBox .table th:nth-child(7),
.tableScrollBox .table th:nth-child(8) {
  position: sticky;
  position: -webkit-sticky;
  z-index: 100;
}

.tableScrollBox .table tr:nth-child(1) th {
  top: 0;
}

.tableScrollBox .table tr:nth-child(2) th {
  top: 2rem;
}

.tableScrollBox .table th:nth-child(1),
.tableScrollBox .table th:nth-child(2) {
  z-index: 20;
}