@charset "UTF-8";
/* ===========================================
サイドバー ウィジェット
=========================================== */

/* ウィジェット共通スタイル */
.widget_categories,
.widget_tag_cloud {
	background: var(--color-extra_light_gray);
	border-radius: 8px;
	padding: 24px;
}

.widget_categories .widget_title,
.widget_tag_cloud .widget_title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 16px;
	padding-bottom: 0;
	border-bottom: none;
}

.c-widget__title.-side::before,
.c-widget__title.-side::after {
	display: transparent;
}

.c-widget__title.-side {
	border-left: transparent;
}

/* ===========================================
カテゴリーウィジェット
=========================================== */
.widget_categories ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.widget_categories ul li {
	border-bottom: none;
}

.widget_categories > ul > .cat-item > a::before,
.wp-block-categories-list > li > a::before {
	display: none;
}

.widget_categories ul li a {
	color: #333;
	text-decoration: none;
	position: relative;
	padding-left: 1em !important;
}

.widget_categories ul li a:hover {
	color: var(--color-primary);
	text-decoration: underline;
	background-color: transparent;
	transition: color 0.2s ease;
}

.widget_categories ul li a:hover .cat-post-count {
    color: var(--color-primary);
}

.widget_categories .c-listMenu a,
.widget_categories ul li a {
	border-bottom: transparent;
}

/* ===========================================
タグクラウドウィジェット
=========================================== */
.widget_tag_cloud .tagcloud,
.wp-block-tag-cloud {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.widget_tag_cloud .tagcloud a,
.tag-cloud-link {
	background: #fff;
	border: 1px solid #00b4d8;
	border-radius: 20px;
	color: #00b4d8 !important;
	padding: 6px 14px;
	font-size: 13px;
	text-decoration: none;
	transition: all 0.2s ease;
}

.widget_tag_cloud .tagcloud a:hover,
.tag-cloud-link:hover {
	background: var(--color-primary);
	color: #fff !important;
	box-shadow: none;
}
