@charset "UTF-8";
    
    .breadcrumb_wrap {
        padding: 120px 0 0;
        width: 52.1428571429em;
        margin: 0 auto;
    }
    .breadcrumb {
        font-weight: 600;
        color: #9EC1C1;
    }
    .breadcrumb a {
        color: #9EC1C1;
        text-decoration: none;
    }
    #news.archive_section {
        padding-top: 0;
    }
    .archive_wrap {
        width: 52.1428571429em;
        margin: 0 auto;
    }
    .section.basic_style .archive_wrap .sheader .title {
        padding-left: 0;
    }
    .archive_tabwrap {
        margin: 40px 0 0;
    }
    .archive_tabarea {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-bottom: 30px;
        overflow: hidden;
    }
    .archive_tabarea > p {
        width: 137px;
        text-align: center;
        font-weight: 600;
        position: relative;
        border: 1px solid;
        padding: 4px 0;
        border-radius: 6px 6px 0 0;
        border-bottom: none;
        margin: 0 10px 0 0;
        color: #fff;
        cursor: pointer;
    }
    .archive_tabarea > p::before {
        content: "";
        position: absolute;
        left: -1000px;
        bottom: 0;
        width: 999vw;
        height: 1px;
        z-index: -1;
    }
    .archive_tabarea > p.co_tab_menu1 {
        border-color: #9EC1C1;
        background: #9EC1C1;
    }
    .archive_tabarea > p.co_tab_menu2 {
        border-color: #EEAB67;
        background: #EEAB67;
    }
    .archive_tabarea > p.co_tab_menu3 {
        border-color: #A4C180;
        background: #A4C180;
    }
    .archive_tabarea > p.co_tab_menu4 {
        border-color: #FF9EAE;
        background: #FF9EAE;
    }
    .archive_tabarea > p.co_tab_active {
        background: #FFF;
    }
    .archive_tabarea > p.co_tab_menu1.co_tab_active {
        color: #9EC1C1;
    }
    .archive_tabarea > p.co_tab_menu2.co_tab_active {
        color: #EEAB67;
    }
    .archive_tabarea > p.co_tab_menu3.co_tab_active {
        color: #A4C180;
    }
    .archive_tabarea > p.co_tab_menu4.co_tab_active {
        color: #FF9EAE;
    }
    .archive_tabarea > p.co_tab_menu1.co_tab_active::before {
        background: #9EC1C1;
    }
    .archive_tabarea > p.co_tab_menu2.co_tab_active::before {
        background: #EEAB67;
    }
    .archive_tabarea > p.co_tab_menu3.co_tab_active::before {
        background: #A4C180;
    }
    .archive_tabarea > p.co_tab_menu4.co_tab_active::before {
        background: #FF9EAE;
    }
    .sortbtn_wrap {
        text-align: right;
        margin-bottom: 20px;
    }
    .sortbtn_switch {
        display: inline-block;
        font-weight: 600;
        color: #9EC1C1;
        font-size: 12.6px;
        cursor: pointer;
    }
    .sortbtn_arrow {
        display: inline-block;
        width: 10px;
        margin-left: 3px;
    }
    .sortbtn_switch::before {
        content: "新着順";
    }
    .sortbtn_switch.asc .sortbtn_arrow {
        transform: scale(1,-1);
    }
    .sortbtn_switch.asc::before {
        content: "古い順";
    }
    
    
    
    @media screen and (max-width: 767.9px) {
        .breadcrumb_wrap {
            width: auto;
        }
        .archive_wrap {
            width: auto;
        }
        .archive_tabarea {
            justify-content: space-between;
        }
        .archive_tabarea > p {
            width: 24%;
            margin: 0;
            font-size: 9px;
        }
        
        
        
    }