/* ============================================================================================
	BLOG LIST COLUMN / TEMPLATE PART
	（blog-home / blog-archive / blog-search-results 共通）
============================================================================================ */
:root {
	--hhobar-sidemenu-width: 300px
}

/* template-part ラッパーをレイアウト上透明化 */
.wp-block-template-part:has(> .hhobar-blog-list-column-inner.adjust-target) {
	display: contents
}

.hhobar-blog-list-column-inner {
	flex-flow: column
}
.hhobar-blog-list-column-inner .hhobar-main,
.hhobar-blog-list-column-inner .hhobar-sidemenu {
	width: 100%
}

@media screen and (max-width: 919px) {
	.hhobar-blog-list-column-inner {
		gap: 0
	}
}
@media screen and (min-width: 920px) {
	.hhobar-blog-list-column-inner {
		flex-flow: row nowrap
	}
	.hhobar-blog-list-column-inner .hhobar-main {
		flex: 1;
		min-width: 0
	}
	.hhobar-blog-list-column-inner .hhobar-sidemenu {
		width: var(--hhobar-sidemenu-width)
	}
}