@charset "UTF-8";

/* Common
======================================================================================= */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a:link,
a:visited,
a:hover,
a:active {
  color: #58a7f3;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

html {
  height: 100%;
}

body {
  background-color: #fff;
  width: 100%;
  height: 100%;
}

/* Parts
======================================================================================= */

/* Font
------------------------------------------ */
body {
  /* 以下、通常テキストに準拠 */
  font-size: 14px;
  color: #333333;
  line-height: 120%;
}

.bold {
  font-weight: bold;
}

.f_red {
  color: #f00 !important;
}

.font_s {
  font-size: 14px !important;
}

/* Text layout
------------------------------------------ */
.tal {
  text-align: left !important;
}

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

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

.nowrap {
  white-space: nowrap;
}

.nowrap_cancel {
  white-space: initial !important;
}

/* BG color
------------------------------------------ */
.bg_red1 {
  background-color: #d92c1e !important;
}

/* margin */
.m_auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.ml_auto {
  margin-left: auto !important;
}

.mr_auto {
  margin-right: auto !important;
}

.ma3 {
  margin: 3px !important;
}

.ma10 {
  margin: 10px !important;
}

.ma15 {
  margin: 15px !important;
}

.ma20 {
  margin: 20px !important;
}

.ma25 {
  margin: 25px !important;
}

.ma30 {
  margin: 30px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb2em {
  margin-bottom: 2em !important;
}

.mb3em {
  margin-bottom: 3em !important;
}

/* padding */
.pa10 {
  padding: 10px !important;
}

.pa15 {
  padding: 15px !important;
}

.pa20 {
  padding: 20px !important;
}

.pa25 {
  padding: 25px !important;
}

.pa30 {
  padding: 30px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pd25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

/* width */
/* % */
.w10p {
  width: 10%;
}

.w20p {
  width: 20%;
}

.w30p {
  width: 30%;
}

.w40p {
  width: 40%;
}

.w50p {
  width: 50%;
}

.w60p {
  width: 60%;
}

.w70p {
  width: 70%;
}

.w80p {
  width: 80%;
}

.w90p {
  width: 90%;
}

.w100p {
  width: 100%;
}

/* em */
.w1em {
  width: 1em !important;
}

.w2em {
  width: 2em !important;
}

.w3em {
  width: 3em !important;
}

.w4em {
  width: 4em !important;
}

.w5em {
  width: 5em !important;
}

.w6em {
  width: 6em !important;
}

.w7em {
  width: 7em !important;
}

.w8em {
  width: 8em !important;
}

.w9em {
  width: 9em !important;
}

.w10em {
  width: 10em !important;
}

.w11em {
  width: 11em !important;
}

.w12em {
  width: 12em !important;
}

.w13em {
  width: 13em !important;
}

.w14em {
  width: 14em !important;
}

.w15em {
  width: 15em !important;
}

.w16em {
  width: 16em !important;
}

.w17em {
  width: 17em !important;
}

.w18em {
  width: 18em !important;
}

.w19em {
  width: 19em !important;
}

.w20em {
  width: 20em !important;
}

/* height */
.h10p {
  height: 10%;
}

.h20p {
  height: 20%;
}

.h30p {
  height: 30%;
}

.h40p {
  height: 40%;
}

.h50p {
  height: 50%;
}

.h60p {
  height: 60%;
}

.h70p {
  height: 70%;
}

.h80p {
  height: 80%;
}

.h90p {
  height: 90%;
}

.h100p {
  height: 100%;
}

/* ======================================================================================= */

#wrap {
  width: 100%;
  min-width: 800px;
  max-width: 1750px;
  margin: 0 auto;
  height: 100%;
}

#app {
  height: 100%;
}

/* header
-------------------------------------------*/
#wrap header {
  width: 100%;
  background-color: #dbf2f7;
  padding: 10px 0;
}

#wrap header ul {
  display: flex;
}

#wrap header ul li {
  margin-bottom: 0;
  line-height: 1;
}

#wrap header ul li:nth-of-type(1) {
  margin: 0 10px;
}

#wrap header ul li:nth-of-type(2) {
  margin: 14px 20px 0 0;
  font-size: 20px;
}

#wrap header ul li:nth-of-type(3) {
  margin: 14px 30px 0 auto;
}

#wrap header ul li:nth-of-type(4) {
  margin: 14px 20px 0 0;
}

