.category-sortlist {
display: flex;
justify-content:flex-start;
justify-content: space-between;
align-items: center;
font-size: 1.8rem;
font-weight: normal;
flex-wrap: wrap;
width: 70%;
margin-left: auto;
margin-right: auto;   
/*
background: #f6f5f5; 
border-top:1px solid #efefef;
border-left:1px solid #efefef;
border-right:1px solid #efefef;
*/
box-sizing: border-box;


}
.category-sortlist li p {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
position: relative;
padding: 24px 0 20px!important;
cursor: pointer;
/*color: #4592af;
font-weight: bold;
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;*/
box-sizing: border-box;
font-size: 1.7rem!important;
}

.category-sortlist li p.current {
position: relative;
/*background: #4592af;
color: #fff;*/
color: #4592af;
}    
/*
.category-sortlist li p.current:before {
display: none;
}
*/


.category-sortlist li p:after {
display: block;
position: absolute;
content: '';
left: 0;
    top:auto!important;
    bottom: -3px!important;
height: 3px!important;
width: 0;
background: #4592af;
-webkit-transition: width 0.4s ease;
-o-transition: width 0.4s ease;
transition: width 0.4s ease;
}       

.category-sortlist li p:hover:after,
.category-sortlist li p.current:after {
width: 100%;
} 

.category-sortlist li p:hover {
color: #bcbcbc;
}    




.category-sortlist li p:before {
/*
content: "";
width: 1px;
height: 31px;
position: absolute;
right: 0;
border-right: 1px solid #ccc;
top:18px;
bottom: 0;
*/


content: "";
width: 1px;
height: 20px;
height: 30px;
height: 24px;
position: absolute;
right: -1px;
border-right: 1px solid #dcdcdc;
top: 23px;
top: 19px; 
top: 24px;    
bottom: 0;


/*
transform: rotate(28deg);    
*/
}
.category-sortlist li:nth-of-type(4) p:before,
.category-sortlist li:last-of-type p:before {
display: none;
}
.category-sortlist li {
width: 210px;
/*width: 194px;*/
/*border-right:1px solid #efefef;
border-bottom:1px solid #efefef;
margin-bottom: 18px;*/
box-sizing: border-box;
border-bottom: 3px solid #e6e6e6;
}

.category-sortlist li:nth-of-type(n+5) {
width: 280px;
}
.category-sortlist li:nth-of-type(4) {
width: 210px;
}
.category-sortlist li:nth-of-type(7) {
width: 280px;
}

.news dl {
display: flex;
justify-content: flex-start;
align-items: flex-start;

margin-bottom: 22px;
border-bottom: 1px solid #efefef;
padding-bottom: 22px;
}

.news dl {
display: none;        
}    
.news dl.all {
display: flex;        
}    
.news dl.active {
display: flex!important;        
}    

.news dl .category {
width: 190px;
display: flex;
justify-content: center;
align-items: center;
padding: 10px 0 9px;
    border: 2px solid #666;
max-height: 32px;
font-size: 1.3rem;
font-weight: bold;
    color: #666;
    font-feature-settings: "palt";
}
.news dl.cat1 .category,
.news dl .category.double .cat1{
color: #4592af;
border-color:  #4592af;
    color: #0c4097;
    border-color: #0c4097
}
.news dl.cat2 .category,
.news dl .category.double .cat2 {
color: #27894f;
border-color: #27894f;
}
.news dl.cat3 .category,
.news dl .category.double .cat3 {
color:#89aa97 ;
border-color:#89aa97 ;
}
.news dl.cat4 .category,
.news dl .category.double .cat4 {
color: #f9b600;
border-color: #f9b600;
}
.news dl.cat5 .category,
.news dl .category.double .cat5 {
color: #e58b45;
border-color: #e58b45;
}
.news dl.cat6 .category,
.news dl .category.double .cat6 {
color: #b52d51;
border-color: #b52d51;
}

.news dl .date {
width: 200px;
text-align: left;
padding: 5.4px 0px 0px 30px;
font-size: 1.4rem;
font-feature-settings: "palt";
display: flex;
align-items: flex-start;
justify-content: flex-start;
font-weight: bold; 
}
.news dl .text {
width: 675px;
padding-top: 3.3px;
padding-left: 6px;
font-size: 1.6rem;
}
.link-text {
font-weight: bold;
font-size: 1.6rem;
}
.news .link-pdf:after {
content: '';
position: relative;
top: 2px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: none;
right: auto;
width: 15px;
height: 18px;
-webkit-background-size: contain;
background-size: cover;
display: inline-block;
left: 4px;
}

.news dl .category.double {
    display: block;
    border: none;
    max-height: 80px;
    padding-top: 0;
}

.news dl .category.double span{
    width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0 9px;
    border: 2px solid #666;
    max-height: 32px;
    font-size: 1.3rem;
    font-weight: bold;
    color: #666;
    font-feature-settings: "palt";
}
.news dl .category.double span:nth-of-type(n+2) {
    margin-top: 6px;
}

@media screen and (max-width: 640px) {
    .category-sortlist li p {
        padding: 18px 0 14px!important;
    }
    .category-sortlist li p {
        font-size: 1.3rem!important;
        font-weight: bold;
    }
    .category-sortlist li p.current {
        color: #fff;
        background: #4592af;
    }
    
    
    
    .category-sortlist li:nth-of-type(3) p:before,
    .category-sortlist li:nth-of-type(5) p:before,
    .category-sortlist li:nth-of-type(7) p:before{
        display: none;
    }

    .category-sortlist li:nth-of-type(4) p:before {
        display: block;
    }

    .category-sortlist li p.current:before {
        display: none;
    }
    .category-sortlist li p:before {
        top: 15px;
    }
    .news dl.all,
    .news dl {
        flex-wrap: wrap;
    }
    .news dl .category{
        width: 130px;
    padding-left: 0;
    padding-right: 0;
    min-height: auto;
    font-size: 1.2rem;
        padding: 0;
        border: 1px solid;
        height: 21px;
        position: relative;
        
    }
    .news dl .date {
        width: calc(100% - 140px);
        padding: 2.6% 0 1% 7px;
        padding: .5px 0 1% 7px;
        font-size: 1.3rem;
        color: #4592af;
        padding: 0px 0 1% 7px;
        font-size: 1.4rem;
        line-height:1.5;
    }
    .news dl .text .link-text {
        font-size: 1.4rem!important;
        
    }
    .news dl .text {
        width: 100%;
        font-size: 1.4rem!important;
        padding-top: 12px;
        padding-left: .5em;
        padding-right: .5em;
    }
    .news dl {
        margin-bottom: 18px;
        padding-bottom: 18px;
    }
    
    .container-inner.sp_wide {
        padding-left: 1em;
        padding-right: 1em;
    }
    .news dl .category.double {
        display: block;
        border: none;
        max-height: auto;
        min-height: 50px;
        padding-top: 0;
    }

    .news dl .category.double span{
        width: 130px;
        padding-left: 0;
        padding-right: 0;
        min-height: auto;
        font-size: 1.2rem;
        padding: 0;
        border: 1px solid;
        height: 21px;
    }
    .news dl .category.double span:nth-of-type(n+2) {
        margin-top: 6px;
    }
    
    
}

@media screen and (max-width: 320px) {
    .news dl .date {
        font-size: 1.3rem;
    }
}

@media all and (-ms-high-contrast:none){
    *::-ms-backdrop, .news dl .category { padding-top: 7px\0;}
    *::-ms-backdrop, .news dl .category.double span { padding-top: 7px\0;}
}