:root {
    --main-color: #FF2DC6; /* サイトのメインカラーを指定 */
    --main-color-light: #FF6DD7;
    --main-color-dark: #C81898;
    --header-color: #333; /* ヘッダーの背景色 */
}

nav.uk-navbar {
    border-top: 2px solid var(--main-color);
}
.uk-navbar-container:not(.uk-navbar-transparent){
    background-color: var(--header-color);
}
div.gsc-control-cse {
    background-color: var(--header-color);
    border: none;
}

.logo {
    height: 100px; /* ロゴ表示領域の高さを調整してください */
    overflow: hidden; /*はみ出た部分を隠す*/
}
.logo img {
    width: 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; /* ナビゲーションの高さを考慮した調整 */
}