@charset "UTF-8";

/* ��{ */
html,body{overflow-x:inherit;}

body{
font-family: 'Noto Sans JP', sans-serif;
padding-top:0px;
}

:focus{outline:none;}

/* �F */
:root{
--disabled:#6c757d;

--white:#fff;
--dark-gray:#666666;
--gray:#b0b0b0;
--medium-gray:#dddddd;
--light-gray:#fafafa;

--blue:#0076be;
--vivid-blue:#0064db;
--pale-blue:#cce3f2;
--very-pale-blue:#e5f1f8;
--very-dark-blue:#212529;

--red:#ff2222;
--pale-red:#ffcccc;
--green:#00b050;
--light-green:#B2FFD8;
--vivid-green:#007F39;

--state1:#FF6B6B;
--state2:#6BCB77;
--state3:#4D96FF;
--state4:#FFD93D;
}

/* ���� */
.btn-100{width:100px;}
.btn-120{width:120px;}
.btn-130{width:130px;}
.btn-140{width:140px;}
.btn-150{width:150px;}
.btn-200{width:200px;}
.btn-300{width:300px;}
.ch-50{height:50px;}
.ch-100{height:100px;}
.ch-200{height:200px;}
.ch-300{height:300px;}
.ch-350{height:350px;}
.ch-400{height:400px;}
.ch-450{height:450px;}
.ch-500{height:500px;}
.ch-600{height:600px;}
.ch-700{height:700px;}
.ps-13{padding-left:calc(0.75rem + 0.5rem + 1px)!important;}/*�\���v���[���e�L�X�g�̒����p*/
.mt-04{margin-top:0.4rem;}

.form-control:disabled, .form-control[readonly]{color:var(--disabled);}
.icon-disabled{color:var(--disabled);}
.bg-light{background:var(--light-gray)!important;}
.bg-pale-blue{background:var(--pale-blue)!important;}
.bg-very-pale-blue{background:var(--very-pale-blue)!important;}
.pointer{cursor:pointer;}
.overflow-x-hidden{overflow-x:hidden;}
.overflow-x-scroll{overflow-x:scroll;}
.overflow-y-auto{overflow-y:auto;}
.overflow-y-hidden{overflow-y:hidden;}
.overflow-y-scroll{overflow-y:scroll;}
.hr-dash{border-top:var(--gray) 1px dashed;}
.form-check-label.disabled{color:var(--gray);}
.text-red{color:var(--red);}
.hidden{display:none;}
.icon-add-photo{
padding:0;
width:50px;
font-size:2rem;
border-radius:50%;
}

a.anchor {
display:block;
padding-top:40px;
margin-top:-40px;
}

/* �w�b�_�[ */
.navbar{
padding-top:0;
padding-bottom:0;
background:var(--light-gray);
z-index:200;
}
.navbar-brand{
width:15vw;
height:64px;
font-size:1.5rem;
text-align:center;
padding-top:0.4rem;
}

h1{
color:var(--blue);
font-size:1.5rem;
}

h2{
color:var(--dark-gray);
font-size:1.3rem;
}

.h2-wrap{
border-bottom:var(--gray) 1px solid;
margin:2rem 0 1rem;
padding:0.2rem 0;
}

h3{
color:var(--blue);
font-size:1.2rem;
}

/* �^�u */
.nav-tabs{
border-bottom:var(--gray) 1px solid;
}

.nav-tabs .nav-link{
padding:0.5rem 1.5rem;
font-size:1.1rem;
color:var(--gray);
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
background:var(--light-gray);
border-color:var(--gray) var(--gray) var(--light-gray);
color:var(--blue);
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
background:var(--pale-blue);
border-color:var(--gray) var(--gray) var(--light-gray);
color:var(--blue);
}

/* Menu �\��/��\�� */
#sidebarCollapse{
position:fixed;
top:64px;
left:260px;
width:30px;
height:100px;
background:var(--medium-gray);
writing-mode: vertical-rl;
padding:0.5rem;
text-align:center;
cursor:pointer;
}
#sidebar-wrap.closed{left:-260px;}
#sidebarCollapse.closed{left:0}
#content-wrap.closed,
#content-wrap2.closed,
#content-wrap3.closed,
#content-wrap3 #anchor-area.closed{left:40px;width:calc(100vw - 60px);}
#button-area.closed{left:0;width:100vw;}

