@charset "UTF-8";
/* CSS Document */


/* ================================ */

/*        共通               */

/* ================================ */
.kt-dsb-main{
    margin-bottom: -80.1px;
    
    position: fixed;
    left: 70px;
    right: 10px;
    top: 60px;
    bottom: 0;
    
    min-width: 1020px;
    
    
}

.k-dsb-number{
    font-family: Arial, Helvetica, "sans-serif";
    font-weight: 700;
    letter-spacing: -.015em;
}

/*.  見出し H3  -----*/
.kt-dsb-h3{
    font-size: 1.3125rem;
    line-height: 1.0;
}


.kt-dsb-card-body{
    padding: 12px;
}
/* ================================ */

/*        個別               */

/* ================================ */
/*.  ヘッダーナビ  -----*/
.kt-nav-header-dashboard{
    border-bottom: 1px solid #aaa;
    box-shadow: 3px 3px 5px rgba(0,0,0,.35);
}


/*.  カード 1  -----*/
.kt-dsb-card-1{
    float: left;
   /* width: calc(55% - 15px);*//*55%;*/
    width: calc(60% - 15px);
    height: 310px;
    
    margin-right: 15px;
    
    /*width: 55vw;*//*55%;*/
    
    
}

/*.  カード 2  -----*/
.kt-dsb-card-2{
    float: left;
    width: calc(23% - 15px);
    height: 310px;
    /*width: 23%;*/
   /* width: 22vw;*//*22.8125%;*/
    
    
}



/*.  カード 3  -----*/
.kt-dsb-card-3-wrap{/*Base 1828px;*/
    float: right;
    /*   290.  */
    width: 16.999%;/* 305px. */
    height: calc(100vh - 40px);
}

.kt-dsb-card-3{
    
    height: calc(100% - 96px)
    
    /*height: calc(100vh - 100px);*/
}



.kt-dsb-card-4{
    float: left;
    width: calc(83% - 15px);
    height: calc(100vh - 100px - 300px - 16px);
    margin-top: 16px;
    /*margin-right: 15px;*/
}




@media all and (max-width: 1790px) {
    
    
    /*.  カード 1  -----*/
    .kt-dsb-card-1{
        width: calc(62% - 15px);
    }

    /*.  カード 2  -----*/
    .kt-dsb-card-2{
        width: calc(21% - 15px);
    }

    
    @media all and (max-width: 1720px) {
        
        .kt-dsb-card-1-box-1-text-genzai-taizaisu{
            font-size: .875rem!important;
        }
        
        @media all and (max-width: 1660px) {
        
            /*.  カード 1  -----*/
            .kt-dsb-card-1{
                width: calc(63% - 15px);
            }

            /*.  カード 2  -----*/
            .kt-dsb-card-2{
                width: calc(20% - 15px);
            }
            
            .kt-dsb-activity-meg-date{
                font-size: .875rem!important;
            }
            
                @media all and (max-width: 1620px) {

                    /*.  カード 1  -----*/
                    .kt-dsb-card-1{
                        width: calc(64% - 15px);
                    }

                    /*.  カード 2  -----*/
                    .kt-dsb-card-2{
                        width: calc(19% - 15px);
                    }
                    
                    .kt-dsb-card-1-b1-d1 .k-dsb-number,
                    .kt-dsb-card-1-b1-d2 .k-dsb-number,
                    .kt-dsb-card-1-b2-d1 .k-dsb-number,
                    .kt-dsb-card-1-b3-d1 .k-dsb-number{
                        font-size: 2rem!important;

                    }
                    
                    @media all and (max-width: 1590px) {
                        
                        .kt-dsb-activity-meg-date{
                            font-size: .8125rem!important;
                        }
                        
                        @media all and (max-width: 1540px) {
                            
                            .kt-dsb-text-data-refresh{
                                font-size: 1.0rem!important;
                            }

                            .kt-dsb-btn-data-refresh{

                                font-size: .875rem;
                                padding-right: 7px!important;
                                background-position: top 3px left 4px!important;

                                padding-left: 28px!important;
                                height: 32px;
                                padding-top: 4px;
                                white-space: nowrap;

                            }
                            
                            /*.  カード 1  -----*/
                            
                            .kt-dsb-card-1{
                                width: calc(56% - 15px);
                                height: 350px;
                            }
                            
                            .kt-dsb-card-2{
                                width: calc(25% - 15px);
                                height: 350px;
                            }
                            
                            .kt-dsb-card-3-wrap{
                                width: 19%;
                                height: 350px;
                            }
                            .kt-dsb-card-3{
                                 height: 302px;
                            }
                            
                            .kt-dsb-card-4{
                                 width: 100%;
                            }
                            
                            /*.  カード 4  -----*/
                            .kt-dsb-card-4{
                               height: calc(100vh - 100px - 350px - 16px);
                            }
                            
                            .kt-dsb-card-body .kt-dsb-activity-list{
                                overflow-y: auto;
                                height: 290px!important;
                            }
                            
                            .card-body .kt-dsb-content-railway-route-status{
                                height: 245px!important;
                            }
                            
                            .kt-dsb-card-1-main-3box-line > *:nth-child(1),
                            .kt-dsb-card-1-main-3box-line > *:nth-child(2){

                                width: calc(50% - 4px);
                                height: 150px; 
                            }
                            
                            .kt-dsb-card-1-main-3box-line > *:nth-child(3){
                                width: 100%;
                                height: 75px; 
                                margin-top: 8px;
                            }
                            
                            .kt-dsb-card-1-main-3box-line{
                                flex-wrap: wrap;
                            }
                            
                            .kt-dsb-card-1-kitaku-konnansya-su strong{
                                font-size: 2.375rem!important;
                            }
                            
                            .kt-dsb-card-1-b1-h4 + p .k-dsb-number,
                            .kt-dsb-card-1-b2-h4 + p .k-dsb-number,
                            .kt-dsb-card-1-b3-h4 + p .k-dsb-number{
                                font-size: 2.375rem!important;
                            }
                            
                            .kt-dsb-card-1-b1-h4 + p,
                            .kt-dsb-card-1-b2-h4 + p,
                            .kt-dsb-card-1-b3-h4 + p{
                                margin-top: -7px!important;
                            }
                            
                            .kt-dsb-card-1-b3-h4{
                                float: left
                            }
                            
                            .kt-dsb-card-1-b3-h4 + p + div{
                                margin-top: 0!important;
                                float: right;
                                width: 48%;
                            }

                            .kt-dsb-card-1-b1-d1 .k-dsb-number,
                            .kt-dsb-card-1-b1-d2 .k-dsb-number,
                            .kt-dsb-card-1-b2-d1 .k-dsb-number,
                            .kt-dsb-card-1-b3-d1 .k-dsb-number{
                                font-size: 1.625rem!important;
                            }
                        }
                    }
                }
        }
    } 
}