/* contents
-------------------------------------------*/
#contents {
  display: flex;
  background-color: #f2f2f2;
  height: calc(100% - 65px);
}

/* menu */
#menu {
  width: 200px;
  height: 100%;
  padding: 10px 10px 50px 10px;
}

#menu ul li {
  margin-bottom: 10px;
}

.breadcrumbs {
  margin-bottom: 10px;
}

#router-content {
  width: calc(100% - 200px);
  padding: 10px 10px 50px 10px;
  background-color: #fff;
  height: 100%;
}

.title {
  font-size: 20px;
  background-color: #bee4de;
  padding: 10px;
  margin-bottom: 10px;
}

/* tableタグ
------------------------------------------ */

table {
}

th,
td {
  padding: 10px;
  font-size: 14px;
  border: 1px solid #dae4e6;
  line-height: 120%;
}

th {
  background-color: #dbf2f7;
  vertical-align: middle;
}

.scroll_table {
  overflow-x: auto;
  white-space: nowrap;
  padding: 0 3px 3px 0;
}

.flexible_table {
  overflow: auto;
  white-space: nowrap;
  padding: 0 3px 3px 0;
  flex: 1;
}

.overflow_y_s {
  max-height: 300px;
  overflow-y: auto;
}

.overflow_y_m {
  max-height: 400px;
  overflow-y: auto;
}

.overflow_y_l {
  max-height: 500px;
  overflow-y: auto;
}
.overflow_y_xl {
  max-height: 600px;
  overflow-y: auto;
}
.bg_gry {
  background-color: #bfbfbf;
}

.bg_sbl {
  background-color: #94d7e7;
}

.bg_ylw {
  background-color: #f0f27c;
}

.tbl_nodata {
  padding: 10px;
}

/* 充填指示一覧のテーブル */
.filling_inst_list_tbl td:nth-child(17),
.filling_inst_list_tbl td:nth-child(18) {
  text-align: center;
}

.filling_inst_list_tbl td:nth-child(11),
.filling_inst_list_tbl td:nth-child(12),
.filling_inst_list_tbl td:nth-child(13),
.filling_inst_list_tbl td:nth-child(14),
.filling_inst_list_tbl td:nth-child(15) {
  text-align: right;
}

/* 充填指示詳細のテーブル */
.filling_inst_detail_tbl01 td {
  text-align: center;
}

.filling_inst_detail_tbl02 td:nth-child(9),
.filling_inst_detail_tbl02 td:nth-child(10) {
  text-align: center;
}

.filling_inst_detail_tbl02 td:nth-child(3),
.filling_inst_detail_tbl02 td:nth-child(4),
.filling_inst_detail_tbl02 td:nth-child(5) {
  text-align: right;
}

/* 出荷指示一覧のテーブル */
.shipping_inst_list_tbl01 td:nth-child(7),
.shipping_inst_list_tbl01 td:nth-child(10),
.shipping_inst_list_tbl01 td:nth-child(11),
.shipping_inst_list_tbl01 td:nth-child(12) {
  text-align: right;
}

.shipping_inst_list_tbl02 td:nth-child(10),
.shipping_inst_list_tbl02 td:nth-child(12),
.shipping_inst_list_tbl02 td:nth-child(14),
.shipping_inst_list_tbl02 td:nth-child(15),
.shipping_inst_list_tbl02 td:nth-child(16),
.shipping_inst_list_tbl02 td:nth-child(17) {
  text-align: center;
}

.shipping_inst_list_tbl02 td:nth-child(2),
.shipping_inst_list_tbl02 td:nth-child(8),
.shipping_inst_list_tbl02 td:nth-child(9),
.shipping_inst_list_tbl02 td:nth-child(11),
.shipping_inst_list_tbl02 td:nth-child(13) {
  text-align: right;
}

/* 入荷指示一覧のテーブル */
.delivery_inst_list_tbl01 td:nth-child(6),
.delivery_inst_list_tbl01 td:nth-child(9),
.delivery_inst_list_tbl01 td:nth-child(10),
.delivery_inst_list_tbl01 td:nth-child(11) {
  text-align: right;
}

.delivery_inst_list_tbl02 td:nth-child(10),
.delivery_inst_list_tbl02 td:nth-child(12),
.delivery_inst_list_tbl02 td:nth-child(14),
.delivery_inst_list_tbl02 td:nth-child(15),
.delivery_inst_list_tbl02 td:nth-child(16),
.delivery_inst_list_tbl02 td:nth-child(17) {
  text-align: center;
}

