:root {
    /*
    --main-color: #FB8785; !* サイトのメインカラーを指定 *!
    --main-color-light: #ffd4d3;
    --main-color-dark: #fc6c6a;
    */
}

/*
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; /* ナビゲーションの高さを考慮した調整 */
}
