:root {
    --main-color: #46b035; /* サイトのメインカラーを指定 */
    --main-color-light: #c9e8ca;
    --main-color-dark: #46b035;
}

nav.uk-navbar {
    border-top: 2px solid var(--main-color);
}

.logo {
    /*
    width: 200px; !* ロゴ表示領域の幅。調整してください *!
    */
    height: 100px; /* ロゴ表示領域の高さを調整してください */
    overflow: hidden; /*はみ出た部分を隠す*/
}
.logo img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 画像をコンテナ全体に拡大 */
}
.category-item {
    height: 2rem;
}

.article_tag {
    background-color: #fff;
}
.article_tag span {
    color: var(--main-color-dark);
}
.uk-offcanvas-content{
    padding-top: 2rem; /* ナビゲーションの高さを考慮した調整 */
}