@charset "utf-8";
/* #header_content{
    background-color: #F5F5F5;
    text-align: right;
} */
#body_content{ margin: 0 15px 0 15px;text-align:left;display: flex;}
    /* max-width: 1080px;} */
Form{width: 100%;}
/* .btn-danger{ */
    /* background-color: #e2606c; */
    /* border-color: #e2606c; */
/* } */
/* ステップバー */
.progressbar {
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.progressbar li {
    position: relative;
    list-style-type: none;
    text-align: center;
    text-transform: uppercase;
    width: 33.333%;
    color: #999999;
    font-weight: bold;
    counter-increment: steps;
}
.progressbar li:before {
    display: block;
    width: 26px;
    height: 26px;
    margin: 7px auto 20px auto;
    content: '';
    line-height: 26px;
    font-size: 12px;
    text-align: center;
    border-radius: 50%;
    background-color: #F5F5F5;
    content: counter(steps);
}
.progressbar li:after {
    position: absolute;
    z-index: -1;
    top: 15px;
    left: -50%;
    width: 100%;
    height: 2px;
    content: '';
    background-color: #F5F5F5;
}
.progressbar li:first-child:after {
    content: none;
}
.progressbar li.active, .progressbar li.complete{
    color: #e2606c;
}
.progressbar li.active:before, .progressbar li.complete:before {
    background-color: #e2606c;
    color: #FFF;
}
.progressbar li.active:after, .progressbar li.complete:after {
    background-color: #e2606c;
}
/* 装飾 */
/* #body_content{max-width:1200px;} */
table.table td, table.table th, .v-middle{
    vertical-align:middle;
}
table.list, table.bar{margin-bottom:0; text-align:left;}
table.demo{font-size:13px;}
div.form-group, label{margin-bottom:0;}
table.body{font-size:14px;}
tr.header, tr.line{text-align:center;}
table.index, table #rental{text-align:left;}
.tableheaders {
    display:none;
}
/* input[name="submit"]{position:fixed; bottom:10px; left:50px; padding:6px 40px;} */
/* テキスト形式のコントロール */
.form-control{
    color:#212529;
    border:1px solid #969CA2;
}
/* テーブルの枠線 */
table.table.body>tbody>tr>td,
table.table.body>tbody>tr>th {
    border:1px solid #969CA2 !important;
}
/* .henkyakumati{color:red;} 未使用 */
.doubleline { /*二重取り消し線*/
background-image:url("../images/doubleLine_black.png");
background-repeat:repeat-x;
background-position: center;
}
tbody>tr>TD.mynumber{ /* IDのサイズ指定用仮クラス */
    font-size:18px;
    text-align: right;
    white-space:nowrap;
}
.titleSize{
    font-size:25px;
    font-weight: bold;
}
.subtitleSize{
    font-size:20px;
    font-weight: bold;
}
.fontSize14{
    font-size: 14px;
}
.fontSize18{
font-size:18px;
}
TD.sinchoku{
text-align:center;
}
.textcenter{text-align: center;}
/* 画面名とボタンを等間隔で横並び */
.flex_spacebetween{
    display: flex;
    justify-content: space-between;
}
.checkboxtransform{transform:  scale(1.5);}
.nowraps{white-space:nowrap;}
.akaji{color:#FF0000;}
.midorimoji{color:#009999;}
.textright{text-align: right;}
TD.td-usuki{background-color: #FFFFCC;}
.usuki{background-color: #FFFFCC;}
.usukiborder{background-color: #FFFFCC;border:solid 1px #999999;}
.usuji{color:#999999;}
.koiki{background-color: #FFFF99;}
.usugray{background-color: #E3E3E3;}
.koigray{background-color: #cccccc;}
/* TD.td-jokyo{color:#009999; font-size:12pt;} 未使用 */
.font075rem{
    font-size: 0.75rem;
}
.nocheckbox{
position: absolute;
clip: rect(0,0,0,0);
pointer-events: none;
}
TD.syosailistheader{
    background-color: #cccccc;
}
TD.syosaiinline{
    display: inline;
}
.shosaiclosebutton{
    margin: 0 auto;
}
.btn-close{
box-sizing: content-box;
width: 1em;
height: 1em;
padding: .25em .25em;
color: #000;
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
border: 0;
border-radius: .25rem;
opacity: .5;
}
.leftradius{ /*左の角*/
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    /* margin-left:-1; */
}
.rightradius{ /*右の角*/
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}
.no-spin::-webkit-outer-spin-button,
.no-spin::-webkit-inner-spin-button { /* スピンボタンを非表示 */
    -webkit-appearance: none;
    margin: 0;
}
.siyoufuka:disabled,
.siyoufuka[readonly]{ /*グレーアウト*/
    background-color: #CECECE !important;
}
.radioactivedisabled{
    background-color: #77a2b8 !important;
}
.radioactivedisabled label{
    color:white;
}
.display_none{
    display: none !important;
}
.display_inline{
    display: inline !important;
}
/* CSS追加分 */
.container-spacer {
    padding: 0 0.3rem;
}
.spacer {
    margin: 0 0.5rem;
}
body {
    font-family: 'メイリオ', Meiryo, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'ＭＳ Ｐゴシック', 'MS PGothic', 'MS UI Gothic', 'Helvetica', 'Arial', sans-serif;
    line-height: 1.25;
}
#content {
    max-width: 1520px;
    margin: 0 auto 15px;
}
/* view側の画面幅を固定 */
.view_content,
.header-bg-width {
    width: 1520px;
}
body #childcontent {
    margin: 10px auto;
    /* padding: 0 10px; */
}
/* #header_content {
    margin: 0 15px;
    padding: 10px 15px;
} */
/* ボタンエフェクトの反転 */
.btn {
    transition: .3s;
}
.btn-primary {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}
.btn-secondary {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}
.btn-success {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}
.btn-danger {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}
.btn:hover {
    opacity: 0.7;
}
.btn-outline-info:hover {
    opacity: initial;
}
/* モーダルメッセージ */
.alert {
    margin: 1rem;
}
.alert ul {
    margin: 0;
}
.msgSize {
    max-width: 1000px;
}
.box_shadow {
    box-shadow: 3px 3px 5px #ccc;;
}
.msg_center {
    align-items: center;
}
.bg-success,
.bg-danger {
    border-bottom: none;
}
.table-scroll {
    height: 60vh;
    overflow: auto;
    border: 1px solid #dcdcdc;
    margin-bottom: 5px;
}
/* テーブルヘッダー固定用 */
.table_parent {
    overflow: auto;
    max-height: 700px;
}
.sticky_table_header {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    left: 0;
    z-index: 3;
    background-color: #E3E3E3;
}
.table_parent .table-bordered th {
    border: 1px solid #969CA2;
}
.table_parent table thead tr th:nth-child(1),
.table_parent table tbody tr th:nth-child(1),
.table_parent table thead tr th:nth-child(2),
.table_parent table tbody tr th:nth-child(2) {
    position: sticky;
    position: -webkit-sticky;
    z-index: 1;
    background-color: #E3E3E3;
}
.table_parent table thead tr th:nth-child(1),
.table_parent table tbody tr th:nth-child(1) {
    left: 0;
    background-color: #E3E3E3;
}
.table_parent table thead tr:nth-child(1) th,
.table_parent table thead tr:nth-child(2) th {
    position: sticky;
    position: -webkit-sticky;
    z-index: 2;
    background-color: #E3E3E3;
}
.table_parent table thead tr:nth-child(1) th {
    top: 0;
    background-color: #E3E3E3;
}
.table_parent table thead tr th:nth-child(1) {
    z-index: 3;
    background-color: #E3E3E3;
}
.table_parent table thead tr th:nth-child(2) {
    z-index: 2;
    background-color: #E3E3E3;
}
/* テーブルサイズ統一用 */
.table_parent table {
    table-layout: fixed;
}
.table_parent th,
.table_parent td {
    width: 150px;
    min-height: 50px;
}
.dataTables_info {
    padding-top: 0.25em !important;
}
.cursor-pointer {
    cursor: pointer;
}
.bg-hissu{
    background-color: #e2606c;
}

/* ログアウトのボタンのフォーカス時のスタイルを無効化 */
.logoutbtn:focus {
    outline: none;
    background: none;
}
/* ヘッダーのログイン情報のアイコン */
.login_user:before {
    font-family: "Font Awesome 5 Free";
    content: "\f007";
    font-weight: 900;
    position: absolute;
    font-size: 1em;
    left: -1em;
    top: 0.5em;
    color: #3792FF;

}

th, td{ word-break: break-all}
td.longdairiten{width: 500px;}

/* ページトップに戻るアイコン */
#pagetop{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 25px;
  bottom: 10px;
  background: #17a2b8;
  opacity: 0.6;
  border-radius: 50%;
  display: none;
}
#pagetop a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
  text-align: center;
}
#pagetop a::before{
  font-family: "Font Awesome 5 Free";
  content: '\f062';
  font-weight: 900;
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 10px;
  bottom: 17px;
  right: 0;
  left: 0;
  margin: auto;
}

/* 最初からカードの見た目になるため非表示にしておく */
.dataTables_processing.card {
    border: none !important;
    background: transparent !important;
}

/* ローダー */
.spinner-parent-dt {
    position: fixed;
}
.spinner-parent {
    position: absolute;
}
/* ローディングのスピナー */
.spinner-parent,
.spinner-parent-dt {
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    pointer-events: none;
}
/* ローダーの親枠設定 */
.spinner-box,
.spinner-box2,
.spinner-box3 {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    z-index: 99999;
}
/* ローダーの線の設定 */
.circle-border,
.circle-border2,
.circle-border3 {
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    animation: spin .8s linear 0s infinite;
    z-index:  99999;
}

/* ローダーの大元の線 */
.spinner-box,
.circle-border {
    width: 5rem;
    height: 5rem;
}
.circle-border {
    width: 5rem;
    height: 5rem;
    border: 10px #ddd solid;
    border-top: 10px rgb(249, 179, 50) solid;
}

/* ローダーの外側の線 */
.spinner-box2 {
    width: 5rem;
    height: 5rem;
}
.circle-border2 {
    width: 5rem;
    height: 5rem;
    border: 0.5px rgba(142, 142, 142, 0.3) solid;
}
/* ローダーの内側の線 */
.spinner-box3 {
    width: 3.8rem;
    height: 3.8rem;
}
.circle-border3 {
    width: 3.8rem;
    height: 3.8rem;
    border: 0.5px rgba(142, 142, 142, 0.3) solid;
}
@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}
/* ローダーの文字列 */
.spinner-text-parent {
    position: fixed;
    height: 5rem;
}
.spinner-text-parent > div {
    margin: 5px;
    position: relative;
    top: 100%;
    color: #FF7F00;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.7);
    text-shadow: 1px 1px 0 #ffffff, -1px -1px 0 #ffffff,
                -1px 1px 0 #ffffff, 1px -1px 0 #ffffff,
                0px 1px 0 #ffffff,  0-1px 0 #ffffff,
                -1px 0 0 #ffffff, 1px 0 0 #ffffff;
}

/* pl-4とpl-5の間 */
.pl-4_5{
    padding-left: 2.5rem;
}