/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2021/02/14, 21:37:22
    Author     : takenori
*/
#site_logo {
    max-width: 259px;
}

#button-header1 {
    display: block;
    width: 139px;
    height: 12px;
    background-image: url(../image/button-header1-1.jpg);
}

#button-header2 {
    display: block;
    width: 90px;
    height: 12px;
    background-image: url(../image/button-header2-1.jpg);
}

.box2 {
    /*width: 100%;*/
    /*height: 450px;*/
    background-color: #333333;
    border-top: 5px #CCCCCC solid;
    border-bottom: 5px #CCCCCC solid;
}

.box3-3-2 {
    height: auto;
    border: 1px #CCCCCC solid;
    padding: 0.5em;
    width: 100%;
    max-width: 248px;

}

.box3-3-2 img {
    width: 100%;
}

.box3-3-1 {
    margin-top: 10px;
    background-color: #057dc9;
    color: #ffffff;
    padding: 0.5em;
    width: 100%;
    max-width: 248px;
}

.box3-2-2s {
    /*max-width: 470px;*/
    height: 365px;
    overflow-y: scroll;
    scrollbar-base-color: #ffffff;
    scrollbar-face-color: #ffffff;
    scrollbar-arrow-color: #CCCCCC;
    scrollbar-shadow-color: #CCCCCC;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-highlight-color: #CCCCCC;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-track-color: #ffffff;
    border-right: 1px #CCCCCC solid;
    border-bottom: 1px #CCCCCC solid;
    border-left: 1px #CCCCCC solid;
}

.box5 {
    width: 100%;
    height: 20px;
    background-color: #0081CC;
    color: #FFFFFF;
    text-align: center;
}

.real3 {
    margin: 7px 0px 2px 0px;
}

#button1 {
    display: block;
    width: 200px;
    height: 40px;
    background-image: url(../image/button1-1.jpg);
}

.contents {
    list-style-image: url(../image/sankaku.jpg);
}

.toggle_container .block {
    padding: 10px;
    background: url(../image/toggle_block_btm.gif) no-repeat left bottom;
}

a[href$=".pdf"] {
    background-image: url(../image/icon_pdf.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 1em;
    padding-right: 1.5em;
}

A:link {
    color: #003399;
}

.liston {
    border-bottom: 1px #CCCCCC dotted;
    margin: 0px 0px 5px 15px;
}

.fontssw {
    font: 10px/18px "Meiryo", Hiragino Kaku Gothic Pro;
    color: #FFFFFF;
}

#linksub:link, #linksub:visited {
    color: #FFFFFF;
}

#linksub:active {
    color: #666666;
}

#linksub:hover {
    color: #CCCCCC;
}

#linksub {
    text-decoration: none;
}

/*.buttons {
    margin-top: 15px;
}*/

.lister {
    border-bottom: 1px #CCCCCC dotted;
    margin: 10px 0px 10px 30px;
}

.lists {
    list-style-image: url(../image/sankaku.jpg);
}

ul.lists {
    padding-left: 8px;
}

.backno {
    /*    position: absolute;
    width: 141px;
    height: 16px;*/
    /*margin: 8px 0px 0px 320px;*/
    background-color: #057dc9;
    color: #ffffff;
    padding: 0.5em;

}

#button-backno {
    display: block;
    width: 141px;
    height: 16px;
    background-image: url(../image/button-backuo1.jpg);
}

.emergency {
    border: 1px #CCCCCC solid;
    margin-bottom: 10px;
}

.emergency h2 {
    padding: 0.5em;
    color: #fff;
    background-color: #000;
    /* font-weight: normal; */
    font-size: 14px;
}

.emergency h2 .nowTime {
    font-size: 85%;
    margin-left: 1em;
}

.emergencyDef {
    font-weight: normal;
    font-size: 90%;
    margin-left: 1em;
}

.headline h2 {
    margin-bottom: 0;
}


#right_menu a {
    margin-top: 5px;
}

#right_menu a:first-child {
    margin-top: 0;
}

#top_row {
    margin-top: 1em;
    margin-bottom: 0.5em;
}

#main_contents {
    margin-top: 10px;
}

