/* タイトル */
#category > h2 {
    padding:70px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#category > h2 .image01 {
    width:350px;
    margin-right:30px;
}

#category > h2 .image02 {
    width:140px;
    margin-right:50px;
}

#category > h2 .image03 {
    width:183px;
}

@media(max-width:960px) {
    #category > h2 {
        display: block;
    }
    #category > h2 .image01 {
        max-width:350px;
        width:calc(100% - 20px);
        display: block;
        margin:0 auto 20px;
    }
    #category > h2 .image02 {
        width:140px;
        display: block;
        margin:0 auto 20px;
    }
    #category > h2 .image03 {
        width:183px;
        display: block;
        margin:0 auto 20px;
    }
}

@media (max-width:640px) {
    #category > h2 .image03 {
        display: none;
    }
}

/* 一覧表示部分 */
#category ul li.post-list {
    margin-bottom:15px;
    padding:0 30px 15px 30px;
    border-bottom:1px dotted #91C542;
    display: flex;
    gap:20px;
    align-items: stretch;
    justify-content: stretch;
}
#category ul li.post-list .post-date {
    width:110px;
}
#category ul li.post-list .post-title {
    width:calc(100% - 130px);
}
@media (max-width:640px) {
    #category ul li.post-list {
        padding:0 10px 15px 10px;
    }
}
@media (max-width:480px) {

    #category ul li.post-list {
        display: block;
    }
    #category ul li.post-list .post-date {
        width:110px;
    }
    #category ul li.post-list .post-title {
        width:100%;
    }


}

#category .category-inner {
    width:calc(100% - 280px);
    float:left;

}

/* 左側（年月表示） */
#category .category-archive {
    background-color:#F1F1F1;
    width:220px;
    float:right;
    padding:30px;
    min-height:700px;
    border-radius: 10px;
}
#category .category-archive h2 {
    color:#2A96BD;
    text-align: center;
    font-size:1.3em;
    padding-bottom:15px;
    margin-bottom:15px;
    border-bottom:2px solid #2A96BD;
}

#category .category-archive ul li::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content:"\f0da";
    margin-right:10px;
    color:#2A96BD;
}

#category .category-archive select {
    appearance: auto;
    width:100%;
    background-color:#fff;
    border:1px solid #2A96BD;
}

@media (max-width:768px) {
    #category .category-inner {
        float:none;
        width:100%;
        max-width:calc(100% - 40px);
        margin:0 auto;
    }

    #category .category-archive {
        float:none;
        width:100%;
        max-width:400px;
        height:auto;
        min-height:0;
        margin:0 auto 30px;
    }

}


/* ページネーション */
#category .pagination {
    margin:50px 0 80px;
}
#category .pagination .wp-pagenavi {
    line-height:1;
    margin:0;
    padding:0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap:8px;
}

#category .pagination a,
#category .pagination span {
    border:none;
    margin:0;
    padding:0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:7px 8px 8px;
}

#category .pagination a.previouspostslink,
#category .pagination a.nextpostslink {
    border:1px solid#2a96bd;
    background-color:#2a96bd;
    color:#fff;
    text-decoration: none;
    transition: all 0.3s;
    padding:7px 24px 8px;
}

#category .pagination a.previouspostslink:hover,
#category .pagination a.nextpostslink:hover {
    border:1px solid#2a96bd;
    text-decoration: none;
    background-color:#fff;
    color:#2a96bd;
}

#category .pagination a.larger,
#category .pagination a.smaller {
    border:1px solid #2a96bd;
    text-decoration: none;
    transition: all 0.3s;
}

#category .pagination a.larger:hover,
#category .pagination a.smaller:hover {
    background-color:#fff;
    color:#2a96bd;
    border:1px solid #2a96bd;
    text-decoration: none;
}

#category .pagination .current {
    border:1px solid#679DE1;
    color:#2a96bd;
}