/* �G���A */
#sidebar-wrap{
position:fixed;
top:60px;
left:0;
width:260px;
padding-top:20px;
height:calc(100vh - 60px);
background:var(--medium-gray);
/*border-right:var(--gray) 1px solid;*/
}


#content-wrap{
position:fixed;
top:60px;
left:300px;
width:calc(100vw - 320px);
height:calc(100vh - 70px);
padding-top:20px;
}

#content-wrap2{
position:fixed;
top:80px;
left:300px;
width:calc(100vw - 320px);
height:calc(100vh - 180px);
}

#content-wrap3{ /*�\��Ǘ�*/
position:fixed;
top:130px;
left:300px;
width:calc(100vw - 320px);
height:calc(100vh - 230px);
}
#content-wrap3 #anchor-area{
position:fixed;
top:130px;
left:300px;
background:var(--light-gray);
width:calc(100vw - 360px);
height:inherit;
margin:0 0 0 10px;
padding:5px;
z-index:100;
}

#button-area{
position:fixed;
bottom:0;
left:260px;
width:calc(100vw - 260px);
height:80px;
background:var(--light-gray);
border-top:var(--gray) 1px solid;
padding:15px;
}

/* �t�H�[�� */
.adj-checkbox{
margin-top:0.7em;
}

/* �\ */
.table-wrap{}

table.table-default thead tr th{
background:var(--very-dark-blue);
text-align:center;
vertical-align:middle;
color:var(--white);
border:var(--light-gray) solid;
border-width:0 1px 0 0;
}

table.table-default thead tr:nth-child(2){
border-width:1px 1px 0 0;
}

table.table-default tbody tr td{
/*white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;*/
}

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