#left_site_menu_list .card-header {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 0px;
    /*padding-right: 0px;*/
    background-color: #057dcdc9;
    color: #ffffff;
    background: -moz-linear-gradient(top, #0095cd, #006bcd);
    background: -webkit-linear-gradient(top, #0095cd, #006bcd);
    background: linear-gradient(to bottom, #0095cd, #006bcd);
    border: 1px #fff;

}

#left_site_menu_list .btn-link, #left_site_menu_list .btn-link a {
    color: #ffffff;
    height: 3em;
}

#left_site_menu_list ul {
    padding-left: 0.5em;
}

#left_site_menu_list .card-body {
    padding-top: 1.0em;
    padding-bottom: 0.5em;
}

#left_link_banner div {
    margin-top: 10px;
}

#left_link_banner img {
    width: 100%;
    height: auto;
}

#right_link_banner img {
    width: 100%;
    height: auto;
    margin-bottom: 0.5em;
}

#footer_link_banner {
    margin-top: 1em;
    margin-bottom: 0.3em;
}

.footer_link_banner div {
    text-align: center;
}

#footer_banner_this_website {
    margin-top: 1.5em;
    margin-bottom: 1.5em;

}

#footer_address {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

#header_link {
    display: inline-flex;
    padding-left: 150px;
}

.button_header {
    margin-top: 0.5em;
}

#box_header_link {
    margin-top: 0.5em;
}

.header_contents {
    text-align: end;
}

#site_navigation {
    background-color: #ffffff !important;
}

#navbarSupportedContent {
    background-color: #057dcdc9;
}

#navbarSupportedContent a {
    font-size: 4vw;
/*     color: #ffffff;
 */}

#navbarSupportedContent li {
    padding: 0.5em;
    padding-left: 1.5em;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    background: -moz-linear-gradient(top, #0095cd, #006bcd);
    background: -webkit-linear-gradient(top, #0095cd, #006bcd);
    background: linear-gradient(to bottom, #0095cd, #006bcd);
    border: 1px #fff;

}

.navbar-light .navbar-nav .nav-link {
    color: #ffffff;
}

.text_center {
    text-align: center;
}

.emergency .detail {
    padding: 0.5em;
/*
     background-color: #3c0f0f; 
     background-color: #7e1919;
     color: #fff;
*/
}

.list {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 0.75em
}

.list:last-child {
    border-bottom: none;
}

.emergency P {
    margin: 0;
}

.emergency P.emergencyTime {
    font-size: 90%;
    font-weight: bold;
    margin-bottom: 0.25em;
}

.emergency a {
    color: rgb(200, 0, 0);
    text-decoration: none;
    opacity: 0.9;
}

.emergency a:hover {
    text-decoration: underline;
    opacity: 1;
}

@media screen and (max-width:1199px) {
    #header_link {
        padding-left: 70px;
    }
}

@media screen and (min-width:992px) {
    #site_menu_lg {
        display: block;
    }

    #navbarSupportedContent ul {
        display: none;
    }

    #navi_search {
        display: block;
    }
}

@media screen and (max-width:991px) {
    .box3-3-1 {
        max-width: 100%;
        font-size: 2vw
    }

    .box3-3-2 {
        max-width: 100%;
    }

    #left_link_banner .fonts {
        font: menu;
        font-size: 2.5vw;
    }

    #right_menu {
        margin-top: 1em;
    }

    .footer_link_banner img {
        width: 100%;
        margin-bottom: 0.5em;
    }

    #facebook_police {
        padding-top: 2.5em;
    }

    #box_information {
        margin-top: 0.5em;
    }

    #site_menu_lg {
        display: none;
    }

    #navi_search {
        display: none;
    }

    #box_information .col-lg-12 {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width:768px) {
    #left_link_banner .fonts {
        font-size: 4.5vw;
    }

    #facebook_police {
        padding-top: 0.5em;
    }
}

@media screen and (max-width:490px) {
    #footer_image {
        max-width: 100%;
    }
}

@media screen and (max-width:392px) {
    #site_logo {
        max-width: 180px;
    }

    #button-backno {
        max-width: 130px;
        background-repeat: no-repeat;
    }

    #footer_image {
        max-width: 100%;
    }

}