/*.  カード 1／一時滞在施設状況  -----*/

/*.  発災〜帰宅  -----*/
.kt-dsb-dis-status-area {
}


.kt-dsb-dis-status-area li{
    background-color: #C5D7FB;
    color: #00118F;
    height: 44px;
    font-size: 1.5rem;
}

.kt-dsb-dis-status-area li:nth-child(1){
    width: 10.8%;
}

.kt-dsb-dis-status-area li:nth-child(2),
.kt-dsb-dis-status-area li:nth-child(4){
    width: 14%;
}

.kt-dsb-dis-status-area li:nth-child(1)::after,
.kt-dsb-dis-status-area li:nth-child(2)::after,
.kt-dsb-dis-status-area li:nth-child(3)::after{
    content: "";
    position: absolute;
    right: -14px;
    /*display: block;*/
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 14px solid #C5D7FB;
    border-right: 0;
}

.kt-dsb-dis-status-area li.kt-dsb-dis-status-ontime{
    background-color: #CC0000;
    color: #fff;
    font-weight: bold;
}

.kt-dsb-dis-status-area li.kt-dsb-dis-status-ontime::after{
    border-left: 14px solid #CC0000;
}


/*.    一時滞在施設状況    */
.kt-dsb-card-1-main div:first-child{

}
.kt-dsb-card-1-kitaku-konnansya-su{
    margin: 2px 0 0 0!important;
    padding: 0!important;
    font-size: 1.3125rem;
    color: #0031D8;
    margin-bottom: 5px;
    height: 30px;
    font-weight: 600;

}

.kt-dsb-card-1-kitaku-konnansya-su strong{
    font-size: 2.625rem;
    height: 30px;
}

.kt-pict-dsb-kitakuman{
    margin-bottom: -3px;
    margin-right: 3px;
}

/*.  施設状況  -----*/



.bg-peacock{
    background-color: #1E9F92;

    background: #1E9F92;
    background: linear-gradient(135deg, rgba(30, 159, 146, 1) 0%, rgba(17, 129, 115, 1) 100%);
    
    color: #fff;
}
.text-peacock{
    color: #1E9F92;
}