table.table-default td.ellipsis{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

.cell-width-fixed tbody tr td{min-width:30px;}

table.table-default tbody tr:hover{
background:var(--very-pale-blue);
color:var(--blue);
}

.bg-gray{background:var(--gray);}
.bg-medium-gray{background:var(--medium-gray);}
.bg-dark-gray{background:var(--dark-gray);color:var(--white);}

/* �A�R�[�f�B�I�� */
.accordion-button{
padding:0.5rem;
}

.accordion-button:not(.collapsed){
color:var(--blue);
background:var(--white);
}

.accordion-button:focus{
outline:none;
border-color:var(--medium-gray);
box-shadow:none;
}

.accordion-body{
/*background:var(--white);*/
box-shadow:inset 2px 2px 5px rgba(0,0,0,0.1);
}

.col-form-label{
font-weight:700;
color:var(--blue);
background:var(--pale-blue);
border-radius:0.25rem;
text-align:center;
/*margin-left:0.75rem;
padding-left:0.75rem;*/
}

.col-form-label.from{
background:none;
padding-top:10px;
width:40px;
}

.col-form-label.value{
font-weight:400;
color:#333333;
}

.form-check-input{
margin-left:0.5rem;
margin-right:0.5rem;
margin-top:0.15rem;
font-size:1.25rem;
}

form .note{
font-size:0.9rem;
color:var(--dark-gray);
}

/* bootstrap color */
.btn-primary{
color: #fff;
background-color:var(--blue);
border-color:var(--blue);
}

.btn-primary:hover{
color: #fff;
background-color:var(--vivid-blue);
}

.btn-primary:focus, .btn-primary.focus{
box-shadow: 0 0 0 0.2rem rgba(0, 117, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled{
color: #fff;
background-color:var(--blue);
border-color:var(--blue);
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle{
color: #fff;
background-color: #005dcc;
border-color: #0056bc;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus{
box-shadow: 0 0 0 0.2rem rgba(0, 117, 255, 0.5);
}

.btn-outline-primary{
color:var(--blue);
background-color: transparent;
border-color:var(--blue);
}

.btn-outline-primary:hover{
color: #fff;
background-color:var(--blue);
border-color:var(--blue);
}

.btn-outline-primary:focus, .btn-outline-primary.focus{
box-shadow: 0 0 0 0.2rem rgba(0, 117, 255, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled{
color:var(--blue);
background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle{
color: #fff;
background-color:var(--blue);
border-color:var(--blue);
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus{
box-shadow: 0 0 0 0.2rem rgba(0, 117, 255, 0.5);
}

.list-group-item-primary{
color: #003c84;
background-color: #b7d8ff;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus{
color: #003c84;
background-color: #9ecaff;
}

.list-group-item-primary.list-group-item-action.active{
color: #fff;
background-color: #003c84;
border-color: #003c84;
}

.table-primary,
.table-primary > th,
.table-primary > td{
background-color: #b7d8ff;
}

/*.table-hover .table-primary:hover{background-color: #9ecaff;}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th{
background-color: #9ecaff;
}*/

.text-primary{color:var(--blue)!important;}
a.text-primary:hover, a.text-primary:focus{color:var(--blue)!important;}

/* button green */
.btn-green{
color: #fff;
background-color:var(--green);
border-color:var(--green);
}

.btn-green:hover{
color: #fff;
background-color:var(--vivid-green);
}

.btn-green:focus, .btn-green.focus{
box-shadow: 0 0 0 0.2rem var(--vivid-green);
}

.btn-green.disabled, .btn-green:disabled{
color: #fff;
background-color:var(--green);
border-color:var(--green);
}

.btn-green:not(:disabled):not(.disabled):active, .btn-green:not(:disabled):not(.disabled).active, .show > .btn-green.dropdown-toggle{
color: #fff;
background-color: var(--vivid-green);
border-color: var(--vivid-green);
}

.btn-green:not(:disabled):not(.disabled):active:focus, .btn-green:not(:disabled):not(.disabled).active:focus, .show > .btn-green.dropdown-toggle:focus{
box-shadow: 0 0 0 0.2rem var(--vivid-green);
}


/* side menu */
.sidebar-toggle {
margin-left: -240px;
}
.sidebar {
width: 240px;
position: absolute;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 100;
}
.sidebar #leftside-navigation ul,
.sidebar #leftside-navigation ul ul {
margin: -2px 0 0;
padding: 0;
}
.sidebar #leftside-navigation ul li {
list-style-type: none;
font-weight:700;
}
.sidebar #leftside-navigation ul li.active > a {
color:var(--blue);
}
.sidebar #leftside-navigation ul li.active ul {
display: block;
}
.sidebar #leftside-navigation ul li a {
color: #333333;
/*border-bottom:rgba(0,118,190,0.5) 1px solid;*/
text-decoration: none;
display: block;
padding: 10px 0 10px 20px;
font-size: 1rem;
outline: 0;
-webkit-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
transition: all 200ms ease-in;
}

.pull-right{
float:right;
right:5px;
padding-top:4px;
}

.rotate-fa{
transform:translate(-10px,4px) rotate(180deg);
transform-origin:center;
}

.sidebar #leftside-navigation ul li a:hover {
background:var(--very-pale-blue);
color:var(--blue);
}
.sidebar #leftside-navigation ul li a span {
display: inline-block;
}
.sidebar #leftside-navigation ul li a i {
width: 20px;
}
.sidebar #leftside-navigation ul li a i .fa-angle-left,
.sidebar #leftside-navigation ul li a i .fa-angle-right {
padding-top: 3px;
}
.sidebar #leftside-navigation ul ul {
display: none;
}
.sidebar #leftside-navigation ul ul.active {
display: block;
}

.sidebar #leftside-navigation ul ul li {
margin:0;
border-bottom: none;
font-weight:400;
}
.sidebar #leftside-navigation ul ul li a {
font-size: 0.9rem;
padding: 10px 0 10px 30px;
color:var(--dark-gray);
}

.sidebar #leftside-navigation ul ul.current-pass{
display:block;
}
.sidebar #leftside-navigation ul ul.current-pass li a.current{
background:var(--pale-blue);
color:var(--blue);
font-weight:700;
}

/* other */
.box{
border:rgba(230,230,230,1);
background:rgba(255,255,255,1);
box-shadow: 0 0 5px 0.2rem rgba(100,100,100,0.1);
padding:30px 40px;
margin:10px 15px 0 0;
}

.bordered-box{
border:var(--gray) 1px solid;
padding:1rem;
}