.delivery_inst_list_tbl02 td:nth-child(2),
.delivery_inst_list_tbl02 td:nth-child(8),
.delivery_inst_list_tbl02 td:nth-child(9),
.delivery_inst_list_tbl02 td:nth-child(11),
.delivery_inst_list_tbl02 td:nth-child(13) {
  text-align: right;
}

.delivery_inst_list_tbl03 td:nth-child(2) {
  text-align: center;
}

/* フレコンバッグ一覧のテーブル */
.flex_cont_bag_list_tbl td:nth-child(13),
.flex_cont_bag_list_tbl td:nth-child(16),
.flex_cont_bag_list_tbl td:nth-child(17) {
  text-align: center;
}

.flex_cont_bag_list_tbl td:nth-child(3),
.flex_cont_bag_list_tbl td:nth-child(9),
.flex_cont_bag_list_tbl td:nth-child(10),
.flex_cont_bag_list_tbl td:nth-child(11),
.flex_cont_bag_list_tbl td:nth-child(12) {
  text-align: right;
}

/* フレコンバッグ詳細のテーブル */
.flex_cont_bag_detail_tbl01 td {
  text-align: center;
}

/* inputタグ
------------------------------------------ */
input::placeholder {
  color: #999;
}

input:-ms-input-placeholder {
  color: #999;
}

/* IE */
input::-ms-input-placeholder {
  color: #999;
}

/* Edge */

a.btn,
button.btn {
  display: inline-block;
  text-align: center;
  font-size: 15px;
  color: #fff;
  background: #2897b2;
  border-radius: 5px;
  cursor: pointer;
  padding: 6px 0;
  border: none;
}

button.btn-danger {
  display: inline-block;
  text-align: center;
  font-size: 15px;
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
  border-radius: 5px;
  cursor: pointer;
  padding: 6px 0;
  border: none;
}

button.btn-danger:hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.7;
}

button.btn-cancel {
  display: inline-block;
  text-align: center;
  font-size: 15px;
  color: #fff;
  background-color: #c2bebf;
  border-color: #c2bebf;
  border-radius: 5px;
  cursor: pointer;
  padding: 6px 0;
  border: none;
}

button.btn-cancel:hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.7;
}

a.btn:hover,
button.btn:hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.7;
}

.btn_s {
  width: 80px;
}

.btn_m {
  width: 150px;
}

.btn_l {
  width: 200px;
}

.btn_ll {
  width: 350px;
}

a.btn_free,
button.btn_free {
  display: inline-block;
  width: auto;
  padding: 30px 50px;
}

#contents input[type="text"],
#contents input[type="date"],
#contents select {
  height: 26px;
  font-size: 14px;
  border: 1px solid #bfbfbf;
  border-radius: 5px;
  margin-bottom: 15px;
}

.w_size00 {
  width: 70px;
}

.w_size01 {
  width: 100px;
}

.w_size02 {
  width: 150px;
}

.w_size03 {
  width: 200px;
}

.w_size04 {
  width: 300px;
}

.w_size05 {
  width: 350px;
}
/*モーダルを開くボタン*/
.modal-open {
}

/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 50%);
  padding: 40px 20px;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  box-sizing: border-box;
  z-index: 100;
}

/*モーダル本体の擬似要素の指定*/
.modal-container:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active {
  opacity: 1;
  visibility: visible;
}

/*モーダル枠の指定*/
.modal-body {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 400px;
  width: 90%;
}

/*モーダル枠の指定*/
.modal-body-m {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 600px;
  width: 90%;
}

/*モーダル枠の指定*/
.modal-body-l {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 800px;
  width: 90%;
}

/*モーダル枠の指定*/
.modal-body-ll {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 1100px;
  width: 90%;
}
/*モーダル内のコンテンツの指定*/
.modal_ttl {
  background: #2897b2;
  text-align: center;
  color: #fff;
  font-size: 18px;
  padding: 10px;
}

.modal_danger_ttl {
  background: #dc3545;
  text-align: center;
  color: #fff;
  font-size: 18px;
  padding: 10px;
}

.modal-content {
  background: #fff;
  text-align: left;
  padding: 20px;
}

.modal_tbl {
  margin-bottom: 5px;
}

