/*
Theme Name: th-haccp
Author: _th-haccp
Description: _th-haccp
Template: arkhe
Version: 1.0.0
*/

.u-flex--jce{
	display: flex;
	justify-content: flex-end;
}
.-jcc{
	justify-content: center;
}

.l-content__body {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 3em 2em;
}
.l-main,.l-sidebar{
	flex-grow:1;
	flex-basis:100%;
}
.l-main{
	order:1;
}
.l-sidebar{
	order:0;
}
.l-sidebar .cat-list{
	display:flex;
	flex-wrap: wrap;
	gap: 0.5em 1em;
	background-color: #f7f7f7;
	padding: 1.5em 1em;
}
.wp-block-search .wp-block-search__button{
	background-color:var(--color-blue);
	color:#fff;
	padding: 0.5em 2em;
	flex-shrink:0;
}
.l-sidebar .cat-list li{border:none;}
.l-sidebar .cat-list a{color:var(--color-blue); display: flex; align-items: center; gap:0.5em;}
.l-sidebar .cat-list a::after{
	content:"";
	display:inline-block;
	width: 0.5em;
	height: 0.5em;
	border-top:1px var(--color-blue) solid;
	border-right:1px var(--color-blue) solid;
	transform: rotate(45deg);
	flex-shrink: 0;
}