@charset 'utf-8';


/**
 * Common Var
 */
:root {
	--icon-cart: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTAgMjRDMCAxMC43IDEwLjcgMCAyNCAwTDY5LjUgMGMyMiAwIDQxLjUgMTIuOCA1MC42IDMybDQxMSAwYzI2LjMgMCA0NS41IDI1IDM4LjYgNTAuNGwtNDEgMTUyLjNjLTguNSAzMS40LTM3IDUzLjMtNjkuNSA1My4zbC0yODguNSAwIDUuNCAyOC41YzIuMiAxMS4zIDEyLjEgMTkuNSAyMy42IDE5LjVMNDg4IDMzNmMxMy4zIDAgMjQgMTAuNyAyNCAyNHMtMTAuNyAyNC0yNCAyNGwtMjg4LjMgMGMtMzQuNiAwLTY0LjMtMjQuNi03MC43LTU4LjVMNzcuNCA1NC41Yy0uNy0zLjgtNC02LjUtNy45LTYuNUwyNCA0OEMxMC43IDQ4IDAgMzcuMyAwIDI0ek0xMjggNDY0YTQ4IDQ4IDAgMSAxIDk2IDAgNDggNDggMCAxIDEgLTk2IDB6bTMzNi00OGE0OCA0OCAwIDEgMSAwIDk2IDQ4IDQ4IDAgMSAxIDAtOTZ6Ii8+PC9zdmc+');
	--icon-search: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTQxNiAyMDhjMCA0NS45LTE0LjkgODguMy00MCAxMjIuN0w1MDIuNiA0NTcuNGMxMi41IDEyLjUgMTIuNSAzMi44IDAgNDUuM3MtMzIuOCAxMi41LTQ1LjMgMEwzMzAuNyAzNzZjLTM0LjQgMjUuMi03Ni44IDQwLTEyMi43IDQwQzkzLjEgNDE2IDAgMzIyLjkgMCAyMDhTOTMuMSAwIDIwOCAwUzQxNiA5My4xIDQxNiAyMDh6TTIwOCAzNTJhMTQ0IDE0NCAwIDEgMCAwLTI4OCAxNDQgMTQ0IDAgMSAwIDAgMjg4eiIvPjwvc3ZnPg==');
	--icon-contact: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTQ4IDY0QzIxLjUgNjQgMCA4NS41IDAgMTEyYzAgMTUuMSA3LjEgMjkuMyAxOS4yIDM4LjRMMjM2LjggMzEzLjZjMTEuNCA4LjUgMjcgOC41IDM4LjQgMEw0OTIuOCAxNTAuNGMxMi4xLTkuMSAxOS4yLTIzLjMgMTkuMi0zOC40YzAtMjYuNS0yMS41LTQ4LTQ4LTQ4TDQ4IDY0ek0wIDE3NkwwIDM4NGMwIDM1LjMgMjguNyA2NCA2NCA2NGwzODQgMGMzNS4zIDAgNjQtMjguNyA2NC02NGwwLTIwOEwyOTQuNCAzMzkuMmMtMjIuOCAxNy4xLTU0IDE3LjEtNzYuOCAwTDAgMTc2eiIvPjwvc3ZnPg==');
	--icon-cursor-default: url('../img/common/cursor-default.png');
	--icon-cursor-more: url('../img/common/cursor-more.png');
	--color-main: var(--wp--preset--color--vk-color-primary, #896d48);
	--color-main-hover: var(--wp--preset--color--vk-color-primary-dark, #695a4a);
	--color-bg-gray: #f7f7f7;
	--color-border: #ddd;
	--color-border-header: var(--color-border);
	--color-border-footer: var(--color-border);
	--duration-time: 0.3s;
	--wide-block-max-width: 1600px;
}

@media (min-width: 1260px) {
	/**
	 * コンテンツの最大幅を広げる
	 * 1200px + padding 15px x2
	 */ 
	:root {
		--vk-width-container: 1260px !important;
	}
	.container {
		max-width: 1260px !important;
	}
}




/**
 * Block Style
 */
.alignwide {
	--_max-width: min(var(--wide-block-max-width), calc(100svw - var(--vk-width-base-padding-side) * 2));
	margin-inline: calc((100% - var(--_max-width)) / 2) !important;
	width: var(--_max-width) !important;
	max-width: var(--_max-width) !important;
}

.wp-block-button > span.wp-block-button__link {
	cursor: unset !important;
}
.wp-block-button.is-style-outline > span.wp-block-button__link:hover {
	filter: none !important;
	color: inherit !important;
	border-color: currentColor !important;
	background-color: inherit !important;
}
.wp-block-button.is-style-fill > span.wp-block-button__link:hover {
	filter: none !important;
}




/**
 * Site Common
 */
html,
body {
	cursor: var(--icon-cursor-default), auto;
	overflow-x: clip !important;
}
a,
button,
label {
	cursor: revert;
}

.site-body {
	--vk-color-text-link: #0097cc !important;
	margin-top: 0 !important;
}

.kids-kagu-margin-start-auto {
	margin-inline-start: auto !important;
}
.kids-kagu-margin-end-auto {
	margin-inline-end: auto !important;
}

.required[title] {
	font-size: 0 !important;
}
.required[title]::before {
	content: '(' attr(title) ')';
	margin-inline-start: 0.5em;
	font-size: 0.8rem;
}

/* 斜めコンテナ */
.kyojo-skew-container {
	overflow: clip;
	transform: skewX(-8deg);
}
.kyojo-skew-container > * {
	transform: skewX(8deg);
}
@media (max-width: 768px) {
	.kyojo-skew-container:not(.kyojo-skew-container--always-skew) {
		transform: none;
	}
	.kyojo-skew-container:not(.kyojo-skew-container--always-skew) > * {
		transform: none;
	}
}
@media (max-width: 480px) {
	.kyojo-skew-container:not(.kyojo-skew-container--always-skew) {
		padding: 3em !important;
	}
}
@media (max-width: 360px) {
	.kyojo-skew-container:not(.kyojo-skew-container--always-skew) {
		padding: 2em !important;
	}
}

/* 斜めの背景 */
.kyojo-bg-skew-left-blue {
	background: linear-gradient(98deg, #eaf1ff 20%, transparent 20%, transparent 25%, #f8faff 25%, #f8faff 45%, transparent 45%, transparent 55%, #fafcff 55%, #fafcff 85%, transparent 85%);
}
.kyojo-bg-skew-left-yellow {
	background: linear-gradient(98deg, #fff8e9 20%, transparent 20%, transparent 25%, #fffcf4 25%, #fffcf4 45%, transparent 45%, transparent 55%, #fdfcf7 55%, #fdfcf7 85%, transparent 85%);
}
.kyojo-bg-skew-right-blue {
	background: linear-gradient(-82deg, #eaf1ff 20%, transparent 20%, transparent 25%, #f8faff 25%, #f8faff 45%, transparent 45%, transparent 55%, #fafcff 55%, #fafcff 85%, transparent 85%);
}
.kyojo-bg-skew-right-yellow {
	background: linear-gradient(-82deg, #fff8e9 20%, transparent 20%, transparent 25%, #fffcf4 25%, #fffcf4 45%, transparent 45%, transparent 55%, #fdfcf7 55%, #fdfcf7 85%, transparent 85%);
}



/* ページTOPに戻るボタン */
.page_top_btn {
	right: 1em;
	bottom: 1em;
	width: 3rem !important;
	height: 3rem !important;
	background-color: var(--color-main) !important;
	box-shadow: 0.25em 0.25em 0.75em rgb(0 0 0 / 10%) !important;
	border-radius: 50%;
}



/**
 * Site Header
 */
.site-header {
	overflow-x: clip !important;
}
.header-cta {
	padding: 0.25em 0;
	text-align: center;
	background: var(--wp--preset--color--vk-color-custom-5);
}
.header-cta-wrapper {
	display: flex;
	gap: 10%;
	width: 100%;
	white-space: nowrap;
	animation: marquee-flow-left 32s linear infinite;
}
@keyframes marquee-flow-left {
	0% {
		transform: translateX(+100%);
	}
	100% {
		transform: translateX(-100%);
	}
}

.site-header-container {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 1em;
	padding: 1em 0 !important;
}
.site-header-container > * {
	flex: 0 1 auto !important;
	width: auto !important;
}

.site-header-logo {
	margin: 0 !important;
	padding: 0 !important;
}

.header-site-title-text {
	display: flex;
	flex-direction: column;
	margin-right: 4em;
	cursor: pointer;
}
.header-site-title-text .header-site-description {
	font-weight: 500;
	font-style: normal;
	color: var(--vk-color-text-header);
}
.header-site-title-text .header-site-title {
	font-size: 2.4em;
	font-style: normal;
	letter-spacing: 0.08em;
	font-weight: 900;
    color: var(--wp--preset--color--vk-color-custom-2);
	-webkit-text-stroke: 0.025em var(--wp--preset--color--vk-color-custom-4);
}

.vk-mobile-nav-menu-btn {
	top: calc(1.75em + 0.25em + (80px - 48px) / 2) !important;
	width: 48px !important;
	height: 48px !important;
	border: none !important;
	background: no-repeat center / cover url('../img/common/icon-menu.svg') !important;
}
.admin-bar .vk-mobile-nav-menu-btn {
	top: calc(1.75em + 0.25em + (80px - 48px) / 2 + 46px) !important;
}

@media (max-width: 991.98px) {
	.site-header-container {
		padding: 0.25em 0 !important;
	}
}



/**
 * Site Body
 */
.site-body {
	padding-top: 0 !important;
}




/**
 * Page Header
 */

.page-header {
	background: var(--color-bg-gray);
	border-bottom: 1px solid var(--color-border-header);
}
.page-header-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1em 3em;
	text-align: start;
}
.page-header-title {
	font-size: 2em !important;
	font-weight: 300 !important;
	text-align: start !important;;
}
.kids-kagu-page-header-excerpt {
	font-size: var(--wp--preset--font-size--small);
	font-weight: 300;
	line-height: 2em;
}

.breadcrumb {
	padding: 1em 0;
	border-bottom: 1px solid var(--color-border-header);
}
.breadcrumb .breadcrumb-list__item--home .fa-home {
	margin-inline-end: 0;
}
.breadcrumb .breadcrumb-list__item--home [itemprop='name'] {
	display: none;
}
.breadcrumb .breadcrumb-list li::after {
	content: '>';
}
.breadcrumb .breadcrumb-list li:last-child::after {
	content: none;
}




/**
 * 試合情報
 */
.kyojo__game-list__link {
	display: block;
}
.kyojo__game-list__container {
	display: flex;
	padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--60);
	width: 100%;
	height: 100%;
	background: var(--wp--preset--color--vk-color-primary);
}
.kyojo__game-list__container--finished {
	background: var(--wp--preset--color--cyan-bluish-gray);
}
.kyojo__game-list__article {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1em;
	margin: auto;
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
	min-width: 90%;
	height: 100%;
	color: var(--wp--preset--color--black);
	background: #fff;
}

.kyojo__game-list__game-type {
	font-weight: bold;
}
.kyojo__game-list__game-type ._undefined_game-type {
	font-weight: normal;
}

.kyojo__game-list__game-datetime {
	display: grid;
	grid-template-columns: auto auto;
	gap: 0 1em;
	font-family: var(--wp--preset--font-family--share-tech-mono);
	font-weight: bold;
}
.kyojo__game-list__game-datetime__year {
	grid-column: 1 / span 2;
	margin-bottom: 0.5em;
	font-size: 1.5em;
	text-align: center;
}
.kyojo__game-list__game-datetime__date {
	grid-column: 1 / span 1;
	grid-row: 2 / span 2;
	font-size: 3em;
	line-height: 1.25em;
}
.kyojo__game-list__game-datetime__day {
	grid-column: 2 / span 1;
	grid-row: 2 / span 1;
	font-size: 1em;
}
.kyojo__game-list__game-datetime__time {
	grid-column: 2 / span 1;
	grid-row: 3 / span 1;
	font-size: 1em;
}

.kyojo__game-list__game-location {
	align-self: stretch;
	padding: 0.5em 1em;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	border-top: 1px solid;
	border-bottom: 1px solid;
}


.kyojo__game-list__game-result__teams {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1em;
}
.kyojo__game-list__game-result__teams__own,
.kyojo__game-list__game-result__teams__opponent {
	font-size: 1.2em;
	font-weight: bold;
	word-break: auto-phrase;
}
.kyojo__game-list__game-result__teams__vs {
	font-size: 0.8em;
	font-family: var(--wp--preset--font-family--share-tech-mono);
	font-weight: bold;
	letter-spacing: 0.16em;
	text-indent: 0.16em;
	white-space: nowrap;
}

.kyojo__game-list__game-result__score {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.1em;
	font-size: var(--wp--preset--font-size--heading-medium);
	font-family: var(--wp--preset--font-family--share-tech-mono);
}
.kyojo__game-list__game-result__score__own,
.kyojo__game-list__game-result__score__opponent {
	font-weight: bold;
}
.kyojo__game-list__game-result__score__vs {
	font-size: 0.8em;
	font-family: var(--wp--preset--font-family--share-tech-mono);
	font-weight: bold;
	letter-spacing: 0.16em;
}

.kyojo__game-list .swiper-button-next,
.kyojo__game-list .swiper-button-prev {
	--_button-size: 4.5rem;
	--swiper-navigation-size: calc(var(--_button-size) / 2);
	--swiper-navigation-color: var(--wp--preset--color--kids-kagu-border);
	--swiper-navigation-sides-offset: calc((100vw - max(95%, var(--vk-width-container))) / 2 - var(--vk-width-base-padding-side) + var(--_button-size) / 2);
	display: flex;
	justify-content: center;
	align-items: center;
	width: var(--_button-size);
	height: var(--_button-size);
	background: #ffffff;
	border: 1px solid var(--wp--preset--color--kids-kagu-border);
	border-radius: 50%;
	box-shadow: 0.5rem 0.5rem 2rem rgb(0 0 0 / 15%);
}
.kyojo__game-list .swiper-button-next::after,
.kyojo__game-list .swiper-button-prev::after {
	transform: scale(0.75, 1);
	transition: transform var(--duration-time);
}
.kyojo__game-list .swiper-button-disabled {
	visibility: hidden;
}


@media (any-hover: hover) {
	.kyojo__game-list .swiper-button-next:hover::after,
	.kyojo__game-list .swiper-button-prev:hover::after {
		transform: scale(0.75, 1) scale(1.05);
	}
}




/**
 * 選手一覧
 */
.kyojo__member-list__link {
	display: block;
}
.kyojo__member-list__container {
	position: relative;
	display: flex;
	padding: 0 !important;
	width: 100%;
	height: 100%;
	background: var(--wp--preset--color--vk-color-custom-2);
	overflow: clip;
}
.kyojo__member-list__link + .kyojo__member-list__link .kyojo__member-list__container {
	border-left: 1px solid var(--wp--preset--color--vk-color-custom-3);
}
.kyojo__member-list__article {
	display: flex;
	flex-direction: column;
	gap: 1em;
	color: #fff;
}

.kyojo__member-list__name {
	position: absolute;
	bottom: 1em;
	left: 1em;
	z-index: 2;
	margin-left: -5%;
	text-shadow: 0 0 1em var(--wp--preset--color--vk-color-custom-2);
	word-break: auto-phrase;
}
.kyojo__member-list__name::before {
	content: attr(data-roman);
	display: block;
	margin-bottom: 0.25em;
	font-size: 1em;
	font-family: var(--wp--preset--font-family--share-tech-mono);
	font-weight: normal;
	text-transform: uppercase;
	word-break: break-word;
}
.kyojo__member-list__name span {
	display: block;
	font-size: 2em;
	font-family: var(--wp--preset--font-family--noto-serif-jp);
	font-weight: normal;
}

.kyojo__member-list__info {
	display: flex;
	align-items: center;
	gap: 2em;
}
.kyojo__member-list__uniform-number {
	float: left;
	margin-left: 7.5%;
	margin-right: 0;
	font-size: clamp(4.5em, 12.5vw, 6em);
	font-family: var(--wp--preset--font-family--share-tech-mono);
	font-weight: normal;
	font-style: normal;
	color: var(--wp--preset--color--vk-color-custom-4);
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 2px var(--wp--preset--color--vk-color-custom-4);
	letter-spacing: -0.08em;
	line-height: 0.8em;
	white-space: nowrap;
}
.kyojo__member-list__details {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0.5em;
}
.kyojo__member-list__position,
.kyojo__member-list__hands {
	word-break: auto-phrase;
}

.kyojo__member-list__figure {
	clear: both;
	margin: auto -10% 0 4em;
}
.kyojo__member-list__figure__image {
	display: block;
	width: max-content;
	height: auto;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	object-position: top center;
}

.kyojo__member-list .swiper-button-next,
.kyojo__member-list .swiper-button-prev {
	--_button-size: 4.5rem;
	--swiper-navigation-size: calc(var(--_button-size) / 2);
	--swiper-navigation-color: var(--wp--preset--color--kids-kagu-border);
	--swiper-navigation-sides-offset: calc((100vw - max(95%, var(--vk-width-container))) / 2 - var(--vk-width-base-padding-side) + var(--_button-size) / 2);
	display: flex;
	justify-content: center;
	align-items: center;
	width: var(--_button-size);
	height: var(--_button-size);
	background: #ffffff;
	border: 1px solid var(--wp--preset--color--kids-kagu-border);
	border-radius: 50%;
	box-shadow: 0.5rem 0.5rem 2rem rgb(0 0 0 / 15%);
}
.kyojo__member-list .swiper-button-next::after,
.kyojo__member-list .swiper-button-prev::after {
	transform: scale(0.75, 1);
	transition: transform var(--duration-time);
}
.kyojo__member-list .swiper-button-disabled {
	visibility: hidden;
}


@media (any-hover: hover) {
	.kyojo__member-list .swiper-button-next:hover::after,
	.kyojo__member-list .swiper-button-prev:hover::after {
		transform: scale(0.75, 1) scale(1.05);
	}
}





/**
 * Editor Styles
 */

/* 試合の点数 */
/* エディタだと表示領域が狭いため */
@media (max-width: 2400px) {
	.editor-styles-wrapper .kyojo-game-result-wrapper {
		grid-template-columns: 1fr 1fr;
	}
	.editor-styles-wrapper .kyojo-game-result-wrapper > :nth-child(1) {
		grid-column: 1 / span 1;
		grid-row: 1 / span 1;
	}
	.editor-styles-wrapper .kyojo-game-result-wrapper > :nth-child(2) {
		grid-column: 1 / span 2;
		grid-row: 2 / span 1;
	}
	.editor-styles-wrapper .kyojo-game-result-wrapper > :nth-child(3) {
		grid-column: 2 / span 1;
		grid-row: 1 / span 1;
	}
}