/*
 *共通css
 */

.w-100 {
    width: 100%!important;
}

.w-100 {
    width: 100%!important;
}

.min-w-100 {
    min-width: 100%!important;
}

.min-width-max-content {
    min-width: max-content!important;
}

.pt-3 {
    padding-top: 1rem;
}

.display-none {
    display: none!important;
}

.display-block {
    display: block!important;
}

.display-inline-block {
    display: inline-block!important;
}

.display-inline-flex {
    display: inline-flex!important;
}

.display-contents {
    display: contents;
}

.align-items-center {
    align-items: center!important;
}

.margin-top-1rem {
    margin-top: 1rem;
}

.resize-vertical {
    resize: vertical!important;
}

.field-sizing-content-10lh {
    field-sizing: content;
    min-height: 10lh;
}

.te

/* 改行関連定義 */
.break-word {
    word-break: break-all;
    word-break: break-word;
}
.list-title, .tooltip-wrap {
    word-break: break-all;
    word-break: break-word;
}
.list-title a {
    white-space: pre-wrap;
}
.body-txt {
    word-break: break-all;
    word-break: break-word;
    white-space: pre-wrap;
}
/* /.改行関連定義 */

/* 境界線 */
.divider {
    height: 1px!important;
    margin: 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
/* /.境界線 */

/* ボタン */
.btn-pink:hover {
    color: #fff;
}
/* /.ボタン */

/* 米印箇条書き */
.bullet-asterisk {
  list-style-type: none;
  text-indent: -1em;
  padding-left: 1em;
}
.bullet-asterisk:before {
  display: inline;
  content: "※";
}
/* /.米印箇条書き */

/** エラーメッセージ用拡張定義 */
.help-block,
.has-error .help-block {
    color: #ff0000;
    font-size: 13px;
    display: table-footer-group;
}
/** /.エラーメッセージ用拡張定義 */

/** デザイン標準フォントサイズ反映定義 */
.page-content {
    font-size: 13px;
}
.modal-body {
    font-size: 13px;
}
/** /.デザイン標準フォントサイズ反映定義 */

/* select2全般の共通定義 */
.select2 {
    margin-right: 1%;
}
.select2-results {
    font-size: 13px;
}
/* select2へフォーカス時、form-controlのデザインを適用 */
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.select2-container--default .select2-search--inline .select2-search__field:-ms-input-placeholder {
    color:#aaaaaa;
}
.select2-container--default .select2-search--inline .select2-search__field::placeholder {
    color:#aaaaaa;
}
.select2-container--default .select2-search--inline .select2-search__field::-moz-placeholder {
    color:#aaaaaa;
}
.select2-container--default .select2-search--inline .select2-search__field::-webkit-input-placeholder {
    color:#aaaaaa;
}
/* 非活性の場合、form-controlのデザインを適用しない */
.select2-container--default.select2-container--disabled.select2-container--focus .select2-selection--multiple {
    border: solid #aaa 1px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/** select2の検索フィールドの定義 */
.select2-search__field{
    min-width: 10em!important;
    max-width: 100%!important;
}
@media all and (min-width: 992px) {
    .select2-search__field{
        width: 420px!important;
    }
}
@media all and (max-width:991px) {
    .select2-search__field{
        width: 370px!important;
    }
}
@media all and (max-width:450px) {
    .select2-search__field{
        width: 265px!important;
    }
}
@media all and (max-width:365px) {
    .select2-search__field{
        width: 200px!important;
    }
}
@media all and (max-width:300px) {
    .select2-search__field{
        width: 150px!important;
    }
}


/** /.select2全般の共通定義 */

/* ヘッダータイトル設定 */
a.header-title {
    color: inherit;
    text-decoration: none;
}

/* 標準select設定 */
.option-color{
    color: #000;
}
.option-color.blank{
    display: none;
}

/** ポインターを付ける */
.cursor-pointer{
    cursor: pointer;
}

/** 非活性化 */
.disabled {
    pointer-events: none;
    opacity: 0.5
}

/* ラベル・タグの見た目調整 */
.badge {
    margin: 0px 5px 5px 0px;
    padding: 3px 8px;
    /* 巨大な文字列に対応するため折り返す*/
    white-space: unset;
    max-width: 100%;
    word-wrap: break-word;
    /* テキスト部分は左詰め */
    text-align: left;
}

/* assets標準定義の画像URL設定無し上書き */
.light-login {
    background: #DFE0E2;
}


/* スクロールバーが画面用に重ならない設定 */
@-ms-viewport {
    width: auto;
    initial-scale: 1;
}

@viewport {
    width: device-width;
    initial-scale: 1;
}


/* 選択状態にさせたくない領域 */
.unselected-area {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

/* カーソルが乗ると手の形になる領域 */
.hover-cursor-pointer:hover, .input-group-addon:hover {
    cursor: pointer;
}

.no-skin .nav-list>li>a {
    background-color: #0D47A0;
    font-weight: bold;
    color: #ffffff;
}

/* 入力フォームの背景 */
.well {
    background-color: #e3e3e3;
}

/* Bootstrapのpreタグと同じ見た目でpタグを使えるようにするclass */
p.bootstrap-pre-tag {
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.tooltip-inner {
    text-align: left;
    max-width: 100%;
}

/* ジャンパ―アイコン */
.footer.footer-fixed+.btn-scroll-up {
    z-index: 999;
}
.btn-scroll-up {
    color: #FFF!important;
    border-color: #555;
    background-color: #555!important;
    border-width: 0;
    position: fixed;
    right: 2px;
    z-index: 99;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    opacity: 0;
    filter:alpha(opacity=0);
    bottom: -24px;
    visibility: hidden;
}
.btn-scroll-up.display {
    opacity: 0.7;
    filter:alpha(opacity=70);
    bottom: 2px;
    visibility: visible;
}
.btn-scroll-up:hover {
    opacity: 1;
    filter:alpha(opacity=100);
}
.btn-scroll-up:focus {
    outline: 0;
}

/* ジャンパ―アイコン用レスポンシブ追加定義 */
@media (min-width:768px) {
    .main-container.container > .btn-scroll-up {
        right: auto;
        margin-left: 714px;
    }
}
@media (min-width:992px) {
    .main-container.container > .btn-scroll-up {
        right: auto;
        margin-left: 934px;
    }
}
@media (min-width:1200px) {
    .main-container.container > .btn-scroll-up {
        right: auto;
        margin-left: 1134px;
    }
}
@media print {
    .btn-scroll-up {
        display: none!important;
    }
}
/* /.ジャンパ―アイコン */

/* テーブルヘッダー部分のみのカラー設定 */
table.common_table_setting {
    width: 100%;
}
table.common_table_setting th,
table.common_table_setting td {
    border: 1px solid #c3c9de;
    padding: 3px 7px;
    font-size: 13px;
}
table.common_table_setting th {
    padding: 3px 9px 3px 9px;
    text-align: center;
    background-color: #3558b0;
    font-size: 14px;
    font-weight: normal;
    color: #fff !important;
}
.dataTable > thead > tr > th.sorting_asc,
.dataTable > thead > tr > th.sorting_desc {
    padding: 3px 9px 3px 9px;
    text-align: center;
    background-color: #3558b0;
    background-image:none;
    font-size: 14px;
    font-weight: normal;
    color: #fff !important;
}
table.common_table_setting td {
    padding: 10px 7px 7px;
    font-size: 13px;
}
table.common_table_setting td a {
    text-decoration: none;
    /* color: #3562b0; */
    transition: 0.2s;
    font-size: 13px;

    text-decoration: none;
    background-image: linear-gradient(180deg, transparent 95%, #3498db 0);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition: 0.2s;
}
/* /.テーブルヘッダー部分のみのカラー設定 */

/* データテーブルソート用設定 */
.dataTable > thead > tr > th[class*=sort]:after {
    float: right;
    display: inline;
    content: "\f883";
    font-family: "Font Awesome 5 Pro";
    font-size: 13px;
    font-weight: 400;
    color: #FFF;
}
.dataTable > thead > tr > th.sorting_disabled:after,
.dataTables_scrollHead+.dataTables_scrollBody > .dataTable > thead > tr > th:after,
.fc-state-default .fc-button-effect {
    display: none;
}

.dataTable > thead > tr > th.sorting_asc:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f161";
    top: 4px;
    color: #FFF;
}
.dataTable > thead > tr > th.sorting_desc:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f160";
    top: 4px;
    color: #FFF;
}
/* /.データテーブルソート用設定 */


/* 共通modal用定義 */
/* 実行ボタンデザイン定義 */
.modal button.execute-btn i {
    color: #fff;
    text-align: left;
    font-size : 13px;
    transition: 0.2s;
    font-weight: 700;
}
.modal button.execute-btn span.txt {
    text-align: center;
    color: #fff;
    font-size : 13px;
}
.modal button.execute-btn:hover {
    background-color: #3498db;
}
.modal button.execute-btn {
    transition: 0.2s;
    background-color: #3562b0;
    margin-right: 2px;
    line-height: 1.4
}

/* ヘッダー共通デザイン */
.bootstrap-duallistbox-container > .box1 > label,
.bootstrap-duallistbox-container > .box2 > label,
div.modal-full-header-div label {
    padding: 3px 9px 3px 9px;
    text-align: center;
    background-color: #3558b0;
    font-size: 14px;
    font-weight: normal;
    color: #fff !important;
}

div.modal-full-header-div label,
div.modal-full-header-div select{
    width: 100%;
}
/* ./共通modal用定義 */

/* メールエラー用定義 */
.mail-error {
    text-align: center;
    text-align: -webkit-center;
}

/* 期間検索 */
div.search-date{
    width: 33%;
    float: left;
    padding-left: 0;
    padding-right: 0;
}

div.search-date-from-to{
    float: left;
    position: relative;
    margin-top: 7px;
    padding-left: 5px;
    padding-right: 5px;
}

/**
 * ページャーボタン共通化
 */
.pager > li > a,
.pagination > li > a {
    font-size: 13px;
    cursor: pointer;
    text-align: center!important;
    color: #fff;
    background-color: #3562b0;
    padding: 4px 9px 3px;
    display: inline-block;
    vertical-align: middle;
    transition: 0.2s;
    border-radius: 4px!important;
    margin-bottom: 3px!important;
    margin-right:1px!important;
    text-decoration: none;
}
.pager > li > a:focus,
.pager > li > a:active,
.pagination > li > a:active,
.pagination > li > a:focus {
    color: #fff;
    background-color: #3562b0;
    outline: none;
}
.pager > li > a:hover,
.pagination > li > a:hover {
    color: #fff;
    background-color: #3498db;
}
.pagination > li.active > a,
.pagination > li.active > a:focus,
.pagination > li.active > a:hover,
.pager > li.disabled > a,
.pager > li.disabled > a:hover,
.pagination > li.disabled > a,
.pagination > li.disabled > a:hover
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover
{
    color: #fff;
    background-color: #3562b0;
    pointer-events: none;
    opacity: 0.5;
}