@charset "utf-8";

#news article{padding: 150px 0 0; min-height:80vh;}
#news ul.category{display: flex; width: 30%; margin: 30px auto 0; justify-content: space-around;}
#news ul.category li{position: relative;}
#news ul.category li a{color: #707070;}
#news ul.category li a:hover,#news ul.category li a.now{color: #3786c7;}
#news .kari{border: solid 1px #12222b; border-radius: 15px; max-width: 800px; width: 100%; background: #fff; margin: 10px auto 0; padding: 20px;}
#news .kari:first-of-type{margin: 40px auto 0;}
#news .kari p span{color: #fff; border-radius: 50vw; padding:2px 15px; margin-right: 10px;}
#news .kari ul.pdf-box{display: flex;flex-wrap: wrap; margin-top: 10px;}
#news .kari ul.pdf-box li a{border-radius: 10px; padding:1px 35px; margin: 5px 5px 0 0; background: #fff; display: inline-block; vertical-align: middle;}
#news .kari ul.pdf-box li a:hover{color: #fff;}
/* .kouho */
#news .kouho p span{background: #3786c7;}
#news .kouho ul.pdf-box li a{border: solid 1px #3786c7;}
#news .kouho ul.pdf-box li a:hover{background: #3786c7;}
#news .kouho ul.pdf-box li a{color: #3786c7;}
/* .siryo */
#news .siryo p span{background: #00aa71;}
#news .siryo ul.pdf-box li a{border: solid 1px #00aa71;}
#news .siryo ul.pdf-box li a:hover{background: #00aa71;}
#news .siryo ul.pdf-box li a{color: #00aa71;}
/* .sonota */
#news .sonota p span{background: #f39939;}
#news .sonota ul.pdf-box li a{border: solid 1px #f39939;}
#news .sonota ul.pdf-box li a:hover{background: #f39939;}
#news .sonota ul.pdf-box li a{color: #f39939;}
#news ul.pdf-box li a.pdf::after {
    background-image: url("../img/share/pdf.png");
    content: "";
    display: inline-block;
    width: 21px;
    height: 21px;
    margin-left: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 21px auto;
    vertical-align: middle;
}
#news ul.pdf-box li a.pdf:hover::after {background-image: url("../img/share/pdf-w.png");}

@media (max-width:640px){
#news ul.category{width: 70%;}
#news .kari{max-width: 550px; margin: 15px auto 0;}
}


/* pagination */
#news .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 8px;
    list-style-type: none;
    padding: 0;
    margin: 100px auto 0;
}
#news .pagination a {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2em;
    height: 2em;
    border-bottom: 2px solid #dedede;
    color: #12222b;
    text-decoration: none;
}
#news .pagination .current a {
    border-bottom: 2px solid #3786c7;
    pointer-events: none;
    color: #3786c7;
}
#news .inactive{display: none;}