.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}
.headline_h3{
    padding-left: 10px ;
    border-left-width: 5px ;
    border-left-style: solid ;
    border-left-color: #6495ED;
    font-weight: 600;
}
.headline_h4{
    font-size: 1.2rem;
    font-weight: 600;
}

.large-checkbox {
    width: 25px;  /* 幅を指定 */
    height: 25px;  /* 高さを指定 */
}
.form-check-label {
  margin-left: 10px;
}
.no-wrap-button {
    white-space: nowrap;
}
/* スクロールエリアを定義 */
.scroll-container {
    width: 100%; 
/*    max-width: 1000px;  これは例です。実際のテーブルのサイズに合わせて変更してください */
    overflow-x: scroll;
    display: inline-block;
    position: relative;
}

/* 固定された列を定義 */
.sticky-col {
    position: sticky;
    left: 0;
    z-index: 1; /* z-indexを上げて、他のセルよりも前面に表示させる */
    background-color: white; /* 背景を透明でなくすることで、他のセルに被らないようにします */
}

.table-bordered th.sticky-col,
.table-bordered td.sticky-col {
    border-right: 2px solid #dee2e6; /* 縦のボーダーを強調する（任意） */
}

.scroll-container table td,
.scroll-container table th {
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}



/* Loading... Animation */

#loadingScreen {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 9999;
}
#loadingGif {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: x-small;
}
.L{
  position: absolute;
  left:20%;
  top:50%;
  -webkit-animation: L 2s infinite;
}
@-webkit-keyframes L {
  0% {top:-20px; opacity: 0.3;}
  50% {top:-50px; opacity: 1;}
  100% {top:-20px; opacity: 0.3;}
}


/* Loading... CSS_Animation */

#loading {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 5px solid #f3f3f3; /* Light grey */
    border-top: 5px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
}
@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}