/* 親カテゴリを縦に並べる */
.category-grid {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.category-card {
	padding: 6px;
	transition: box-shadow 0.2s;
	width: 100%;
	box-sizing: border-box;
}

.category-card h3 {
	font-size: 1em;
	font-weight: bold;
	padding: 3px 0;
	margin: 0;
	position: relative;
	border-bottom: 1px solid #ddd;
	color: inherit;
}
/*
	.category-card h3::before {
		content: "";
		display: inline-block;
		width: 24px;
		height: 24px;
		margin-right: 8px;
		vertical-align: top;

		background-color: currentColor;

		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M7 40q-1.15 0-2.075-.925Q4 38.15 4 37V11q0-1.15.925-2.075Q5.85 8 7 8h14.05l3 3H41q1.15 0 2.075.925Q44 12.85 44 14H22.75l-3-3H7v26l5.1-20H47l-5.35 20.7q-.3 1.2-1.1 1.75T38.5 40Zm3.15-3h28.6l4.2-17h-28.6Zm0 0 4.2-17-4.2 17ZM7 14v-3 3Z'/%3E%3C/svg%3E");
		mask-size: contain;
		mask-repeat: no-repeat;
		mask-position: center;

		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M7 40q-1.15 0-2.075-.925Q4 38.15 4 37V11q0-1.15.925-2.075Q5.85 8 7 8h14.05l3 3H41q1.15 0 2.075.925Q44 12.85 44 14H22.75l-3-3H7v26l5.1-20H47l-5.35 20.7q-.3 1.2-1.1 1.75T38.5 40Zm3.15-3h28.6l4.2-17h-28.6Zm0 0 4.2-17-4.2 17ZM7 14v-3 3Z'/%3E%3C/svg%3E");
		-webkit-mask-size: contain;
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-position: center;
	}

*/

	/* 共通設定 */
	.category-card h3::before {
		content: "";
		display: inline-block;
		width: 24px;
		height: 24px;
		margin-right: 8px;
		vertical-align: top;
		background-color: currentColor;

		mask-size: contain;
		mask-repeat: no-repeat;
		mask-position: center;

		-webkit-mask-size: contain;
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-position: center;
	}

	/* 開いたフォルダ (.active) */
	.category-card.active h3::before {
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M8.5 8C6.03 8 4 10.03 4 12.5v23.91h.02c-.03 1.87 1.49 3.59 3.48 3.59H36.55c1.87 0 3.56-1.17 4.21-2.92l5.01-13.33c0-.01 0-.02.01-.03.86-2.25-.86-4.75-3.27-4.75H42v-1.5c0-2.47-2.03-4.5-4.5-4.5H24.04l-4.47-3.72c-.99-.82-2.24-1.28-3.52-1.28H8.5zm0 3h7.55c.59 0 1.15.21 1.6.58l4.89 4.07c.28.23.69.35 1.06.35H37.5c.85 0 1.5.65 1.5 1.5V19H13.45c-1.87 0-3.56 1.17-4.21 2.92L7 27.88V12.5c0-.85.65-1.5 1.5-1.5zM13.45 22H42.5c.4 0 .61.31.47.68l-5.01 13.35a1.52 1.52 0 01-1.41.97H7.5c-.4 0-.61-.31-.47-.67l5.01-13.35c.22-.59.77-.98 1.41-.98z' fill='black'/%3E%3C/svg%3E");
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M8.5 8C6.03 8 4 10.03 4 12.5v23.91h.02c-.03 1.87 1.49 3.59 3.48 3.59H36.55c1.87 0 3.56-1.17 4.21-2.92l5.01-13.33c0-.01 0-.02.01-.03.86-2.25-.86-4.75-3.27-4.75H42v-1.5c0-2.47-2.03-4.5-4.5-4.5H24.04l-4.47-3.72c-.99-.82-2.24-1.28-3.52-1.28H8.5zm0 3h7.55c.59 0 1.15.21 1.6.58l4.89 4.07c.28.23.69.35 1.06.35H37.5c.85 0 1.5.65 1.5 1.5V19H13.45c-1.87 0-3.56 1.17-4.21 2.92L7 27.88V12.5c0-.85.65-1.5 1.5-1.5zM13.45 22H42.5c.4 0 .61.31.47.68l-5.01 13.35a1.52 1.52 0 01-1.41.97H7.5c-.4 0-.61-.31-.47-.67l5.01-13.35c.22-.59.77-.98 1.41-.98z' fill='black'/%3E%3C/svg%3E");
	}

	/* 閉じたフォルダ (not .active) */
	.category-card:not(.active) h3::before {
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M8.5 8C6.03 8 4 10.03 4 12.5V35.5C4 37.97 6.03 40 8.5 40h31c2.47 0 4.5-2.03 4.5-4.5v-18c0-2.47-2.03-4.5-4.5-4.5H24.04l-4.47-3.72c-0.99-0.82-2.23-1.28-3.52-1.28H8.5zm0 3H16.05c0.59 0 1.15 0.21 1.6 0.58l3.5 2.92-3.5 2.92c-0.45 0.37-1.01 0.58-1.6 0.58H7v-5.5c0-0.85 0.65-1.5 1.5-1.5zM24.04 16H39.5c0.85 0 1.5 0.65 1.5 1.5v18c0 0.85-0.65 1.5-1.5 1.5h-31c-0.85 0-1.5-0.65-1.5-1.5V21h9.05c1.29 0 2.53-0.45 3.52-1.28L24.04 16z' fill='black'/%3E%3C/svg%3E");
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M8.5 8C6.03 8 4 10.03 4 12.5V35.5C4 37.97 6.03 40 8.5 40h31c2.47 0 4.5-2.03 4.5-4.5v-18c0-2.47-2.03-4.5-4.5-4.5H24.04l-4.47-3.72c-0.99-0.82-2.23-1.28-3.52-1.28H8.5zm0 3H16.05c0.59 0 1.15 0.21 1.6 0.58l3.5 2.92-3.5 2.92c-0.45 0.37-1.01 0.58-1.6 0.58H7v-5.5c0-0.85 0.65-1.5 1.5-1.5zM24.04 16H39.5c0.85 0 1.5 0.65 1.5 1.5v18c0 0.85-0.65 1.5-1.5 1.5h-31c-0.85 0-1.5-0.65-1.5-1.5V21h9.05c1.29 0 2.53-0.45 3.52-1.28L24.04 16z' fill='black'/%3E%3C/svg%3E");
	}

	.category-card h3 a {
		color: inherit;
	}
	.category-card h3 .toggle-button {
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
		cursor: pointer;
		font-weight: bold;
	}

	.category-card h3 .toggle-button::before {
		content: "＋";
		display: inline-block;
		transition: transform 0.3s ease;
		transform: rotate(0deg);
	}

	.category-card.active h3 .toggle-button::before {
		content: "－";
		transform: rotate(180deg);
	}

.subcategory-wrap {
	overflow: hidden;
	transition: max-height 0.3s ease;
}

.category-card p {
	margin: 6px 0 10px;
	font-size: 0.9em;
}

.subcategory-list {
	list-style: none;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 5px 30px;
	margin-top: 10px;
}
.subcategory-list li {
	margin: 0;
}
.subcategory-list a {
	color: #0073aa;
	text-decoration: none;
	font-size: 13px;
}
.subcategory-list a:hover {
	text-decoration: underline;
}