.modal_tbl td input[type="text"] {
  margin-bottom: 0 !important;
}

.modal_ctl_btn {
  text-align: center;
}

/* デイトピッカー */
.ui-datepicker-trigger {
  position: relative;
  top: 3px;
  left: 5px;
  margin-right: 10px;
}

/* ページング */
.paging {
  display: flex;
  justify-content: left;
  align-items: center;
}

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

.paging ul.pages {
  flex-wrap: wrap;
}

.paging ul li {
  height: 30px;
  margin: 0 1px 10px 1px;
  border: 1px solid #dae4e6;
}

.paging .pages li {
  min-width: 30px;
}

.paging .nav li {
  width: 40px;
}

.paging li span,
.paging li a {
  display: block;
  line-height: 30px;
  padding: 0 8px;
  font-size: 14px;
  text-align: center;
}

.paging li span,
.paging li a:hover {
  color: #fff;
  background-color: #007bff;
  text-decoration: none;
}

.paging .nav li.disabled {
  display: block;
  line-height: 30px;
  padding: 0 8px;
  font-size: 14px;
  text-align: center;
  color: #ddd;
}

/* ログイン画面 */

body.login {
  background-color: #f2f2f2;
}

#login_area {
  position: relative;
  top: 100px;
  width: 440px;
  background-color: #fff;
  margin: 0 auto;
}

#logo {
  height: 40px;
  width: 40px;
}

#login_head {
  height: 48px;
  background: #d9d9d9 url("../../img/logo.png") no-repeat 3px 50%;
  background-size: 10%;
  text-align: center;
  font-size: 20px;
  line-height: 48px;
  margin-bottom: 15px;
}

#login_txt {
  color: #ff0000;
  text-align: center;
  padding: 0 5px;
  margin-bottom: 10px;
}

#login_ipt {
  padding: 0 30px 20px;
}

#login_ipt input {
  width: 100%;
  height: 40px;
  font-size: 16px;
  border: 1px solid #d4d4d4;
  margin-bottom: 15px;
}

.login_btn {
  width: 100%;
  height: 40px;
  background-color: #3898f3;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  padding: 0 5px;
}

.login_btn:hover {
  opacity: 0.7;
}

/* menuページ */
#contents_menu {
  background-color: #fff;
  margin-bottom: 50px;
  padding: 15px;
}
/* #contents_menu > div {
  width: 100%;
  padding: 20px 50px;
} */
#contents_menu ul {
  margin: 10px 10px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

#contents_menu li {
  vertical-align: top;
  width: 350px;
  border: 1px solid #bfbfbf;
  margin-right: 2%;
  margin-bottom: 1%;
  height: 100px;
}

#contents_menu ul li dl {
  padding: 10px;
}

#contents_menu ul li dl dt {
  font-size: 18px;
  margin-bottom: 5px;
}

.underline {
  text-decoration: underline;
}

/* 詳細ページ */
.serch_condition span {
  white-space: nowrap;
  margin-right: 10px;
}

.err_txt {
  border: 2px solid #ff0000;
  color: #ff0000;
  padding: 10px;
}

.err_txt li {
  margin-bottom: 5px;
}

.modal {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}

.modal-wrap {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 20px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  white-space: nowrap;
}

.modal-wrap::-webkit-scrollbar {
  display: none;
}

.modal-wrap:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 100%;
}

modal-bg {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(51, 51, 51, 0.8);
  width: 100%;
  height: 100%;
}