.bg-dsb-glay{
    background-color: #555;


    background: #696969;
    background: linear-gradient(135deg, rgba(105, 105, 105, 1) 0%, rgba(85, 85, 85, 1) 100%);

    color: #fff;
}

.bg-lime{
    background-color: #9DDD15;

    background: #9DDD15;
    background: linear-gradient(135deg, rgba(157, 221, 21, 1) 0%, rgba(115, 201, 8, 1) 100%);

    color: #3E5A00;
}

/* NUMBER BOX  */
.kt-dsb-card-1-box-1,
.kt-dsb-card-1-box-2,
.kt-dsb-card-1-box-3{
    border-radius: 8px;
}

.kt-dsb-card-1-main-3box-line{}

.kt-dsb-card-1-main-3box-line > *{
    width: calc(33% - 4px);
    height: 192px; 
}
/*
.kt-dsb-card-1-box-1 h3,
.kt-dsb-card-2-box-1 h3,
.kt-dsb-card-3-box-1 h3{
    font-size: 1.3125rem;
}*/

/*  開設済み施設数 H4  */
.kt-dsb-card-1-b1-h4,
.kt-dsb-card-1-b2-h4,
.kt-dsb-card-1-b3-h4{
    font-size: 1.3125rem;
}

.kt-dsb-card-1-b1-h4 img,
.kt-dsb-card-1-b2-h4 img,
.kt-dsb-card-1-b3-h4 img{
    float: left;
    display: block;
    height: 33.69px;
    width: 25.43px;
    margin-left: 5px;
    margin-top: 3px;
}

.kt-dsb-card-1-b2-h4 img,
.kt-dsb-card-1-b3-h4 img{
    height: 41px;
    width: 33.7px;
    margin-top: 3px;
}

.kt-dsb-card-1-b2-h4 img{
    margin-top: -2px;
}

.kt-dsb-card-1-b3-h4 img{
    margin-top: 3px;
}

.kt-dsb-card-1-b3-h4 img:first-child{
    height: 33.69px;
    width: 25.43px;
    margin-top: 10px;
}

.kt-dsb-card-1-b3-h4 img:first-child + span{
    float: left;
}

.kt-dsb-card-1-b1-h4 span,
.kt-dsb-card-1-b2-h4 span,
.kt-dsb-card-1-b3-h4 span{
    margin-left: 44px;
    padding-top: 8px;
}


.kt-dsb-card-1-b3-h4 span:last-child{
    margin-top: -8px;
    margin-left: 97px;
    font-size: 1.25rem;
}

.kt-dsb-card-1-b1-h4 + p,
.kt-dsb-card-1-b2-h4 + p,
.kt-dsb-card-1-b3-h4 + p{
    text-align: right;
}

.kt-dsb-card-1-b3-h4 + p{
    margin-top: -5px!important;
}

.kt-dsb-card-1-b1-h4 + p .k-dsb-number,
.kt-dsb-card-1-b2-h4 + p .k-dsb-number,
.kt-dsb-card-1-b3-h4 + p .k-dsb-number{
    font-size: 3.4375rem;
    margin-right: 5px;
}



.kt-dsb-card-1-b1-d1 .k-dsb-number,
.kt-dsb-card-1-b1-d2 .k-dsb-number,
.kt-dsb-card-1-b2-d1 .k-dsb-number,
.kt-dsb-card-1-b3-d1 .k-dsb-number{
    margin-top: -5px!important;
    font-size: 2.25rem;
}


/*============================== */

/*       アクティビティ        */

/*============================== */



.kt-dsb-card-body .kt-dsb-activity-list{
    overflow-y: auto;
    height: 248px;
    margin-bottom: 0;
    padding-right: 12px;
    margin-right: -12px;
}
.modal-body .kt-dsb-activity-list{
    overflow-y: visible;
    height: auto;
}

.kt-dsb-activity-list > div{
    margin-bottom: 4px;
}

.kt-dsb-activity-list dt{
    min-width: 86px;
}

.kt-dsb-activity-list dd{
    padding: 3px 4px;
    width: 100%;
    background-color: #eee;
}

.kt-dsb-activity-list .kt-dsb-activity-meg{
    background-color: #FF8D44;
    color: #000;
}

.kt-dsb-activity-list .kt-dsb-activity-request-for-opening{
    background-color: #F5C800;
    color: #000;
}

.kt-dsb-activity-list .kt-dsb-activity-info-update{
    background-color: #008BF2;
    color: #fff;
}

