@charset 'utf-8';



/**
 * Archive Header
 */
.kyojo-archive-member-position {
	margin-bottom: 6em !important;
}
.kyojo-archive-member-position-title {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--wp--preset--spacing--20) 0.5em;
	margin-top: 4rem;
	margin-bottom: var(--wp--preset--spacing--40);
	font-size: 1.5em;
	font-family: var(--wp--preset--font-family--noto-serif-jp);
	font-weight: bold;
	color: var(--wp--preset--color--vk-color-custom-2);
}
.kyojo-archive-member-position-title::after {
	content: attr(data-roman);
	font-size: var(--wp--preset--font-size--heading-small);
	font-family: var(--wp--preset--font-family--share-tech-mono);
	font-style: normal;
	font-weight: 700;
	color: var(--wp--preset--color--vk-color-custom-2);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: 1.5em;
}

.kyojo-archive-member-position-list {
	list-style-type: none;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 0.25em;
	margin: 1em auto 4em;
	padding: 0 !important;
	width: fit-content;
	max-width: 100%;
}
.kyojo-archive-member-positions-item {
	margin: 0 !important;
	padding: 0 !important;
}
.kyojo-archive-member-positions-link {
	display: block;
	width: 100%;
	height: 100%;
	padding: 1em 2em;
	background: #d5dce1;
	transition: color var(--duration-time), background var(--duration-time);
}
.kyojo-archive-member-positions-link:hover {
	background: var(--wp--preset--color--vk-color-custom-3);
}
.kyojo-archive-member-positions-link span {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.25em;
	font-size: var(--wp--preset--font-size--medium);
	color: var(--wp--preset--color--black);
}
.kyojo-archive-member-positions-link span[data-roman]:not([data-roman=''])::after {
	content: attr(data-roman);
	font-size: var(--wp--preset--font-size--large);
	font-family: var(--wp--preset--font-family--share-tech-mono);
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: 1.5em;
}

@media (max-width: 640px) {
	.kyojo-archive-member-position-list {
		grid-template-columns: 1fr 1fr;
		width: 100%;
	}
}




/**
 * Archive Member
 */
.kyojo-archive-member-list {
	margin-bottom: 8em !important;
}
.kyojo-archive-member-list-title {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--30) 0.5em;
	margin-bottom: var(--wp--preset--spacing--40);
	font-size: var(--wp--preset--font-size--large);
	font-family: var(--wp--preset--font-family--noto-serif-jp);
	font-weight: bold;
	color: var(--wp--preset--color--vk-color-custom-2);
}
.kyojo-archive-member-list-title::after {
	content: attr(data-roman);
	font-size: var(--wp--preset--font-size--heading-small);
	font-family: var(--wp--preset--font-family--share-tech-mono);
	font-style: normal;
	font-weight: 700;
	color: var(--wp--preset--color--vk-color-custom-2);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: 1.5em;
}

.kyojo-archive-member-list-wrapper {
	list-style: none;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 0.5em;
	margin: 0 auto;
	padding: 0 !important;
	max-width: calc(var(--vk-width-container) - var(--vk-width-container-padding) * 2);
}
.kyojo-archive-member-list-item {
	margin-bottom: 3em !important;
}

@media (max-width: 781px) {
	.kyojo-archive-member-list-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
	.kyojo-archive-member-list-wrapper .kyojo__member-list__name span {
		font-size: max(1.25em, 4.1vw);
	}
}