.sk-chase {
    width: 12px; /* サイズ - 可変 */
    height: 12px; /* サイズ - 可変 */
    position: relative;
    animation: sk-chase 2.5s infinite linear both;
    margin-top: 7px;
    margin-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
}

.sk-chase-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; 
    animation: sk-chase-dot 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:before {
    content: '';
    display: block;
    width: 25%;
    height: 25%;
    background-color: #69707a; /* ベースの色 - 可変 */
    border-radius: 100%;
    animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

@keyframes sk-chase {
    100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot {
    80%, 100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot-before {
50% {
    transform: scale(0.4); 
} 100%, 0% {
    transform: scale(1.0); 
} 
}
.input-group-text{
    cursor: pointer;
}
.bg-kizyunhou{
    background-color: #0061f2;
}

.bg-shikourei{
    background-color: #5DADE2;
}

.bg-kizyunkisoku{
    background-color: #0D98BA;
}
.bg-shihou{
    background-color: #00ac69;
}
.bg-shihoushikourei{
    background-color: #00ba94;
}
.bg-shihoukisoku{
    background-color: #00BCD4;
}
.bg-taishinkaishu{
    background-color: #FFA500;
}
.bg-idouenkatsu{
    background-color: #FA8072;
}
.bg-idoukenkatsushikourei{
    background-color: #F5CB5C;
}
.bg-kensetugyouhou{
    background-color: #81B29A;
}
.bg-toshikeikaku{
    background-color: #29506D;
}
.bg-toshikeikakushikourei{
    background-color: #6A8EAE;
}
.bg-shoubou{
    background-color: #D9386D;
}
.bg-shouboukisoku{
    background-color: #E8741E;
}
.bg-shouboushikourei{
    background-color: #FF6F61;
}
.bg-takken{
    background-color: #6900c7;
}
.bg-energyshouhi{
    background-color: #2ECC71;
}
.bg-energyshouhishikourei{
    background-color: #16A085;
}
.bg-teitanso{
    background-color: #808080;
}
.bg-hinkakuhou{
    background-color: #FFD700; 
}
.bg-kashi{
    background-color: #ACAACC; 
}
.bg-shakuchi{
    background-color: #ccd34c; 
}
.law-choice{
    height: 120px; 
    overflow-y: auto;
}
.page-link{
    cursor: pointer;
}
span.page-link{
    cursor: default!important;
}

.datatable-table > tbody > tr > td{
white-space: normal!important;
}

.datatable-table > tbody > tr{
    border-bottom: 1px solid black!important;
}

.spinner {
    width: auto;
    text-align: center;
} 

.datatable-top{
   min-width: 100%!important;
}
@media (max-width: 494px) {
    .datatable-top{
        display: flex;
        flex-wrap: wrap;
    }
    .datatable-input{
        margin-top: 8px;
    }
}
.law-detail-modal{
    max-height: 100%;
    width: 100%!important;
}
.borderbottom-solid{
    border-bottom: 1px solid #69707a;
}
.bordertop-solid{
    border-top: 1px solid #69707a;
}
.borderleft-solid{
    border-left: 1px solid #69707a;
}
.borderright-solid{
    border-right: 1px solid #69707a;
}
.paragraph{
    padding-bottom: 24px;
}
.paragraphsentence::first-letter{
    float: left;
    margin-left: 12px; /* 隣の文字との間隔 */
}
.paragraphsentence{
    padding-bottom: 12px;
}
.articletitle,.paragraphnum,.itemtitle{
    font-weight: 600;
}
.item{
    padding-bottom: 6px;
    padding-left: 12px;
}    
.itemsentence{
    padding-left: 6px;
}
.column{
    padding-right: 12px;
}
.subitem1,.subitem2{
    padding-bottom: 6px;
    padding-left: 12px;
}
.subitem1title{
    font-weight: 600;
    padding-right: 12px;
}
.list{
    padding-left: 12px;
}    
.askew {
    transform: rotate(10deg); /* 45度に回転 */
}
.datatable-table > tbody > tr > td{
    border-bottom: 1px solid #e0e5ec!important;
}

.menu-icon {
    padding: 0;
    justify-content: center;
    overflow: hidden;
    border-radius: 100%;
    flex-shrink: 0;
    height: calc((0.6rem * 1) + (0.6rem * 2) + (2px)) !important;
    width: calc((0.6rem * 1) + (0.6rem * 2) + (2px)) !important;
    margin-left:5px;
}

.menu-icon.focus {
    box-shadow: 0 0 0 0.25rem rgba(33, 40, 50, 0.25) !important;
    color: rgba(33, 40, 50, 0.5);
    background-color: rgba(33, 40, 50, 0.1);
    border-color: transparent;
    box-shadow: 0 0 0 0.25rem rgba(11, 14, 17, 0.5);
    outline:none;
}


.menu-icon:hover {
    color: rgba(33, 40, 50, 0.5);
    background-color: rgba(33, 40, 50, 0.1);
    border-color: transparent;
    transition:0.3s;
}