@media all and (max-width: 1500px) {
    .kt-dsb-activity-list dt{
        min-width: 75px;
    }

}

/*============================== */

/*       更新ボタン・更新時間        */

/*============================== */


.kt-dsb-box-data-refresh{
    height: 46px;
}

.kt-dsb-text-data-refresh{
    font-size: 1.0625rem;
    text-align: right;
    line-height: 1.1;
    font-weight: bold;
    padding-right: 8px;
}

.kt-dsb-btn-data-refresh{
    background-color: #fff;
    border-radius: 19px;
    padding-left: 32px;
    padding-right: 12px;
    font-weight: bold;
    background-image: url("../img/pict-refresh-mid-blue.svg");
    background-repeat: no-repeat;
    background-size: 22px 22px;
    background-position: top 6px left 6px;
    /*pict-refresh-mid-blue.svg*/
}

.kt-dsb-btn-data-refresh:hover{
    border: 1px solid #fff;
    background-color: #C5D7FB;
}


/*============================== */

/*       鉄道路線状況        */

/*============================== */

.kt-dsb-card-body .kt-dsb-content-railway-route-status{
    overflow-y: auto;
    height: calc(100vh - 195px);
}

.kt-dsb-card-body .kt-dsb-content-railway-route-status{
    padding-right: 12px;
    margin-right: -12px;
}

.kt-dsb-content-railway-route-status-h4-unkyu,
.kt-dsb-content-railway-route-status-h4-chien{
    font-size: 1.125rem;
    background-image: url("../img/pict-status-batsu.svg");
    background-size: 27px;
    background-repeat: no-repeat;
    padding-left: 34px;
    padding-bottom: 8px;
    padding-top: 4px;
    border-bottom: 1px solid #b3b3b3;
}

.kt-dsb-content-railway-route-status-h4-chien{
    background-image: url("../img/pict-status-sankaku-sy.svg");
    background-size: 29px;
}


.kt-dsb-modal-railway-route-status .modal-body{
    padding-top: 0!important;
}

.modal-body .kt-dsb-content-railway-route-status-h4-unkyu,
.modal-body .kt-dsb-content-railway-route-status-h4-chien{
    background-position: top 12px left 0;
    margin-top: -16px!important;
    padding-top: 16px;
    margin-bottom: 24px;
}


/*============================== */

/*  一時滞在施設収容状況（グラフ）    */

/*============================== */


.kt-dsb-graph-legend{
    margin-left: 20px;
    margin-bottom: 0;
}

.kt-dsb-graph-legend li{
    margin-left: 15px;
}

.kt-dsb-graph-legend > li:nth-child(1)::before,
.kt-dsb-graph-legend > li:nth-child(2)::before,
.kt-dsb-graph-legend > li:nth-child(3)::before,
.kt-dsb-graph-legend > li:nth-child(4)::before{
    content: "";
    display: inline-block;
    background-color: #0031D8;
    width: 30px;
    height: 14px;
    margin-right: 5px;
    vertical-align: middle;
}

.kt-dsb-graph-legend > li:nth-child(2)::before{
    background-color: #1E9F92;
}

.kt-dsb-graph-legend > li:nth-child(3)::before{
    background-color: #555;
}

.kt-dsb-graph-legend > li:nth-child(4)::before{
    background-color: #AAA;
}

@media all and (max-width: 1300px) {
    
    .kt-dsb-graph-legend li{
        font-size: .8125rem;
    }
    .kt-dsb-graph-legend > li::before{
        width: 25px;
        height: 13px;
    }
    
        @media all and (max-width: 1210px) {
            .kt-dsb-graph-legend li{
                font-size: .78125rem;
                margin-left: 5px;
            }
            
            @media all and (max-width: 1150px) {
                
                .kt-dsb-card-4 .kt-dsb-h3{
                    font-size: 1.25rem;
                }
                
                .kt-dsb-graph-legend{
                    margin-left: 10px;
                }
                
                .kt-dsb-graph-legend li{
                    font-size: .75rem;
                }
            }
        }
    
}


.kt-dsb-card-4-graph{
    height: calc(100vh - 100px - 300px - 16px - 43px);
}

@media all and (max-width: 1540px) {
    .kt-dsb-card-4-graph{
        height: calc(100vh - 100px - 350px - 16px - 43px);

    }
}

/* モーダル表示時の修正 */
.modal-body .kt-dsb-content-railway-route-status-h4-unkyu,
.modal-body .kt-dsb-content-railway-route-status-h4-chien {
    margin-top: 0!important;
}