[v-cloak] {
    display: none;
}

html {
    font-size: 14px; /**/
}

p {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.card-header {
    color: white;
    background-color: slategray;
}

/* nav-itemの文字色 */
.navbar .navbar-nav .nav-link {
    color: rgb(47, 47, 54);
}
/* nav-item activeの文字色 */
.navbar .navbar-nav .active > .nav-link {
    color:white;
    background-color: slategray;
    border-radius: 0.2rem;
}
/* nav-item:focus、nav-item:hoverの文字色 */
.navbar .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color:white;
    background-color: slategray;
    border-radius: 0.2rem;
}
/* ドロップダウンアイテムの文字色 */
.dropdown-item {
    color:black;
}

button.btn {
    width: 15rem;
    font-size: 1rem;
}

label.lbl {
    color: #000;
    margin: 0rem 0.5rem;
    text-align: right;
}
label.lbl2 {
    color: #000;
    margin: 0rem 0.5rem 0rem 0rem;
    text-align: right;
}
/* 単色のタイトル */
label.lblhead {
    color: white;
    background-color:#005ab3;
    border-radius: 0.2rem;
    margin: 0rem 0.5rem;
    text-align: center;
    font-size:1.1rem;
}
/* 枠線のタイトル */
label.lblhead2 {
    color: black;
    background-color:white;
    border-radius: 0.2rem;
    margin: 0rem 0.5rem;
    text-align: left;
    font-size:1.1rem;
    border-style: solid;
    border-width: 1px 1px 1px 10px;
    border-color: #4D648D;
    padding-left: 10px;
}
  
input[type='text'].txt{
    width: 10rem;
    padding: 0.2rem;
    border-radius: 0rem;
    border: 1px solid #ccc;
}

input[type='number'].num{
    width: 5rem;
    padding: 0.2rem;
    border-radius: 0rem;
    border: 1px solid #ccc;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type='tel'].tl{
    width: 5rem;
    padding: 0.2rem;
    border-radius: 0rem;
    border: 1px solid #ccc;
}
  
input[type='date'].dte{
    width: 10rem;
    padding: 0.2rem;
    border-radius: 0px;
    border: 1px solid #ccc;
}

input[type='month'].mon{
    width: 10rem;
    padding: 0.2rem;
    border-radius: 0px;
    border: 1px solid #ccc;
}

input[type='time'].tim{
    width: 6rem;
    padding: 0.2rem;
    border-radius: 0px;
    border: 1px solid #ccc;
}
  
input[type='checkbox'].cbx{
    margin: 0rem 0.5rem;
}
  
select.slc{
    padding: 0.2rem;
    border: 1px solid #ccc;
}
select:disabled{
    background-color:white;
    color:black;
    cursor: not-allowed;
}

.v-enter {
    opacity: 0;
}
.v-enter-active {
transition: opacity 3s;
}
.v-enter-to {
opacity: 1;
}
.v-leave {
opacity: 1;
}
.v-leave-active {
transition: opacity 3s;
}
.v-leave-to {
opacity: 0.4;
}

table{
    border-collapse:collapse;
    margin:0 auto;
    width:100%;
    table-layout:fixed;
}

thead, tbody {
    display: block;
}
tbody {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 20rem;
}
th{
    color:#005ab3;
}
td{
    border-bottom:1px dashed #999;
    word-break: break-all;
    /* border-left: 1px dashed #999; */
}
th,tr:last-child td{
    border-bottom:2px solid #005ab3;
}
td,th{
    padding:0.3rem;
}

p.ep {
    text-align:center;
}
b.eb {
    color:crimson;
}
ul.eul {
    text-align: center;
}
ul.eul li {
    list-style-type: none;
    position: relative;
}

b.kanryo{
    width: 5rem;
    padding: 0.2rem 0.4rem;
    border-radius: 0.3rem;
    color:white;
    background-color:red;
    margin: 0rem 0.5rem;
}

td.kigo{
    font-size: 1.2rem;
    text-align: center;
    font-weight: bold;
    /* color: royalblue; */
}

.red{
    color: crimson;
    font-size: 1.0rem;
}

/* 印刷横向き */
@page { size:landscape; }