.blogimgarea{
height:216px;
}
.blogimgarea img{
height:216px;
object-fit: cover;
}
.blogdate{
font-size:12px;
}
.blogtitle{
color: #0071be;
}
.blogarea{
align-items: center;border: 1px solid #0071be;border-radius: 13px;color: #0071be;display: flex;font-size: 13px;font-weight: normal;justify-content: center;margin: 10px 5px 10px;padding: 4px 0px;width: auto;
}
.blogtag{
color: #0071be;font-size: 12px;text-align:left;
}
.blogtag li{
padding-bottom:5px;
}
@media screen and (max-width: 767px) {
.blogimgarea{
height:131px;
}
.blogimgarea img{
height:100%;
object-fit: cover;
}
}



/* 月別アーカイブ */
.monthly-archive { margin-top: 40px; padding-top: 20px;text-align: center;   }
.archive-year-row {
    display: inline-flex;
    text-align: left;
    align-items: baseline;
    margin-bottom: 0.5rem;
    gap: 1rem;
    min-width: 350px; 
}
.archive-year { font-weight: bold; white-space: nowrap; }
.archive-months { display: flex; flex-wrap: wrap; gap: 0.3rem; }
.archive-months a { padding: 4px 8px; border-radius: 5px; background-color: #eaf6ff; }
.archive-months a:hover { background-color: #0071be; color: white; }
.archive-months a.current-month { background-color: #f15232; color: white;border-color: #f15232; }
.category-list a.clear-filter-link{
	display:inline;
}



/* 年月リスト全体を囲むテーブル役のdiv */
.archive-table {
    display: inline-block;
    text-align: left;
}

.archive-year-row {
    display: flex;
    align-items: baseline;
    margin-bottom: 0.5rem;
    gap: 1rem;
}


.pagination {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    
    align-items: center;
    /*justify-content: flex-start;/
    /*justify-content: center;*/
    justify-content: space-evenly;
    margin: 30px 0;
    padding-bottom: 12px;
}

@media (pointer: coarse) {
    .pagination {
        -ms-overflow-style: none;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .pagination::-webkit-scrollbar {
        display: none;
    }
}

@media (pointer: fine) {
    .pagination::-webkit-scrollbar {
        height: 8px;
    }
    .pagination::-webkit-scrollbar-track {
        background-color: #f0f0f0;
        border-radius: 4px;
    }
    .pagination::-webkit-scrollbar-thumb {
        background-color: #ccc;
        border-radius: 4px;
    }
    .pagination::-webkit-scrollbar-thumb:hover {
        background-color: #999;
    }
}

.pagination a,
.pagination span {
    flex-shrink: 0;
    white-space: nowrap;
    padding: 8px 15px;
    margin: 0 4px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-decoration: none;
}
.pagination a { color: #3498db; border-color: #3498db; }
.pagination a:hover { background-color: #3498db; color: white; }
.pagination .current-page { background-color: #3498db; color: white; border-color: #3498db; font-weight: bold; }
.pagination .disabled { color: #ccc; background-color: #f0f0f0; }
.pagination .ellipsis { border: none; padding: 8px 0; }

.category-list {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
    text-align: center;
}
.category-list h2 {
    margin-bottom: 20px;
}
.category-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}
.category-list a {
    display: block;
    padding: 8px 16px;
    background-color: #fff;
    color: #0071be;
    border-radius: 20px;
    transition: background-color 0.2s, color 0.2s;
    border:1px solid #0071be;
    font-size:90%;
}
.category-list a:hover {
    background-color: #0071be;
    color:#fff;
}
.category-list a.current-category {
    background-color: #f15232;
    border-color:#f15232;
    color: white;
    font-weight: bold;
}