.modal-box {
  width: 100%;
  max-width: 500px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.modal-box .inner {
  background: #fff;
  padding: 80px 20px;
  text-align: left;
}

.modal-box .inner > :first-child {
  margin-top: 0;
}

.modal-left-box {
  float: left;
}

.modal-image {
  margin-left: 30px;
  width: 100px;
}

.model-text {
  float: left;
  margin-top: 30px;
  margin-left: 30px;
}

.modal-title {
  font-size: 24px;
}

.modal-message {
  margin-top: 10px;
  font-size: 24px;
}

.move_voucher_count {
  display: flex;
  justify-content: flex-end;
  margin-right: 30px;
  font-size: 16px;
}

/* flexbox関連 */
.flex_row {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.flex_row_end {
  display: flex;
  flex-direction: row;
  align-items: end;
}

.flex_row_space-between {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.flex_center {
  display: flex;
  justify-content: center;
}

/* gap定義 */
.gap5 {
  column-gap: 5px;
}

.gap20 {
  column-gap: 20px;
}

.center {
  text-align: center;
}

/* min-widthの定義 */
.min_w_s {
  min-width: 150px;
}
.min_w_175 {
  min-width: 175px;
}
.min_w_m {
  min-width: 350px;
}
.min_w_l {
  min-width: 500px;
}
.min_w_xl {
  min-width: 600px;
}

/* veritial alignの指定 */
.va_middle {
  vertical-align: middle;
}

/* text alignの指定 */
.ta_center {
  text-align: center;
}

.ta_right {
  text-align: right;
}

tr.ta_center > th {
  text-align: center;
}

.w_label_size01 {
  display: inline-block;
  width: 130px;
  vertical-align: middle;
}
.w_label_size02 {
  display: inline-block;
  width: 160px;
  vertical-align: middle;
}

/* vue-multiselectライブラリのCSSオーバライド用 start */
.multiselect {
  min-height: 26px !important;
  border: 1px solid #bfbfbf;
  border-radius: 5px;
}

div.multiselect__select {
  height: 26px !important;
  top: 5px !important;
}

.multiselect--disabled .multiselect__current,
.multiselect--disabled .multiselect__select {
  background-color: unset !important;
}

.multiselect__tags {
  min-height: 26px !important;
  padding: 1px 40px 1px 1px !important;
}

input.multiselect__input {
  height: 26px !important;
  border: 0px !important;
  margin-bottom: 0px !important;
}

.multiselect__option {
  min-height: 26px !important;
  padding: 6px !important;
  font-size: 14px !important;
}

.multiselect__option::after {
  line-height: 28px !important;
}

div.multiselect__spinner {
  height: 26px !important;
}

.multiselect__single {
  margin-bottom: 0px !important;
  padding-left: 1px !important;
  font-size: 14px !important;
  color: black !important;
}

/* 必須項目時に黄色表示に変更する */
.required .multiselect__tags {
  background-color: yellow !important;
}

.required .multiselect__single {
  padding-top: 2px;
  background-color: yellow !important;
  padding-left: 5px !important;
}

.required .multiselect__input {
  background-color: yellow !important;
}
/* #1967d2 */
.required .multiselect__option {
  background-color: yellow !important;
}
.required .multiselect__option--highlight {
  background: #1967d2 !important;
  color: #fff !important;
}
.required .multiselect__option--highlight::after {
  background: #1967d2 !important;
  color: #fff !important;
}
.required .multiselect__option--selected {
  background-color: yellow !important;
  color: #35495e !important;
}
.required .multiselect__option--selected::after {
  background-color: yellow !important;
  color: #35495e !important;
}
.required .multiselect__option--selected.multiselect__option--highlight {
  background: #1967d2 !important;
  color: #fff !important;
}
.required .multiselect__option--selected.multiselect__option--highlight::after {
  background: #1967d2 !important;
  color: #fff !important;
}
.multiselect__option--highlight {
  background: #bfbfbf !important;
  color: #35495e !important;
}
.multiselect__option--highlight::after {
  background: #bfbfbf !important;
  color: #35495e !important;
}
.multiselect__option--selected {
  background: #bfbfbf !important;
}
.multiselect__option--selected::after {
  color: #35495e !important;
}
.multiselect__option--selected.multiselect__option--highlight {
  background: #bfbfbf !important;
  color: #35495e !important;
}
.multiselect__option--selected.multiselect__option--highlight:after {
  background: #bfbfbf !important;
  color: #35495e !important;
}
/* vue-multiselectライブラリのCSSオーバライド用 end */

/* 必須項目の定義 */
.required {
  background-color: yellow;
}

.search_condition {
  background: #edfaf5;
  padding-top: 10px;
  padding-bottom: 5px;
}

/* 画像を元に戻す際のアニメーション設定 */
.rotate_img {
  transition: all 300ms 0s ease;
}

/* 画像の回転とアニメーション設定 */
.rotate_img.active {
  transform: rotate(90deg);
  transition: all 300ms 0s ease;
}

.text-sm {
  font-size: 12px;
  color: #757575;
}

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

.sticky-tabs {
  position: sticky;
  top: 0;
  background-color: white; /* 背景色を指定して、スクロール時に見えなくなるのを防ぐ */
  z-index: 10; /* 他の要素より前面に表示 */
}