@charset "utf-8";  
/*------------------------------------------------------------ 
    NEWS css
------------------------------------------------------------*/  

#news-CategoryList{
    display: flex;
    justify-content: flex-end;
    width:100%;
    margin:50px 0 80px;
    box-sizing: border-box;
}

#news-CategoryList li{
    height: 24px;
    font-family: var(--en);
    font-weight: 500;
    font-size:2rem;
    display: flex;
    align-items: center;
}

#news-CategoryList li:not(:last-child)::after{
    content:"/";
    font:inherit;
    padding:0 .75em;
}

#news-CategoryList a{
    display: block;
    color:#242424;
    font:inherit;
    position: relative;
    letter-spacing: 0.04em;
    transition:opacity .2s ease-out;
}

#news-CategoryList a:not(.is-selected):hover{ opacity:.5;}

#news-CategoryList .is-selected{ pointer-events: none;}
#news-CategoryList .is-selected::after{
    content:"";
    width:100%;
    height:1.5px;
    background-color: #242424;
    position:absolute;
    left:0;
    bottom:0;
}

/*------------------------------------------------------------ 
    MediaQuery 
------------------------------------------------------------*/  

/* PC */
@media screen and (max-width: 1350px) and (min-width: 1024px){


}

@media screen and (min-width: 1025px){



}

@media screen and (max-width: 1024px){

    #news-CategoryList{
        margin:22px 0 36px;
    }

    #news-CategoryList .btn-hover::before{ display: none;}
   
    #news-CategoryList li{
        font-family: var(--en);
        font-weight: 500;
        font-size:1.4rem;
        display: flex;
        align-items: center;
    }

    #news-CategoryList li:not(:last-child)::after{
        content:"/";
        font:inherit;
        padding:0 .75em;
    }

    #news-CategoryList a{
        display: block;
        color:#242424;
        font:inherit;
        position: relative;
        transition:opacity .2s ease-out;
    }

    #news-CategoryList a:not(.is-selected):hover{ opacity:.5;}

    #news-CategoryList .is-selected::after{
        content:"";
        width:100%;
        height:1.5px;
        background-color: #242424;
        position:absolute;
        left:0;
        bottom:-2px;
    }


}

/* TABLET */
@media screen and (max-width: 834px){

    #news-CategoryList{
        margin:19px 0 39px;
    }
   
    #news-CategoryList li{
        font-size:1.6rem;
        letter-spacing: 0.04em;
    }



}


/* SP */
@media screen and (max-width: 480px){

    #news-CategoryList{
        justify-content: flex-start;
        margin:14px 0 30px;
        flex-wrap: wrap;
        gap: 10px 0;
    }
   
    #news-CategoryList li{
        font-size: 1.6rem;
    }

}