@charset "UTF-8";
/* =====================================================================
Column CSS
=====================================================================*/
/* Column List Page
-------------------------------------- */

/* column list ----------------- */
.column{
padding: 30px 0;
}

/* post-list ----------------- */
.post-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 30px 5%;
}
.post-item{
    width: 30%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    font-size: 1.4rem;
}
.post-thumbnail img{
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.post-title {
    margin: 1em 15px;
    line-height: 1.5;
    font-size: 1.8rem;
    font-weight: bold;
}
@media screen and (max-width: 767px){
    .post-item{
        width: 100%;
    }
    .post-thumbnail img{
        aspect-ratio: 16 / 6;
    }
}
/* Post情報 */
.post-info{
    display: flex;
    justify-content: space-between;
    margin: 10px 15px;
    font-size: 14px;
}
.post-info.post-info-article{
    margin: 0 0 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #ddd;
}
.post-info .post-categories{
    display: inline-block;
    background: #61A6D1;
    color: #fff;
    padding: 0 10px;
    border-radius: 10px;
}
@media (max-width:1000px){
    .post-info{
        flex-direction: column;
    }
}

/* ページング */
.pagination{
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 50px 0;
    padding: 20px 5px;
}
.pagination a,
.pagination span{
    padding: 0 15px;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}
.pagination a:hover{
    color:#52b5ee;
}
.pagination span{
    color: #999;
    background: #fafafa;
}
@media screen and (max-width: 767px){
    .pagination{
        gap: 5px;
        margin: 20px 0;
    }
    .pagination a,
    .pagination span{
        padding: 0 10px;
    }

}

/* Column Article Page
-------------------------------------- */

.article_wrap{
    padding: 50px 0;
    background: #f0f5f5;
}
article.clm_arti{
    box-sizing: border-box;
    width: 100%;
    max-width: 1100px;
    margin: auto;
    padding: 50px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 3px 5px 5px rgba(0,0,0,0.2);
}
@media screen and (max-width: 767px){
    .article_wrap{
        padding: 20px 0;
    }
    article.clm_arti{
        padding: 0 20px 20px;
    }
    .article_wrap .post-info.post-info-article{
        padding-bottom: 0px;
    }
}

.tax-columns.term-7 .category-tab li:nth-of-type(2) a{
    background: #6994CC;
}
.tax-columns.term-7 .category-tab li:nth-of-type(1) a{
    background: #aaa;
}

.tax-columns.term-8 .category-tab li:nth-of-type(3) a{
    background: #6994CC;
}
.tax-columns.term-8 .category-tab li:nth-of-type(1) a{
    background: #aaa;
}

.tax-columns.term-9 .category-tab li:nth-of-type(4) a{
    background: #6994CC;
}
.tax-columns.term-9 .category-tab li:nth-of-type(1) a{
    background: #aaa;
}


/* Column for Area Page
-------------------------------------- */
.areacolumn h4 {
    border-left: solid 7px #6495ed;
    padding-left: 10px;
}

.img-width-80 {
    width: 80%;
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}

.areacolumn .wp-block-list {
    font-size: 16px;
}

.areacolumn .wp-block-table {
    font-size: 16px;
}

.areacolumn .wp-block-table table {
    width: 90%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.areacolumn .two-column-table table {
    table-layout: fixed;
}

.areacolumn .two-column-table table th:nth-child(1),
.areacolumn .two-column-table table td:nth-child(1) {
    width: 30%;
}

.areacolumn .two-column-table table th:nth-child(2),
.areacolumn .two-column-table table td:nth-child(2) {
    width: 70%;
}

.areacolumn .wp-block-table > table > thead > tr > th {
    background-color: #6495ed;
}

.areacolumn .wp-block-table table tbody tr:nth-child(even) {
    background-color: #f2f2f2;
}