textarea{
width:100%;
}

.image-frame{ /* �Ƌ��؉摜�Ȃ� */
background:var(--light-gray);
border:var(--gray) 1px solid;
}

.amount{
font-size:1rem;
margin:0 10px;
}

.amount span{
color:var(--red);
font-weight:700;
font-size:1.7rem;
}

.btn-narrow{padding:0.2rem;}
.btn-narrow2{padding:0 1rem;}

/* TOP */
.top-amount{
font-size:1.2rem;
font-weight:700;
}
.bordered{
border:var(--gray) 1px solid;
padding:0.5rem 1rem 0.5rem 0.5rem;
border-radius:0.2rem;
cursor:pointer;
}
.bordered:hover{
background:var(--pale-blue);
}

.state{
border-left:10px solid;
padding-left:5px;
}

.state1{border-color:var(--state1);}
.state2{border-color:var(--state2);}
.state3{border-color:var(--state3);}
.state4{border-color:var(--state4);}

.announce{
list-style:none;
margin:0;
padding:0;
}

.announce li{
margin:0.25rem 0;
border-bottom:var(--gray) 1px solid;
}

/* ��Ԍ��� */
.scroll_div{
box-sizing:initial;
overflow:auto;
}

.legend-mark{
width:10px;
height:20px;
}

.legend-box{padding:3px 5px;}
.legend-box.bg-pale-red{background:var(--pale-red);}
.legend-box.bg-dark-gray{background:var(--dark-gray);}

table.table-empty-car{
text-align:center;
font-size:0.8rem;
line-height:1rem;
background-color:var(--white);
}

table.table-empty-car .btn-sm{
font-size:0.8rem;
}

table.table-empty-car tr th{
padding:0.1rem 0.5rem;
height:28px;
}

table.table-empty-car tr td{
padding:0.1rem 0.5rem;
height:54px;
}

table.table-empty-car tr.upper-line td:nth-child(n+6){
/*border-width:0;*/
padding:3px 0 0 0;
width:5px;
max-width:5px;
min-width:5px;
}

/*table.table-empty-car tr.upper-line td:nth-child(24n+8){border-width:0 1px 0 0;}*/

.office, .class, .car_no, .car_maker, .car_other{text-align:left;}

table.table-empty-car tr td.unuse{background:var(--medium-gray);}
table.table-empty-car tr td.shared-car{color:var(--green);}

.bar-a{
position:relative;
cursor:pointer;
margin-top:8px;
background:url("../images/bg_time.gif");
height:30px;
}
.bar-b{
position:relative;
/*cursor:pointer;*/
margin-top:8px;
background:url("../images/bg_time2.gif");
height:30px;
}
.bar-c{
position:relative;
/*cursor:pointer;*/
margin-top:8px;
background:url("../images/bg_time3.gif");
height:30px;
}
.bar-d{
position:relative;
/*cursor:pointer;*/
margin-top:8px;
background:url("../images/bg_time4.gif");
height:30px;
}
.bar-e{
position:relative;
/*cursor:pointer;*/
margin-top:8px;
background:url("../images/bg_time5.gif");
height:30px;
}
.bar-n{
position:relative;
cursor:pointer;
margin-top:8px;
background:none;
}
.not-accepted{background-color:var(--dark-gray)!important;}
.expired{background-color:var(--pale-red)!important;}

.btn-lower{
max-width:200px;
padding:0.1rem 0.5rem;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

.desc{
position: absolute;
left:30px;
width:300px;
text-align:left;
margin-bottom: 8px;
padding:0.5rem;
border:var(--gray) 1px solid;
background-color:var(--white);
font-size: 0.8rem;
color:var(--dark-gray);
visibility: hidden;
opacity: 0;
z-index: 1;
}

.bar-a:hover .desc,
.bar-b:hover .desc,
.bar-c:hover .desc,
.bar-d:hover .desc,
.bar-e:hover .desc{
visibility: visible;
opacity: 1;
}

/* select2 �������� */
.select2-search--inline{
border:var(--medium-gray) 1px solid;
padding:1rem 0.5rem;
border-radius:5px;
}
.multiple .select2-search__field{
margin-top:-0.75rem!important;