@charset "shift_jis";

:root .c5-archive__button {
	z-index: 1;
	position: relative;
}
:root .c5-archive__menu {
	top: 0;
	height: 100dvh;
	padding-top: var(--headerHeight);
}

/**
 * コンテンツ
 * -------------------------------------------------- */
.c5-container {
	--smoketoggleSize: max(var(--cw) * 40 / var(--aspect), 40px);
	--songplaySize: max(var(--cw) * 100 / var(--aspect), 100px);
	--pagetopSize: max(var(--cw) * 30 / var(--aspect), 30px);
	
	--bgColor: black;
	--textColor: white;
	
	height: 100dvh;
	position: relative;
	overflow: hidden auto;
	scroll-snap-type: y mandatory;
	scrollbar-width: none;
	color: var(--textColor);
	background: var(--bgColor);
}
@media (min-width: 768px) {
	.c5-container {
		--smoketoggleSize: max(var(--cw) * 48 / var(--aspect), 48px);
	}
}
@media (min-aspect-ratio: 16/9) {
	.c5-container {
		--smoketoggleSize: min(var(--cw) * 40 / var(--aspect), 40px);
		--songplaySize: min(var(--cw) * 80 / var(--aspect), 80px);
	}
}
html:not(.is-touch) .c5-container::-webkit-scrollbar {
	display: none;
}
.c5-chapter {
	position: relative;
	scroll-snap-align: start;
	display: grid;
	width: 100%;
	min-height: 100dvh;
}
.c5-chapter.is-over {
	/* MEMO: 下からスクロールされる時は下辺にスナップ */
	scroll-snap-align: end;
}
.c5-chapter__inner {
	padding-block: calc(var(--sectionSpace) * 2);
}
@media (max-width: 767.98px) {
	.c5-chapter__inner {
		padding-top: calc(var(--headerHeight) + var(--sectionSpace));
		padding-inline: var(--sidegap);
	}
	section:not(.c5-chapter)[id] {
		scroll-margin-top: var(--headerHeight);
	}
}

/* Motion */
:where(.c5-chapter.is-standby .c5-chapter__inner) > * {
	opacity: 0;
	scale: 1.1;
	filter: blur(8px);
}
:where(.c5-chapter.is-standby) .c5-photogallery--bg:not(.is-appear) {
	opacity: 0;
}
:where(.c5-chapter .c5-chapter__inner) > .is-appear {
	transition: opacity .8s, scale .8s var(--easeOut), filter .8s var(--easeOut);
}
:where(.c5-chapter .c5-chapter__inner) > .is-appear:nth-child(2) { transition-delay: .1s; }
:where(.c5-chapter .c5-chapter__inner) > .is-appear:nth-child(3) { transition-delay: .2s; }
:where(.c5-chapter .c5-chapter__inner) > .is-appear:nth-child(4) { transition-delay: .3s; }
:where(.c5-chapter .c5-chapter__inner) > .is-appear:nth-child(5) { transition-delay: .4s; }
:where(.c5-chapter .c5-chapter__inner) > .is-appear:nth-child(6) { transition-delay: .5s; }
:where(.c5-chapter-photogallery .c5-chapter__inner) .c5-photogallery--bg.is-appear {
	transition-delay: .6s;
}


/**
 * 背景KV
 * -------------------------------------------------- */
.c5-kv {
	position: relative;
}
.c5-kv__main {
	display: grid;
	justify-items: center;
	min-height: 100dvh;
	margin-right: auto;
	padding-inline: var(--sidegap);
}
.c5-kv__main svg {
	width: 100%;
}
.c5-kv__bg,
.c5-kv__bg img {
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.c5-kv__bg#smoke {
	pointer-events: none;
	-webkit-mask-image: radial-gradient(circle at 50% 50%, #0000 0%, #0000 24%, black 56%, black 100%);
	mask-image: radial-gradient(circle at 50% 50%, #0000 0%, #0000 24%, black 56%, black 100%);
}
.c5-kv__bg#smoke.is-hidden {
	opacity: 0;
}
.c5-kv__bg#smoke.is-motion {
	transition: opacity .5s;
}
.c5-kv__bg#smoke.is-motion.is-hidden {
	transition-duration: .2s;
}
@media (min-width: 768px) {
	.c5-kv__bg#smoke {
		-webkit-mask-image: radial-gradient(circle at 36% 45%, #0000 0%, #0000 24%, black 56%, black 100%);
		mask-image: radial-gradient(circle at 36% 45%, #0000 0%, #0000 24%, black 56%, black 100%);
	}
}
.c5-kv__title {
	grid-area: 1 / 1;
	z-index: 1;
	width: calc(var(--cw) * var(--w) / var(--aspect));
}
.c5-kv__title svg {
	fill: var(--themecolor);
}
.c5-kv__copy {
	position: absolute;
	top: calc(var(--headerHeight) + var(--sidegap));
	left: calc(var(--sidegap) * 1.5);
	width: calc(var(--cw) * var(--w) / var(--aspect));
}
.c5-kv__anchor {
	grid-area: 2 / 1;
	font-weight: 700;
	--fontMin: 18;
	--fontMax: 39;
	font-size: var(--fontLiquid);
	line-height: 1;
}
.c5-kv__anchor.-meetup {
	--fontMin: 16;
	--fontMax: 32;
}
.c5-kv__anchor a {
	grid-column: span 2;
	pointer-events: auto;
	overscroll-behavior: auto;
	display: flex;
	align-items: center;
	gap: .5em;
}
.c5-kv__anchor svg {
	position: relative;
	top: -.05em;
	width: 1.2em;
}
.c5-scrolldown svg {
	overflow: visible;
	fill: none;
	stroke: currentcolor;
	width: calc(var(--cw) * 16 / var(--aspect));
}
.c5-js-smokeswitch {
	pointer-events: auto;
	display: grid;
	position: fixed;
	aspect-ratio: 1 / 1;
	width: var(--smoketoggleSize);
	height: auto;
	border-radius: var(--smoketoggleSize);
}
.c5-js-smokeswitch svg {
	grid-area: 1 / 1;
	width: 100%;
	height: auto;
}
.c5-js-smokeswitch svg[aria-hidden="true"] {
	visibility: hidden;
}
.c5-js-smokeswitch.is-effect {
	pointer-events: none;
	animation: offEffect .8s both;
}
.c5-js-smokeswitch.is-effect.is-active {
	animation: onEffect .5s both;
}
@media (hover) {
	.c5-js-smokeswitch svg {
		transition: scale .4s var(--easeOut);
	}
	.c5-js-smokeswitch:hover svg {
		scale: .9;
	}
}
@media (max-width: 767.98px) {
	.c5-container {
		--anchorHeight: calc(var(--cw) * 48 / var(--aspect));
	}
	.c5-kv {
		scroll-snap-align: start;
	}
	.c5-kv__bg {
		pointer-events: none;
	}
	.c5-kv__main {
		grid-template-rows: 1fr auto;
		padding-top: calc(var(--headerHeight) + var(--sidegap));
		padding-bottom: calc(var(--anchorHeight) + var(--sidegap));
	}
	.c5-kv.-bottom {
		pointer-events: none;
	}
	.c5-kv.-bottom .c5-kv__main {
		padding-bottom: var(--sidegap);
	}
	.c5-kv__title {
		--w: 280;
		align-self: center;
	}
	.c5-kv__copy {
		--w: 28;
		left: calc(var(--sidegap) * .75);
		filter: drop-shadow(0 0 4px #0008);
	}
	.c5-kv .c5-scrolldown {
		pointer-events: auto;
		z-index: 1;
	}
	.c5-kv__anchor {
		z-index: 4;
		position: fixed;
		inset: auto 0 0;
		transition: transform .4s var(--easeOut);
	}
	.c5-kv__anchor a {
		justify-content: center;
		height: var(--anchorHeight);
		background: var(--themecolor);
	}
	.c5-kv__anchor.-meetup,
	.c5-kv__anchor.-live[data-on="comingsoon"],
	.c5-kv__anchor.-live[data-on="guest"],
	.c5-kv__anchor.-live[data-on="special"],
	.c5-kv__anchor.-live[data-on="entry"],
	.c5-kv__anchor.-live[data-on="meetup"],
	.c5-kv__anchor.-live[data-on="guidelines"] {
		pointer-events: none;
		transform: translateY(100%);
	}
	.c5-kv__anchor.-meetup[data-on="comingsoon"],
	.c5-kv__anchor.-meetup[data-on="entry"] {
		pointer-events: auto;
		transform: translateY(0);
	}
	.c5-js-smokeswitch {
		top: calc(var(--headerHeight) + var(--sidegap) / 2);
		right: calc(var(--sidegap) / 2);
	}
	.c5-js-smokeswitch.is-hidden {
		opacity: 0;
	}
	.c5-js-smokeswitch.is-motion {
		transition: opacity .2s;
	}
}
@media (min-width: 768px) {
	.c5-kv {
		z-index: 0;
		pointer-events: none;
	}
	.c5-kv__main {
		place-content: center;
		gap: calc(var(--sidegap) / 1.5);
		width: calc(var(--cw) / 1.5);
		position: fixed;
	}
	.c5-kv__bg {
		z-index: -1;
	}
	.c5-kv__bg img {
		object-position: 36% 50%;
	}
	.c5-kv__title {
		--w: 740;
	}
	.c5-kv__copy {
		--w: 56;
		position: fixed;
	}
	.c5-kv.-bottom,
	.c5-kv .c5-scrolldown {
		display: none;
	}
	.c5-kv__anchor {
		transition: opacity .4s var(--easeOut), transform .4s var(--easeOut);
	}
	.c5-kv__anchor.-meetup[data-on="overview"],
	.c5-kv__anchor.-meetup[data-on="information"],
	.c5-kv__anchor.-live[data-on="comingsoon"],
	.c5-kv__anchor.-live[data-on="guest"],
	.c5-kv__anchor.-live[data-on="special"],
	.c5-kv__anchor.-live[data-on="entry"],
	.c5-kv__anchor.-live[data-on="meetup"] {
		opacity: 0;
		transform: translateY(1em);
	}
	.c5-kv__anchor.-meetup[data-on="overview"] a,
	.c5-kv__anchor.-meetup[data-on="information"] a,
	.c5-kv__anchor.-live[data-on="comingsoon"] a,
	.c5-kv__anchor.-live[data-on="guest"] a,
	.c5-kv__anchor.-live[data-on="special"] a,
	.c5-kv__anchor.-live[data-on="entry"] a,
	.c5-kv__anchor.-live[data-on="meetup"] a {
		pointer-events: none !important;
	}
	.c5-kv__anchor a {
		justify-content: center;
		filter: drop-shadow(0 0 4px #0008);
	}
	.c5-js-smokeswitch {
		bottom: var(--sidegap);
		left: calc(var(--sidegap) / 2);
		filter: drop-shadow(0 0 4px #0008);
	}
}
@media (min-aspect-ratio: 16/9) {
	.c5-kv__title {
		--w: 600;
	}
	.c5-kv__copy {
		--w: 64;
	}
	.c5-kv__anchor {
		--fontMax: 34;
	}
	.c5-js-smokeswitch {
		bottom: calc(var(--songplaySize) + var(--sidegap));
		left: calc(var(--sidegap) / 2);
	}
}

/**
 * Overview
 * -------------------------------------------------- */
.c5-chapter-overview .c5-lead,
.c5-chapter-overview .c5-paragraph {
	--fontMin: 16;
	--fontMax: 24;
	font-size: var(--fontSize);
}
.c5-chapter-overview .c5-lead {
	display: flex;
	flex-direction: column;
	row-gap: 1.75em;
}
.c5-chapter-overview .c5-lead > svg {
	width: calc(var(--cw) * 374 / var(--aspect));
}
.c5-chapter-overview .c5-paragraph {
	display: flex;
	align-items: flex-start;
	column-gap: 1.75em;
	margin-top: 2.5em;
}
@media (max-width: 767.98px) {
	.c5-chapter-overview .c5-chapter__inner {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-bottom: calc(var(--anchorHeight) + var(--sidegap));
		background: #0008;
	}
	.c5-chapter-overview .c5-lead > svg {
		width: calc(var(--cw) * 300 / var(--aspect));
	}
	.c5-chapter-overview .c5-paragraph {
		padding-bottom: calc(var(--anchorHeight) + var(--sidegap));
	}
	.c5-chapter-overview .c5-scrolldown {
		align-self: center;
		position: absolute;
		bottom: calc(var(--anchorHeight) + var(--sidegap));
	}
}
@media (min-width: 768px) {
	.c5-chapter-overview .c5-chapter__inner {
		display: grid;
		align-content: center;
		width: calc(var(--cw) / 3);
		margin-left: auto;
	}
	.c5-chapter-overview .c5-lead {
		padding-right: calc(var(--sidegap) * 2);
	}
	.c5-chapter-overview .c5-scrolldown {
		justify-self: flex-end;
		position: absolute;
		right: calc(var(--sidegap) / 2);
		bottom: var(--sectionSpace);
		padding-inline: calc(var(--sidegap) / 2);
	}
}
@media (min-aspect-ratio: 16/9) {
	.c5-chapter-overview .c5-lead {
		row-gap: 1.5em;
	}
	.c5-chapter-overview .c5-lead > svg {
		width: calc(var(--cw) * 320 / var(--aspect));
	}
}


/**
 * プロジェクトムービー
 * -------------------------------------------------- */
.c5-chapter-projectmovie {
	background: #000c;
}
:where(.c5-chapter-projectmovie) .c5-chapter__inner {
	display: grid;
	place-content: center;
	height: 100dvh;
}
.c5-chapter-projectmovie .c5-subject {
	--fontMin: 18;
	--fontMax: 24;
	text-align: center;
}
.c5-chapter-projectmovie .c5-subject svg {
	width: auto;
	height: max(8dvh, 3em);
}
.c5-chapter-projectmovie .c5-videoplayer {
	margin: 1em auto 0;
}
@media (max-width: 767.98px) {
	.c5-chapter-projectmovie .c5-videoplayer {
		margin-inline: calc(var(--sidegap) * -1);
	}
}
@media (min-width: 768px) {
	.c5-chapter-projectmovie .c5-videoplayer {
		width: min(var(--cw) * 800 / var(--aspect), 800px);
	}
}


/**
 * フォトギャラリー
 * -------------------------------------------------- */
.c5-chapter-photogallery {
	padding-bottom: 0;
	background: black;
}
:where(.c5-chapter-photogallery) .c5-chapter__inner {
	display: grid;
	align-content: center;
	row-gap: min(var(--cw) * 24 / 768, 24px);
	position: relative;
	width: var(--cw, 100vw);
	padding: 0;
	-webkit-tap-highlight-color: #0000;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.c5-chapter-photogallery .c5-subject,
.c5-chapter-photogallery .c5-paragraph {
	z-index: 1;
	padding-inline: var(--sidegap);
	text-align: center;
}
.c5-chapter-photogallery .c5-subject {
	--fontMin: 18;
	--fontMax: 24;
}
.c5-chapter-photogallery .c5-subject svg {
	width: auto;
	height: max(8dvh, 3em);
}
@media (max-width: 767.98px) {
	.c5-chapter-photogallery .c5-paragraph {
		--fontMin: 12;
	}
}
@media (min-width: 768px) and (max-height: 1079.98px) {
	:where(.c5-chapter-photogallery) .c5-chapter__inner {
		row-gap: min(100svh * 24 / 1080, 24px);
	}
}
:where(.c5-chapter-photogallery) .c5-chapter__inner > * {
	align-content: center;
	scale: none;
}
:where(.c5-chapter-photogallery) .c5-chapter__title .t {
	display: grid;
	justify-items: center;
	gap: min(var(--cw) * 16 / 768, 16px);
	fill: currentcolor;
}
:where(.c5-chapter-photogallery)  .c5-chapter__title [width="631"] {
	width: min(var(--cw) * 631 / 768, 631px);
}
:where(.c5-chapter-photogallery) .c5-chapter__title [width="287"] {
	width: min(var(--cw) * 287 / 768, 287px);
}
@media (min-width: 768px) and (max-height: 1079.98px) {
	:where(.c5-chapter-photogallery) .c5-chapter__title .t {
		gap: min(100svh * 16 / 1080, 16px);
	}
	:where(.c5-chapter-photogallery)  .c5-chapter__title [width="631"] {
		width: min(100svh * 631 / 1080, 631px);
	}
	:where(.c5-chapter-photogallery) .c5-chapter__title [width="287"] {
		width: min(100svh * 287 / 1080, 287px);
	}
}
.is-filtering .c5-photogallery .splide__track,
.is-filtering .c5-photogallery--refine {
	pointer-events: none;
}
/* ダウンロードいただけます */
.c5-chapter-photogallery .c5-paragraph small {
	display: inline-block;
}
.c5-chapter-photogallery .c5-paragraph .label,
.c5-chapter-photogallery .c5-paragraph .c5-icon {
	position: relative;
	top: -.1em;
	margin-right: .5em;
	padding: .1em .3em;
	border: 1px solid #fffa;
	border-radius: .2em;
	vertical-align: middle;
}
.c5-chapter-photogallery .c5-paragraph .label {
	font-size: 80%;
	line-height: 1.2;
}
.c5-chapter-photogallery .c5-paragraph .c5-icon {
	width: 1.4em;
	height: 1.4em;
	margin-inline: .1em;
	padding: .2em;
	border-radius: 1.2em;
	fill: none;
	stroke: currentcolor;
	stroke-width: 3;
	stroke-linecap: round;
	stroke-linejoin: round;
}
@media (max-width: 767.98px) {
	.c5-chapter-photogallery .c5-paragraph small {
		margin-top: .25em;
	}
}
/* 背景 */
.c5-photogallery--bg {
	display: grid;
	position: absolute;
	inset: 0;
	opacity: .3;
	overflow: hidden;
	pointer-events: none;
}
.c5-photogallery--bg img {
	grid-area: 1 / 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: blur(8px);
	scale: 1.1;
	transition: opacity .2s;
}
@media (max-width: 767.98px) {
	.c5-photogallery--bg img {
		height: calc(100vh - var(--headerHeight));
	}
}
/* プログレスバー */
.c5-photogallery--progress {
	--total: 47; /* <- jsで入れ直す */
	--progress: 0;
	--trackWidth: min(var(--cw) * 700 / var(--aspect));
	--barWidth: calc(var(--trackWidth) / var(--total));
	justify-self: center;
	position: relative;
	width: var(--trackWidth);
	height: 5px;
	background: linear-gradient(to top, #e3e3e300 calc(50% - .4px), #e3e3e3 calc(50% - .4px) calc(50% + .4px), #e3e3e300 calc(50% + .4px))
}
.c5-photogallery--progress::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: var(--barWidth);
	height: 5px;
	border-radius: 5px;
	background: #e3e3e3;
	translate: calc(var(--trackWidth) * var(--progress) / 100 - var(--barWidth) * var(--progress) / 100) 0;
	transition: width .4s var(--easeOut), translate .4s var(--easeOut);
}
@media (max-width: 767.98px) {
	.c5-photogallery--progress {
		--trackWidth: min(var(--cw) - var(--sidegap) * 2);
	}
}
/* 絞り込み */
.c5-photogallery--refine {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .4em;
	z-index: 1;
	position: relative;
}
.c5-photogallery--refine .c5-button {
	width: 11em;
	height: 2.4em;
	margin-top: 0;
	border: 1px solid yellow;
	font-size: min(var(--cw) * 14 / var(--aspect), .875rem);
}
.c5-photogallery--refine .c5-button:not(.is-select) {
	border-color: #707070;
	color: #707070;
	background: transparent;
}
@media (min-width: 768px) and (max-height: 1079.98px) {
	.c5-photogallery--refine .c5-button {
		font-size: min(100svh * 14 / 1080, .875rem);
	}
}
@media (max-width: 767.98px) {
	.c5-photogallery--refine {
		display: grid;
		grid-template-columns: auto auto;
	}
	.c5-photogallery--refine .c5-button {
		font-size: min(var(--cw) * 10 / var(--aspect), .875rem);
	}
}
/* スライダー */
.c5-photogallery {
	--shift: 0;
	--rotate: 0deg;
	width: var(--cw);
	place-self: center;
}
.c5-photogallery .splide__track {
	overflow: visible;
}
.c5-photogallery .splide__slide {
	aspect-ratio: 4 / 3;
	width: min(var(--cw), 900px);
	height: inherit;
	position: relative;
	transition: opacity .4s;
}
.c5-photogallery .splide__slide img {
	width: 100%;
	height: inherit;
	object-fit: cover;
	transform: translate3d(calc(var(--shift) * 1px), 0, 0);
	transition: object-fit 0.3s ease;
}
.c5-photogallery .splide__slide .caption {
	position: absolute;
	inset: auto 1em .75em;
	font-size: .875rem;
	text-align: center;
}
.c5-photogallery .splide__slide[data-dir="landscape"] .splide__inner {
	aspect-ratio: 4 / 3;
}
.c5-photogallery .splide__slide[data-dir="portrait"] .splide__inner {
	aspect-ratio: 3 / 4;
}
@media (max-width: 767.98px) {
	.c5-photogallery .splide__slide .caption {
		--fontMin: 10;
		font-size: var(--fontSize);
	}
}
@media (min-width: 768px) and (max-height: 1079.98px) {
	.c5-photogallery .splide__slide {
		width: min(100svh * 900 / 1080, 900px);
	}
}
.c5-photogallery .splide__inner {
	place-self: center;
	cursor: default;
	display: grid;
	width: auto;
	height: 100%;
	margin-inline: auto;
	transform: perspective(1000px) rotate3d(0, 1, 0, var(--rotate));
	will-change: transform;
}
.c5-photogallery .splide__inner::after {
	content: "";
	pointer-events: none;
	position: absolute;
	inset: 0;
	background: #000a;
	transition: opacity .4s;
}
.c5-photogallery .splide__slide:not(.is-active) .splide__inner {
	pointer-events: none;
}
.c5-photogallery .splide__slide.is-active .splide__inner::after {
	opacity: 0;
}
.c5-photogallery .splide__inner[data-pswp-type="video"] {
	place-items: center;
}
.c5-photogallery .splide__inner[data-pswp-type="video"] > * {
	grid-area: 1 / 1;
}
.c5-photogallery .splide__inner[data-pswp-type="video"] > .c5-icon {
	z-index: 1;
	--imgBasis: 80;
	width: var(--imgSize);
	height: auto;
	border: 1px solid currentcolor;
	border-radius: 50%;
}
@media (hover) {
	.c5-photogallery .splide__inner[data-pswp-type="video"] > .c5-icon {
		transition: scale .4s var(--easeOut);
	}
	.c5-photogallery .splide__inner[data-pswp-type="video"]:hover > .c5-icon {
		scale: 1.08;
		transition-duration: .2s;
	}
}
@media (max-width: 767.98px) {
	.c5-photogallery .splide__inner[data-pswp-type="video"] > .c5-icon {
		--imgBasis: 40;
	}
}
/* ダウンロード */
.c5-photogallery .c5-download {
	--iconSize: 24px;
	position: absolute;
	right: 8px;
	bottom: 8px;
	transition: opacity .4s, scale .4s;
}
.c5-photogallery .splide__slide:not(.is-active) .c5-download {
	pointer-events: none;
	opacity: 0;
	scale: .8;
}
.c5-photogallery .splide__slide.is-active .c5-download {
	transition-delay: .2s;
	transition-timing-function: ease, var(--easeBack);
}
.c5-photogallery .c5-download__button {
	padding: calc(var(--iconSize) * .25);
	border: 1px solid currentcolor;
	border-radius: var(--sidegap);
	line-height: 1;
}
.c5-photogallery .c5-download .c5-icon {
	width: var(--iconSize);
	height: auto;
	fill: none;
	stroke: currentcolor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 3;
}
.c5-photogallery .c5-download__link {
	display: grid;
	justify-items: center;
	position: absolute;
	right: calc(var(--sidegap) * -1);
	bottom: calc(100% + 8px);
	padding: .5em 1em;
	color: black;
	font-size: .8125rem;
	line-height: 1.5;
	white-space: nowrap;
	background: white;
	transition: opacity .4s, transform .4s var(--easeOut);
}
.c5-photogallery .c5-download__link span,
.c5-photogallery .c5-download__link small {
	color: var(--gray);
	font-size: 80%;
}
.c5-photogallery .c5-download__link::after {
	content: "";
	position: absolute;
	top: calc(100% - 1px);
	right: calc(var(--iconSize) * .625 + var(--sidegap));
	width: 8px;
	height: 8px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	background: white;
}
@media (hover: none) {
	.c5-photogallery .c5-download__link:not(.is-active) {
		pointer-events: none;
		transform: translateY(10%);
		opacity: 0;
	}
	.c5-photogallery .c5-download__link.is-active {
		transition-duration: .2s;
	}
	.c5-photogallery .c5-download__link b {
		padding: .25em .75em .15em;
		border-radius: .25em;
		color: white;
		font-weight: 400;
		background: var(--themecolor);
	}
	.c5-photogallery .c5-download__link span {
		margin-top: .5em;
	}
}
@media (hover) {
	.c5-photogallery .c5-download__button {
		transition: scale .4s var(--easeOut);
	}
	.c5-photogallery .c5-download__link {
		pointer-events: none;
	}
	.c5-photogallery .c5-download__button:not(:hover) + .c5-download__link {
		transform: translateY(10%);
		opacity: 0;
	}
	.c5-photogallery .c5-download__button:hover {
		scale: .92;
		transition-duration: .2s;
	}
	.c5-photogallery .c5-download__button:hover + .c5-download__link {
		transition-duration: .2s;
	}
}
@media (max-width: 767.98px) {
	.c5-photogallery .c5-download__link {
		right: 0;
	}
	.c5-photogallery .c5-download__link::after {
		right: calc(var(--iconSize) * .625);
	}
}
/* 矢印 */
.c5-photogallery .splide__arrow {
	z-index: 1;
	position: absolute;
	top: calc(50% - 32px);
	width: 48px;
	height: 48px;
	padding: 8px;
	line-height: 1;
	/* MEMO: ダブルタップズームを抑止 */
	touch-action: manipulation;
	-webkit-tap-highlight-color: transparent;
}
.c5-photogallery .splide__arrow--prev {
	left: calc(var(--sidegap) * .5);
}
.c5-photogallery .splide__arrow--next {
	right: calc(var(--sidegap) * .5);
}
.c5-photogallery .splide__arrow svg {
	fill: none;
	stroke: white;
	stroke-width: 4;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.c5-photogallery .splide__arrow--prev svg {
	scale: -1 1;
}
.c5-photogallery .splide__pagination {
	margin-top: min(var(--cw) * 24 / 768, 24px);
}
/* ズーム */
.pswp.pswp--photogallery .pswp__bg {
	background: black;
}
.pswp.pswp--photogallery .pswp__img {
	clip-path: inset(0);
}
.pswp.pswp--photogallery .pswp__video {
	position: relative;
	width: 100%;
	height: 100%;
}
.pswp.pswp--photogallery .pswp__video video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: auto;
	margin: auto;
}
@media (min-aspect-ratio: 16/9) {
	.pswp.pswp--photogallery .pswp__video video {
		width: auto;
		height: 100%;
	}
}


/**
 * イベント概要
 * -------------------------------------------------- */
.c5-chapter-information .c5-chapter__inner {
	display: grid;
	align-content: center;
}
.c5-information__data {
	margin-top: var(--sectionSpace);
}
:where(.c5-information__data) dt {
	font-weight: 700;
}
:where(.c5-information__data) dd + dt {
	margin-top: 1em;
}
:where(.c5-information__data) :is(dt,dd) {
	--fontMin: 18;
	--fontMax: 24;
	font-size: var(--fontSize);
}
@media (max-width: 767.98px) {
	.c5-chapter-information .c5-chapter__inner {
		padding-bottom: calc(var(--anchorHeight) + var(--sidegap));
		background: #0008;
	}
}
@media (min-width: 768px) {
	.c5-chapter-information .c5-chapter__inner {
		width: calc(var(--cw) / 3);
		margin-left: auto;
		padding-right: calc(var(--sidegap) * 2);
	}
}

@media (min-width: 768px) {
	:is(.c5-kv,.c5-chapter-performer,.c5-chapter-special)::before {
		content: "";
		z-index: -1;
		position: absolute;
		inset: 0;
		left: auto;
		width: calc(var(--cw) / 1.75);
		background: linear-gradient(to left, #000, #000c 30%, #0006 70%, #0000);
	}
	.c5-kv::before {
		z-index: 0;
		position: fixed;
	}
	/* MEMO: パフォーマー・オーディエンス募集中に触れるように  */
	:where(.c5-chapter-overview,.c5-chapter-information,.c5-chapter-comingsoon,.c5-chapter-entry,.c5-chapter-meetup,.c5-chapter-guidelines,.c5-chapter-pageback) {
		pointer-events: none;
	}
	:where(.c5-chapter-overview,.c5-chapter-information,.c5-chapter-comingsoon,.c5-chapter-entry,.c5-chapter-meetup,.c5-chapter-guidelines,.c5-chapter-pageback) .c5-chapter__inner {
		pointer-events: auto;
	}
}
.c5-chapter__subject {
	--h: 35;
	line-height: 0;
}
.c5-chapter__subject svg {
	width: auto;
}
@media (max-width: 767.98px) {
	.c5-chapter__subject svg {
		height: calc(var(--cw) * 20 / var(--aspect));
	}
}
@media (min-width: 768px) {
	.c5-chapter__subject svg {
		height: min(var(--cw) * 35 / var(--aspect), 35px);
	}
}

/**
 * 告知
 * -------------------------------------------------- */
.c5-chapter-comingsoon .c5-chapter__inner {
	display: grid;
	align-content: center;
	row-gap: calc(var(--sidegap) * .25);
}
.c5-chapter-comingsoon .c5-label {
	display: grid;
	place-items: center;
	width: 3em;
	height: 3em;
	border-radius: 3em;
	--fontMin: 14;
	--fontMax: 16;
	font-size: var(--fontSize);
	letter-spacing: .05em;
	background: var(--themecolor);
}
.c5-chapter-comingsoon .c5-subject svg {
	width: 100%;
}
.c5-chapter-comingsoon .c5-subject svg:first-of-type {
	width: 80%;
}
.c5-chapter-comingsoon .c5-subject svg:last-of-type {
	width: 70%;
	margin-top: .3em;
}
.c5-chapter-comingsoon .c5-paragraph {
	margin-top: calc(var(--sidegap) * .25);
}
.c5-chapter-comingsoon .c5-paragraph a {
	margin: 0 .2em 0 .1em
}
.c5-chapter-comingsoon:not(.is-inview) .c5-chapter__inner > * {
	opacity: 0;
	filter: blur(8px);
}
.c5-chapter-comingsoon.is-motion .c5-chapter__inner > * {
	transition: opacity 1s, filter 1s var(--easeOut);
}
.c5-chapter-comingsoon.is-motion .c5-chapter__inner .c5-subject {
	transition-delay: .2s;
}
.c5-chapter-comingsoon.is-motion .c5-chapter__inner .c5-paragraph {
	transition-delay: .4s;
}
@media (max-width: 767.98px) {
	.c5-chapter-comingsoon .c5-chapter__inner {
		padding-bottom: calc(var(--anchorHeight) + var(--sidegap));
		background: #0008;
	}
}
@media (min-width: 768px) {
	.c5-chapter-comingsoon .c5-chapter__inner {
		width: calc(var(--cw) / 3);
		margin-left: auto;
		padding-right: calc(var(--sidegap) * 2);
	}
}

/**
 * ゲスト・パフォーマー
 * -------------------------------------------------- */
.c5-chapter-performer {
	overflow: clip;
	/* scroll-snap-align: none; */
}
.c5-chapter-performer .c5-chapter__inner {
	padding: 0;
}
.c5-chapter-performer .c5-chapter__subject {
	z-index: 1;
	position: sticky;
	top: 0;
	height: 0;
}
.c5-performer__section {
	scroll-snap-align: start;
	position: relative;
	width: var(--cw);
	height: 100dvh;
	background: var(--bgColor);
}
.c5-performer__inner {
	display: grid;
	grid-template-rows: repeat(3, auto) 1fr;
}
.c5-guest__image :is(picture,img) {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.c5-guest__name,
.c5-guest__part,
.c5-performer__section .c5-paragraph,
.c5-performer__section .c5-drawer__knob {
	z-index: 1;
}
.c5-guest__name {
	--fontMin: 24;
	--fontMax: 32;
	font-size: var(--fontSize);
}
.c5-performer__inner.is-new .c5-guest__name {
	position: relative;
	width: fit-content;
}
.c5-performer__inner.is-new .c5-guest__name::before {
	--size: 3em;
	content: "New";
	display: grid;
	place-items: center;
	position: absolute;
	left: calc(100% + 1em);
	top: 0;
	width: var(--size);
	height: var(--size);
	border-radius: var(--size);
	color: white;
	font-weight: 400;
	font-size: 40%;
	background: var(--themecolor);
}
.c5-guest__part {
	--fontMin: 14;
	--fontMax: 18;
	font-size: var(--fontSize);
}
.c5-performer__section .c5-paragraph {
	margin-top: 1em;
}
.c5-performer__section .c5-drawer__knob {
	pointer-events: auto;
	place-self: flex-end;
	--fontMin: 16;
	--fontMax: 24;
	font-size: var(--fontSize);
}
.c5-performer__section.-more .c5-performer__inner {
	grid-template-rows: repeat(2, 1fr);
	align-items: center;
	height: 100dvh;
}
@media (max-width: 767.98px) {
	.c5-chapter-performer .c5-chapter__subject,
	.c5-performer__section .c5-performer__inner {
		padding-inline: var(--sidegap);
	}
	.c5-chapter-performer .c5-chapter__subject {
		left: 0;
		transform: translateY( calc(var(--headerHeight) + var(--sectionSpace)) );
	}
	.c5-performer__inner {
		overflow: clip;
		height: 100dvh;
		padding-top: calc(var(--headerHeight) + var(--sectionSpace) * 2.5);
	}
	.c5-performer__inner::before {
		content: "";
		z-index: -1;
		position: absolute;
		inset: 0;
		background: var(--bgColor);
	}
	.c5-performer__section .c5-paragraph {
		--fontMin: 13;
		line-height: 1.5;
	}
	.c5-performer__section .c5-paragraph br {
		display: none;;
	}
	.c5-performer__section .c5-drawer__knob {
		margin-right: calc(var(--sidegap) * -1);
		padding: var(--sectionSpace);
	}
	.c5-performer__section .c5-drawer__knob,
	.c5-guest__image {
		grid-area: 4 / 1;
	}
	.c5-guest__image {
		overflow: hidden; /* MEMO: grid-areaにfitさせる */
		margin-top: calc(var(--sidegap) / 2);
		margin-inline: calc(var(--sidegap) * -1);
	}
	.c5-guest__image :is(picture,img) {
		height: 100%;
		object-fit: cover;
	}
	.c5-performer__section .c5-scrolldown {
		pointer-events: auto;
		place-self: flex-end center;
		margin-bottom: var(--sidegap);
		padding-inline: calc(var(--sidegap) / 2);
	}
}
@media (min-width: 768px) {
	.c5-chapter-performer .c5-chapter__subject,
	.c5-performer__inner {
		width: calc(var(--cw) / 3);
		margin-left: auto;
		padding-right: calc(var(--sidegap) * 2);
	}
	.c5-chapter-performer .c5-chapter__subject {
		right: 0;
		transform: translateY(calc(32dvh - 100% - var(--sectionSpace) * 2));
	}
	.c5-performer__section {
		display: grid;
		place-content: flex-end;
	}
	.c5-performer__inner {
		padding-bottom: calc(var(--sectionSpace) * 2);
		height: 68dvh;
	}
	.c5-guest__image {
		position: absolute;
		inset: 0;
	}
	.c5-performer__section .c5-scrolldown {
		place-self: flex-end;
		padding-inline: calc(var(--sidegap) / 2);
	}
}
/** Splide実装時 */
.c5-chapter-performer.is-splide .c5-chapter__subject {
	position: absolute;
	height: auto;
}
.c5-chapter-performer.is-splide .c5-performer__inner {
	z-index: 0;
}
.c5-performer__container.splide {
	width: var(--cw);
	background: var(--bgColor);
}
.c5-performer__container.splide .splide__list {
	display: grid;
}
.c5-performer__container.splide .splide__list > * {
	grid-area: 1 / 1;
}
.c5-performer__container.splide .c5-performer__section {
	height: 100dvh;
	mix-blend-mode: plus-lighter;
	transform: none !important;
}
.c5-performer__container .splide__pagination {
	--size: min(var(--cw) * 24 / var(--aspect), 24px);
	display: flex;
	gap: calc(var(--size) / 2);
	z-index: 1;
	position: absolute;
	pointer-events: none;
}
.c5-performer__container .splide__pagination li,
.c5-performer__container .splide__pagination__page {
	width: var(--size);
	height: var(--size);
}
.c5-performer__container .splide__pagination__page {
	pointer-events: auto;
	border-radius: var(--size);
	background: var(--gray);
	transition: background .4s;
}
.c5-performer__container .splide__pagination__page.is-active {
	background: var(--themecolor);
}
@media (max-width: 767.98px) {
	.c5-chapter-performer .splide__pagination {
		--size: calc(var(--cw) * 8 / var(--aspect));
		flex-direction: column;
		bottom: var(--sectionSpace);
		left: var(--sidegap);
	}
}
@media (min-width: 768px) {
	.c5-chapter-performer .splide__pagination {
		justify-content: flex-start;
		width: calc(var(--cw) / 3 - var(--sidegap) * 2);
		bottom: calc(var(--sectionSpace) * 2.2);
		right: calc(var(--sidegap) * 2);
	}
	.c5-performer__container.splide .c5-guest__image {
		z-index: -2;
	}
}

/* MEMO: Comingsoonがある時
.c5-chapter-performer .c5-chapter__subject,
.c5-chapter-performer .splide__pagination {
	transition: opacity .4s;
}
.c5-chapter-performer[data-slide="4"] .c5-chapter__subject,
.c5-chapter-performer[data-slide="4"] .splide__pagination {
	opacity: 0;
}
.c5-performer__container .splide__pagination li:nth-child(5) {
	visibility: hidden;
} */

/* :::::: バイオグラフィー :::::: */
.c5-biography .name {
	margin-top: .5em;
	--fontMin: 16;
	--fontMax: 24;
	font-size: var(--fontSize);
}
.c5-biography .text p {
	margin-top: .5em;
	--fontMin: 12;
	--fontMax: 16;
	font-size: var(--fontSize);
}
.c5-biography .text a {
	background: linear-gradient(currentcolor, currentcolor) left bottom / 100% 1px no-repeat;
}
@media (hover) {
	.c5-biography .text a {
		transition: background-size .4s var(--easeOut);
	}
	.c5-biography .text a:hover {
		background-position: right bottom;
		background-size: 0 1px;
		transition-duration: .2s;
	}
}
@media (min-width: 768px) {
	.c5-biography .c5-drawer__contents {
		align-self: center;
		width: min(var(--cw) * 900 / var(--aspect), 900px);
		margin-inline: auto;
	}
}

/**
 * スペシャル・ゲスト
 * -------------------------------------------------- */
.c5-chapter-special {
	overflow: clip;
	height: 100dvh;
	background: var(--bgColor);
}
.c5-chapter-special .c5-chapter__inner {
	height: inherit;
}
.c5-chapter-special .c5-guest__name {
	margin-top: var(--sectionSpace);
}
.c5-chapter-special .c5-drawer__knob  {
	justify-self: flex-end;
}
.c5-special__image :is(picture,img) {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.c5-special__members {
	overflow: auto;
}
.c5-special__member {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
}
.c5-special__member + .c5-special__member {
	margin-top: var(--sectionSpace);
}
.c5-member__image {
	order: -2;
	aspect-ratio: 1 / 1;
	width: min(var(--cw) * 150 / var(--aspect), 150px);
	height: auto;
}
.c5-member__image img {
	border-radius: 50%;
}
.c5-member__name {
	align-self: center;
	--fontMin: 16;
	--fontMax: 21;
	font-size: var(--fontSize);
}
@media (max-width: 767.98px) {
	.c5-chapter-special {
		height: auto;
	}
	.c5-chapter-special .c5-chapter__inner {
		display: block;
		padding-bottom: 0;
	}
	.c5-chapter-special .c5-chapter__subject,
	.c5-special__header {
		position: sticky;
		top: calc(var(--headerHeight) + var(--sidegap));
	}
	.c5-special__header {
		display: grid;
		grid-template-rows: repeat(3, auto);
		top: calc(var(--headerHeight) + var(--sidegap) + var(--cw) * 20 / var(--aspect));
		width: calc(var(--cw) - var(--sidegap) * 2);
	}
	.c5-special__image,
	.c5-chapter-special .c5-drawer__knob {
		grid-area: 3 / 1;
	}
	.c5-chapter-special .c5-drawer__knob {
		place-self: flex-end;
		position: relative;
		bottom: var(--sidegap);
	}
	.c5-special__image {
		margin-top: calc(var(--sidegap) / 2);
		margin-inline: calc(var(--sidegap) * -1);
	}
	.c5-special__image :is(picture,img) {
		height: auto;
	}
	.c5-special__contents {
		position: relative;
		margin-inline: calc(var(--sidegap) * -1);
		padding-bottom: var(--sidegap);
		background: #000c;
	}
	.c5-special__contents:not(.is-active) {
		pointer-events: none;
	}
	.c5-special__members {
		--snappoint: calc(var(--cw) * 144 / var(--aspect) + var(--headerHeight));
		scroll-snap-align: start;
		scroll-margin-top: var(--snappoint);
		width: calc(var(--cw) - var(--sidegap) * 2);
		height: calc(100dvh - var(--snappoint) - var(--sidegap));
		margin-inline: auto;
		padding: var(--sidegap);
		padding-left: 0;
	}
}
@media (min-width: 768px) {
	.c5-chapter-special .c5-chapter__inner {
		display: grid;
		grid-template-rows: repeat(4, auto);
		align-content: flex-start;
		width: calc(var(--cw) / 3);
		margin-left: auto;
		padding-right: calc(var(--sidegap) * 2);
	}
	.c5-special__header,
	.c5-special__contents {
		display: contents;
	}
	.c5-special__members,
	.c5-special__name,
	.c5-special__image {
		z-index: 1;
	}
	.c5-chapter-special .c5-drawer__knob {
		order: 1;
	}
	.c5-special__image {
		position: absolute;
		inset: 0;
		right: auto;
		width: calc(var(--cw) / 1.5 - var(--sidegap) * 2);
	}
	.c5-special__members {
		overflow: auto;
		width: 100%;
		height: calc(100% - var(--sectionSpace));
		margin-top: calc(var(--sectionSpace) / 2);
	}
	.c5-special__member  {
		padding-right: var(--sidegap);
	}
}

/**
 * 募集要項
 * -------------------------------------------------- */
.c5-entry__section:not(:first-of-type) {
	margin-top: calc(var(--sectionSpace) * 2);
}
.c5-entry__section[id] {
	margin-top: var(--sectionSpace);
	padding-top: var(--sectionSpace);
}
.c5-entry__section .c5-playbutton {
	--fontMin: 14;
	--fontMax: 18;
}
/* 応募期間終了 */
.c5-entry__section .c5-paragraph.-notice + .c5-paragraph {
	margin-top: 1.25em;
}
.c5-entry__section .c5-paragraph.-notice a {
	margin: 0 .2em 0 .1em;
}
/* 募集人数 */
.c5-numberofpeopple.c5-paragraph {
	--fontMin: 18;
	--fontMax: 24;
	line-height: 1.1;
}
.c5-numberofpeopple.c5-paragraph strong {
	position: relative;
	top: .025em;
	margin-right: .05em;
	font-weight: 600;
	font-size: 250%;
	vertical-align: baseline;
}
.c5-steps {
	display: flex;
	flex-direction: column;
	row-gap: calc(var(--sectionSpace) / 2);
	margin-top: calc(var(--sectionSpace) / 2);
}
.c5-steps h4 {
	--fontMin: 18;
	--fontMax: 24;
	font-size: var(--fontSize);
}
.c5-steps h4 small {
	position: relative;
	top: -.2em;
	margin-left: .5em;
	padding: .2em .4em;
	color: dimgray;
	font-size: 56%;
	vertical-align: middle;
	background: white;
}
.c5-steps h4 .req {
	color: var(--themecolor);
}
.c5-steps .c5-playbutton {
	margin-top: .25em;
}
.c5-steps .c5-js-textcopy + .c5-paragraph {
	margin-top: 1em;
}
.c5-steps .c5-note {
	margin-top: .5em;
}
.c5-button[data-modal] {
	--fontMin: 15;
	--fontMax: 15;
}
@media (max-width: 767.98px) {
	.c5-chapter-entry .c5-chapter__inner,
	.c5-chapter-meetup .c5-chapter__inner {
		background: #0008;
	}
	.c5-chapter-entry .c5-chapter__inner {
		padding-bottom: calc(var(--sectionSpace) * 3);
	}
}
@media (min-width: 768px) {
	.c5-chapter-entry .c5-chapter__inner,
	.c5-chapter-meetup .c5-chapter__inner {
		width: calc(var(--cw) / 3);
		margin-left: auto;
		padding-right: calc(var(--sidegap) * 2);
	}
}

/**
 * Meetup枠募集
 * -------------------------------------------------- */
.c5-chapter-meetup .c5-chapter__subject {
	--fontMin: 22;
	--fontMax: 30;
	font-size: var(--fontSize);
	line-height: 1.5;
}
.c5-chapter-meetup .c5-button {
	position: relative;
	margin-top: 1em;
	padding-block: .5em;
}
.c5-chapter-meetup .c5-button .c5-note {
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: .75em;
	font-weight: 400;
	font-size: 80%;
	white-space: nowrap;
}
.c5-chapter-meetup .c5-button .ico {
	position: relative;
	top: -.1em;
	width: .8em;
	margin-left: .5em;
	stroke-linecap: unset;
	stroke-linejoin: unset;
}
.c5-meetup__section {
	margin-top: var(--sectionSpace);
	padding-top: var(--sectionSpace);
}
/* 参加クリエイター */
.c5-meetup__creator {
	margin-top: calc(var(--sectionSpace) * .7);
}
.c5-meetup__creator:first-of-type {
	margin-top: calc(var(--sectionSpace) * .5);
}
.c5-meetup__creator .c5-subject small {
	font-weight: normal;
	font-size: 70%;
}
.c5-meetup__profile {
	z-index: 0;
	position: relative;
	aspect-ratio: 78 / 70;
	margin-top: calc(var(--sectionSpace) * .4);
}
.c5-meetup__bio {
	position: absolute;
	inset: 0;
}
.c5-meetup__bio .c5-paragraph {
	color: white;
	--fontMin: 12;
	--fontMax: 14;
}
.c5-meetup__comment {
	margin-top: calc(var(--sectionSpace) * .4);
	--fontMin: 13;
	--fontMax: 15;
	font-size: var(--fontSize);
}
.c5-meetup__comment .dash {
	display: inline-block;
	letter-spacing: -.2em;
	padding-right: .2em;
}
/* スワイプで開くドロワー (カスタム) */
.c5-meetup__profile .c5-drawer {
	height: auto;
}
.c5-meetup__profile .c5-drawer__knob {
	position: absolute;
	right: calc(var(--sidegap) * .25);
	bottom: calc(var(--sidegap) * .5);
}
.c5-meetup__profile .c5-drawer__closer {
	top: calc(var(--sidegap) * .5);
	right: calc(var(--sidegap) * .5);
}
.c5-meetup__profile .c5-drawer__panel {
	overscroll-behavior: auto;
	padding-inline: calc(var(--sidegap) * .5);
	padding-bottom: calc(var(--sidegap) * .5);
	background: #0008;
}
.c5-meetup__profile .c5-drawer__contents {
	align-self: flex-end;
}
/* 応募概要 */
.c5-meetup__section .c5-paragraph dt {
	margin-top: .25em;
	font-weight: 700;
}
.c5-meetup__section .c5-paragraph dt::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -.1em;
	width: .6em;
	height: .6em;
	border-radius: .6em;
	margin-right: .4em;
	vertical-align: middle;
	background: currentcolor;
}
.c5-meetup__section .c5-paragraph dd {
	padding-left: 1em;
}
.c5-meetup__section .c5-note {
	margin-top: 1em;
}
/* ブランディングムービー */
.c5-meetup__section.-movie {
	padding-top: 0;
}
.c5-meetup__section.-movie .c5-paragraph,
.c5-meetup__section.-movie .c5-videoplayer {
	margin-top: .5em;
}
@media (min-width: 768px) {
	.c5-meetup__section.-movie .c5-videoplayer__play {
		--size: 64px;
	}
	.c5-meetup__section.-movie .c5-videoplayer__pause {
		bottom: calc(var(--playerSpace) + 44px);
	}
}
/* レポート */
.c5-meetup__section.-report .c5-paragraph {
	margin-top: .5em;
}

/**
 * ガイドライン
 * -------------------------------------------------- */
:where(.c5-chapter-entry .c5-chapter__inner) > .c5-paragraph {
	margin-top: 1.5em;
}
:where(.c5-chapter-entry .c5-chapter__inner) > .c5-notes {
	margin-top: .5em;
}
.c5-chapter-entry .c5-chapter__subject {
	margin-top: calc(var(--sectionSpace) * 2);
}
.c5-chapter__subject + .c5-paragraph {
	margin-top: var(--sectionSpace);
}
/* お知らせ通知内容の再確認方法 */
.c5-entry__column {
	margin-top: 1em;
}
.c5-entry__column .c5-paragraph {
	margin-top: .25em;
}
.c5-entry__section .c5-button {
	margin-top: 1.5em;
}
.c5-entry__section .c5-entry__column + .c5-button {
	margin-top: 1.75em;
}
/* アプリリンク */
.c5-applinks {
	display: flex;
	flex-direction: column;
	gap: 1em;
	width: fit-content;
	margin-top: 1em;
	--fontMin: 14;
	--fontMax: 16;
	font-size: var(--fontSize);
}
.c5-applinks a {
	display: flex;
	justify-content: space-between;
	gap: 1em;
}
.c5-applinks img {
	width: auto;
	height: min(var(--cw) * 52 / var(--aspect), 52px);
}
@media (max-width: 767.98px) {
	.c5-chapter-entry .c5-chapter__inner {
		background: #0008;
	}
}
@media (min-width: 768px) {
	.c5-chapter-entry .c5-chapter__inner {
		width: calc(var(--cw) / 3);
		margin-left: auto;
		padding-right: calc(var(--sidegap) * 2);
	}
}

/* :::::: SoundConnect :::::: */
.c5-entry__soundconnect {
	margin-top: var(--sectionSpace);
	padding-block: calc(var(--sectionSpace) / 2);
	border-block: 1px solid #707070;
}
.c5-entry__soundconnect .c5-button {
	margin-top: 1em;
}
.c5-entry__soundconnect .c5-paragraph:not(:first-of-type) {
	margin-top: 1em;
}

.c5-soundconnect__title {
	margin-top: 1em;
	--fontMin: 14;
	--fontMax: 16;
	font-size: var(--fontSize);
	line-height: 1.2;
}
.c5-soundconnect__title a {
	display: flex;
	align-items: center;
	column-gap: .25em;
	width: fit-content;
	padding: .25em;
	padding-right: 1em;
	border: 1px solid #a6a6a6;
	border-radius: .5em;
	background: black;
}
.c5-soundconnect__title img {
	width: min(var(--cw) * 56 / var(--aspect), 56px);
}
.c5-soundconnect__title small {
	font-size: 87.5%;
}
.c5-entry__soundconnect .c5-note {
	margin-top: 1em;
}

/* :::::: 応募規約・注意事項 :::::: */
.c5-terms :is(h4,p,ul,ol) {
	font-size: var(--fontSize);
}
.c5-terms h4 {
	margin-top: var(--sectionSpace);
	--fontMin: 16;
	--fontMax: 20;
}
.c5-terms :is(p,ul,ol) {
	margin-top: 1em;
	--fontMin: 14;
	--fontMax: 16;
}
.c5-terms :is(ul,ol) {
	line-height: 1.5;
}
.c5-terms li {
	margin-top: .25em;
	padding-left: 1em;
	text-indent: -1em;
}
.c5-terms li :is(p,ul,ol) {
	margin-top: 0;
}
@media (min-width: 768px) {
	.c5-terms {
		max-width: min(var(--cw) * 800 / var(--aspect), 800px);
		margin-inline: auto;
	}
}


/**
 * コメントとムービー
 * -------------------------------------------------- */
.c5-chapter-comment {
	--height: 40svh;
	z-index: 0;
	position: relative;
	min-height: 100dvh;
	padding: 0;
	background: black;
	--dots: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewBox="0 0 6 6"><circle r="0.8"/><circle cx="6" r="0.8"/><circle cx="3" cy="3" r="0.8"/><circle cy="6" r="0.8"/><circle cx="6" cy="6" r="0.8"/></svg>');
}
:where(.c5-chapter-comment) > *,
:where(.c5-chapter-comment)::before {
	grid-area: 1 / 1;
}
:where(.c5-chapter-comment)::before {
	content: "";
	align-self: end;
	width: inherit;
	height: var(--height);
	background: linear-gradient(to top, #000a 50%, #0000) center bottom / cover no-repeat;
}
:where(.c5-chapter-comment) .c5-chapter__bg {
	pointer-events: none;
	display: grid;
	place-content: center;
	overflow: hidden;
	width: auto;
	height: 100svh;
	max-height: 100svh;
	transition: none;
}
:where(.c5-chapter-comment) .c5-chapter__bg > *,
:where(.c5-chapter-comment) .c5-chapter__bg::after {
	grid-area: 1 / 1;
}
:where(.c5-chapter-comment) .c5-chapter__bg::after {
	content: "";
	background: var(--dots) center;
	opacity: .25;
}
:where(.c5-chapter-comment) .c5-chapter__bg::after,
:where(.c5-chapter-comment) .c5-chapter__bg canvas {
	z-index: -1;
	position: relative;
	width: 100%;
	height: 100dvh;
}
:where(.c5-chapter-comment) .c5-chapter__bg canvas {
	object-fit: cover;
	opacity: 0;
	transition: opacity 1s var(--easeOut);
}
.c5-chapter-comment .c5-videoplayer__play,
.c5-chapter-comment .c5-videoplayer__pause {
	--size: 40px;
	pointer-events: auto;
	z-index: 2;
	position: absolute;
	right: calc(var(--sidegap) * .5);
	transition: opacity .2s, scale .2s var(--easeOut);
}
.c5-chapter-comment .c5-videoplayer__play:not(.is-active),
.c5-chapter-comment .c5-videoplayer__pause:not(.is-active) {
	opacity: 0;
	scale: .8;
	transition-duration: .4s;
}
.c5-chapter-comment .c5-videoplayer__play.is-active,
.c5-chapter-comment .c5-videoplayer__pause.is-active {
	animation: popn .4s both;
}
@media (min-width: 768px) {
	:where(.c5-chapter-comment) .c5-chapter__bg {
		width: var(--cw);
	}
	.c5-chapter-comment .c5-videoplayer__play,
	.c5-chapter-comment .c5-videoplayer__pause {
		top: auto;
		bottom: calc(var(--sidegap) * .5);
	}
}
@media (max-width: 767.98px) {
	.c5-chapter-comment {
		--height: 48svh;
	}
	:where(.is-align .c5-chapter-comment) .c5-chapter__bg {
		width: var(--cw);
		height: auto;
	}
	:where(.c5-chapter-comment) .c5-chapter__bg canvas {
		width: var(--cw);
		height: 100lvh;
	}
	.c5-chapter-comment .c5-videoplayer__play,
	.c5-chapter-comment .c5-videoplayer__pause {
		top: auto;
		bottom: calc(var(--sidegap) * .5);
	}
}
/* コメント */
:where(.c5-chapter-comment) .c5-chapter__inner {
	pointer-events: none;
	position: absolute;
	inset: auto 0 0;
	overflow: hidden;
	width: var(--cw);
	padding: 0;
	z-index: 1;
	height: calc(var(--height) * .86);
	scroll-behavior: smooth;
	overscroll-behavior: contain;
	-webkit-mask: linear-gradient(to top, #000 86%, #0000) center bottom / cover no-repeat;
	mask: linear-gradient(to top, #000 86%, #0000) center bottom / cover no-repeat;
}
:where(.c5-chapter-comment) .c5-chapter-comment__container {
	pointer-events: auto;
	overflow: auto;
	height: inherit;
}
:where(.c5-chapter-comment) .c5-chapter-comment__list {
	display: flex;
	flex-direction: column;
	padding: var(--sidegap) calc(var(--sidegap) * .5);
	font-size: min(var(--cw) * 12 / var(--aspect), 1rem);
}
:where(.c5-chapter-comment) .c5-chapter-comment__list .item {
	display: grid;
	grid-template-columns: 40px 1fr;
	column-gap: 1em;
	padding: .5em calc(var(--sidegap) * .5);
}
:where(.c5-chapter-comment) .c5-chapter-comment__list .t {
	align-self: center;
}
@media (min-width: 768px) {
	:where(.c5-chapter-comment) .c5-chapter-comment__list {
		--w: min(var(--cw) * 1000 / var(--aspect), 1000px);
		padding-inline: calc(var(--cw) / 2 - var(--w) / 2);
		font-size: min(var(--cw) * 16 / var(--aspect), 1rem);
	}
	:where(.c5-chapter-comment) .c5-chapter-comment__list .item {
		grid-template-columns: 60px 1fr;
	}
}
.c5-chapter-comment__container.c5-scrollbar .simplebar-track {
	border-radius: 6px;
	background: transparent;
}
.c5-chapter-comment__container.c5-scrollbar .simplebar-track.simplebar-vertical {
	top: var(--sidegap);
	right: 4px;
	width: 6px;
}
.c5-chapter-comment__container.c5-scrollbar .simplebar-track.simplebar-horizontal {
	height: 6px;
}
.c5-chapter-comment__container.c5-scrollbar .simplebar-scrollbar:before,
.c5-chapter-comment__container.c5-scrollbar .simplebar-scrollbar.simplebar-visible:before {
	background: var(--themecolor);
}
.c5-chapter-comment .c5-chapter__bg {
	opacity: unset;
}
:where(.c5-contents[data-on="comment"] .c5-chapter-comment) .c5-chapter__bg canvas {
	opacity: unset;
}


/**
 * 『沸騰PARKING』リブート
 * -------------------------------------------------- */
.c5-chapter-sonystore {
	background: #000c;
}
:where(.c5-chapter-sonystore) .c5-chapter__inner {
	display: grid;
	place-content: center;
	justify-items: center;
	row-gap: min(var(--cw) * 24 / 768, 24px);
	height: 100dvh;
	text-align: center;
}
.c5-chapter-sonystore .c5-subject svg {
	width: auto;
	height: max(3.6dvh, 1.2em);
}
.c5-chapter-sonystore .c5-image {
	aspect-ratio: 4 / 3;
	width: min(var(--cw) * 800 / var(--aspect), 600px);
	height: auto;
	margin-top: 1dvh;
}
@media (max-width: 767.98px) {
	.c5-chapter-sonystore .c5-image {
		width: 100%;
	}
}


/**
 * FOUND NATIONアフターレポート
 * -------------------------------------------------- */
.c5-chapter-afterreport {
	padding-bottom: 0;
	background: midnightblue;
}
:where(.c5-chapter-afterreport) .c5-chapter__inner {
	display: grid;
	place-content: center;
	row-gap: min(var(--cw) * 24 / 768, 24px);
	position: relative;
	width: var(--cw, 100vw);
	text-align: center;
	-webkit-tap-highlight-color: #0000;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.c5-chapter-afterreport .c5-image,
.c5-chapter-afterreport .c5-subject,
.c5-chapter-afterreport .c5-paragraph {
	z-index: 1;
}
.c5-chapter-afterreport .c5-image {
	aspect-ratio: 4 / 5;
	width: min(var(--cw) * 600 / 768, 600px);
	max-width: 100%;
	height: auto;
	margin-inline: auto;
}
.c5-chapter-afterreport h3.c5-subject {
	margin-top: 24px;
}
.c5-chapter-afterreport .c5-paragraph {
	--fontMin: 12.5;
}
.c5-chapter-afterreport .c5-photogallery--bg img {
	filter: blur(16px);
}
@media (min-width: 768px) {
	.c5-chapter-afterreport .c5-paragraph {
		margin-top: -.5em;
	}
	.c5-chapter-afterreport .c5-subject svg {
		width: auto;
	}
	.c5-chapter-afterreport h2.c5-subject svg {
		height: max(10dvh, 3em);
	}
	.c5-chapter-afterreport h3.c5-subject svg {
		height: max(3dvh, 1em);
	}
}
@media (max-width: 767.98px) {
	.c5-chapter-afterreport .c5-subject svg {
		width: 90%;
		height: auto;
	}
	.c5-chapter-afterreport h3.c5-subject svg {
		width: min(var(--cw) * 240 / var(--aspect));
	}
}
.c5-chapter-afterreport .c5-photogallery .splide__slide,
.c5-chapter-afterreport .c5-photogallery .splide__slide .splide__inner {
	aspect-ratio: 3 / 2;
}


/**
 * Video Player
 * .c5-videoplayer > :is(.c5-videoplayer__poster, .c5-videoplayer__volume, .c5-ytplayer || .c5-video, .c5-loader)
 * -------------------------------------------------- */
.c5-videoplayer {
	--playerSpace: var(--sidegap);
	display: grid;
	place-items: center;
	place-content: center;
	width: fit-content;
	height: 100%;
	margin: auto;
	color: white;
}
.c5-videoplayer.is-standalone {
	--playerSpace: calc(var(--sidegap) / 2);
	position: relative;
}
.c5-videoplayer > * {
	grid-area: 1 / 1;
}
.c5-video,
.c5-ytplayer {
	aspect-ratio: 16 / 9;
	height: auto;
	background: black;
}
.c5-video.is-short,
.c5-ytplayer.is-short {
	aspect-ratio: 9 / 16;
}
.c5-videoplayer__poster,
.c5-video.is-controls-0,
.c5-ytplayer.is-controls-0 {
	pointer-events: none;
	user-select: none;
	width: 100%;
}
.c5-videoplayer__poster,
.c5-videoplayer__volume,
.c5-videoplayer .c5-play,
.c5-videoplayer .c5-loader {
	z-index: 1;
}
.c5-modal .c5-video,
.c5-modal .c5-ytplayer,
.c5-modal .c5-videoplayer__poster {
	width: auto;
	height: 100vh;
}
@media (max-aspect-ratio: 16/9) {
	.c5-modal .is-h .c5-video,
	.c5-modal .is-h .c5-ytplayer,
	.c5-modal .is-h .c5-videoplayer__poster {
		width: var(--cw);
		height: auto;
	}
}
@media (max-aspect-ratio: 9/16) {
	.is-unalign .c5-modal .is-v .c5-video,
	.is-unalign .c5-modal .is-v .c5-ytplayer,
	.is-unalign .c5-modal .is-v .c5-videoplayer__poster {
		width: var(--cw);
		height: auto;
	}
}
.c5-videoplayer__poster {
	display: grid;
	width: 100%;
	height: 100%;
	transition: opacity .6s;
}
.c5-videoplayer__poster::after {
	content: "";
	grid-area: 1 / 1;
	width: inherit;
	height: inherit;
	background: #0004;
}
.c5-videoplayer__poster img {
	grid-area: 1 / 1;
	width: inherit;
	height: inherit;
	object-fit: cover;
}
.c5-modal .c5-videoplayer__poster .c5-icon {
	--size: min(var(--cw) * 80 / var(--aspect), 80px);
	grid-area: 1 / 1;
	place-self: center;
}
.c5-videoplayer :where(button) {
	--size: 44px;
	--stroke: 1px;
	z-index: 1;
}
.c5-videoplayer :where(button > .c5-icon) {
	width: var(--size);
	height: var(--size);
	border-width: var(--stroke);
	color: white;
	fill: white;
	line-height: 0;
}
.c5-videoplayer__play {
	/* MEMO: 再生ボタンは place-items で中央配置 */
	--size: 80px;
	--stroke: 2px;
	display: grid;
	justify-items: center;
	row-gap: .5em;
	color: white;
}
.c5-videoplayer__play .c5-icon,
.c5-videoplayer__pause .c5-icon {
	fill: currentcolor;
	border: 1px solid currentcolor;
	border-radius: 50%;
}
.c5-videoplayer__pause,
.c5-videoplayer__volume {
	position: absolute;
	right: var(--playerSpace);
	bottom: var(--playerSpace);
}
.c5-videoplayer__pause,
.c5-modal .c5-videoplayer__volume {
	bottom: calc(var(--playerSpace) + 56px);
}
.c5-modal .c5-videoplayer__pause {
	bottom: calc(var(--playerSpace) + 112px);
}
.c5-videoplayer .c5-loader {
	--size: 40px;
	--color: white;
}
/* Motion */
:where(.c5-videoplayer) .c5-loader {
	pointer-events: none;
	transition: opacity .4s, scale .4s var(--easeOut);
}
:where(.c5-videoplayer):not(.is-loading) .c5-loader {
	opacity: 0;
	scale: .8;
}
:where(.c5-modal .c5-videoplayer).is-played .c5-videoplayer__poster,
:where(.c5-videoplayer.is-standalone).is-play .c5-videoplayer__poster {
	opacity: 0;
}
:where(.c5-videoplayer) .c5-videoplayer__play,
:where(.c5-videoplayer) .c5-videoplayer__pause {
	transition: opacity .2s, scale .2s var(--easeOut);
}
:where(.c5-videoplayer).is-play .c5-videoplayer__play,
:where(.c5-videoplayer):not(.is-play) .c5-videoplayer__pause {
	pointer-events: none;
	opacity: 0;
	scale: .8;
}
:where(.c5-videoplayer):not(.is-play) .c5-videoplayer__play .c5-icon,
:where(.c5-videoplayer).is-play .c5-videoplayer__pause .c5-icon {
	animation: buttonAppear .6s .2s var(--easeOut) both;
}
@keyframes buttonAppear {
	from { opacity: 0; transform: scale(.9); }
	40% { opacity: 1; transform: scale(1.04); }
	80% { transform: scale(.98); }
	to: { opacity: 1; transform: none; }
}
@media (hover) {
	.c5-videoplayer__play .c5-icon {
		transition: scale .4s var(--easeBack);
	}
	.c5-videoplayer__play:hover .c5-icon {
		scale: 1.08;
		transition-duration: .2s;
	}
}

/* :::::: Volume :::::: */
.c5-videoplayer__volume {
	--beforePath: polygon(-2% -2%, -2% -2%, -50% 102%, -50% 102%);
	--appearPath: polygon(-2% -2%, 150% -2%, 102% 102%, -50% 102%);
	--afterPath: polygon(150% -2%, 150% -2%, 102% 102%, 102% 102%);
	display: grid;
}
.c5-videoplayer__volume > * {
	grid-area: 1 / 1;
	clip-path: var(--appearPath);
}
.c5-videoplayer__volume .c5-icon {
	width: 100%;
	height: auto;
	transform: scale3d(1.01,1.01,1);
}
/* Motion */
:where(.c5-videoplayer).is-muted .c5-videoplayer__volume .on {
	clip-path: var(--afterPath);
}
:where(.c5-videoplayer):not(.is-muted) .c5-videoplayer__volume .off {
	clip-path: var(--beforePath);
}
:where(.c5-videoplayer):not(.is-muted) .c5-videoplayer__volume.is-anim .on,
:where(.c5-videoplayer).is-muted .c5-videoplayer__volume.is-anim .off {
	animation: unmute .4s var(--easeOut) both;
}
:where(.c5-videoplayer):not(.is-muted) .c5-videoplayer__volume.is-anim .off,
:where(.c5-videoplayer).is-muted .c5-videoplayer__volume.is-anim .on {
	animation: mute .4s var(--easeOut) both;
}
@keyframes unmute {
	from { clip-path: var(--beforePath); }
	10% { transform: scale(.86); }
	90% { transform: none; }
	to { clip-path: var(--appearPath); }
}
@keyframes mute {
	from { clip-path: var(--appearPath); }
	10% { transform: scale(.86); }
	90% { transform: none; }
	to { clip-path: var(--afterPath); }
}


/**
 * 課題曲
 * -------------------------------------------------- */
.c5-songs {
	z-index: 2;
	position: fixed;
	bottom: var(--sidegap);
	width: fit-content;
	margin-left: calc(var(--sidegap) / 2);
	transition: translate .4s var(--easeOut);
}
.c5-contents[data-on="comment"] .c5-songs {
	translate: calc(-100% - var(--sidegap) / 2) 0;
}
@media (max-width: 767.98px) {
	.c5-songs {
		display: none;
	}
}
@media (min-aspect-ratio: 16/9) {
	.c5-songs {
		bottom: calc(var(--sidegap) / 2);
	}
}

/* :::::: 再生ボタン :::::: */
.c5-playbutton {
	display: flex;
	align-items: center;
	gap: 1em;
	--fontMin: 16;
	--fontMax: 20;
	font-size: var(--fontSize);
	line-height: 1.5;
	text-align: left;
}
.c5-playbutton span {
	font-size: 80%;
}
.c5-playbutton .icon {
	display: grid;
	place-items: center;
	position: relative;
	width: var(--songplaySize);
	height: var(--songplaySize);
	border-radius: var(--songplaySize);

	background: linear-gradient(to top, #000, #333);
}
.c5-playbutton .icon::before {
	content: "";
	position: absolute;
	inset: 10%;
	border-radius: inherit;
	background: linear-gradient(to top, #333, #000);
}
.c5-playbutton .icon svg {
	grid-area: 1 / 1;
	position: relative;
	width: 100%;
}
.c5-playbutton.is-playing .icon .play,
.c5-playbutton:not(.is-playing) .icon .pause {
	visibility: hidden;
}
.c5-playbutton.is-fadeout {
	pointer-events: none;
}
.c5-playbutton.is-effect .icon {
	animation: offEffect .8s both;
}
.c5-playbutton.is-playing.is-effect .icon {
	animation: onEffect .5s both;
}
.c5-playbutton .label {
	display: grid;
	justify-items: flex-start;
	text-shadow: 0 0 4px #0008;
}
@keyframes offEffect {
	from { transform: scale(.8); }
	20% { transform: scale(1.1); }
	40% { transform: scale(.9); }
	60% { transform: scale(1.04); }
	80% { transform: scale(.98); }
}
@keyframes onEffect {
	from { transform: scale(.8); }
	33% { transform: scale(1.1); }
	66% { transform: scale(.98); }
}
@media (hover) {
	.c5-playbutton .icon {
		transition: scale .4s var(--easeOut);
	}
	.c5-playbutton svg {
		transition: filter .4s var(--easeOut);
	}
	.c5-playbutton:hover .icon {
		scale: .9;
		transition-duration: .2s;
	}
	.c5-playbutton:hover svg {
		filter: drop-shadow(0 0 4px red);
		transition-duration: .2s;
	}
}

/* :::::: 募集期間は終了しました :::::: */
.c5-is-closed {
	position: relative;
	width: fit-content;
}
.c5-is-closed::after {
	content: "";
	z-index: 1;
	position: absolute;
	inset: -1em;
}
.c5-is-closed__text {
	z-index: 2;
	position: absolute;
	inset: 50% 0 auto;
	width: fit-content;
	margin: -.6em auto 0;
	padding-inline: .2em;
	--fontMin: 20;
	--fontMax: 24;
	font: 700 var(--fontSize) / 1.2 var(--fontSans);
	white-space: nowrap;
	text-align: center;
	opacity: 1;
	border-bottom: 1.5px solid currentcolor;
}
.c5-is-closed s {
	display: inherit;
	text-decoration: none;
	opacity: .2;
}

/* :::::: タイポグラフィ :::::: */
.c5-subject {
	--fontMin: 18;
	--fontMax: 24;
	font-size: var(--fontSize);
}
.c5-subject.-sub {
	--fontMin: 16;
	--fontMax: 18;
}
.c5-paragraph {
	--fontMin: 14;
	--fontMax: 16;
	font-size: var(--fontSize);
}
.c5-paragraph.-notice {
	margin-top: 1em;
	padding: 1em;
	border: 1px solid #fffa;
	text-align: center;
}
.c5-note,
.c5-notes {
	--fontMin: 10;
	--fontMax: 14;
	font-size: var(--fontSize);
}
.c5-notes li {
	padding-left: 1em;
	text-indent: -1em;
}
.c5-linktext {
	background: linear-gradient(currentcolor, currentcolor) left bottom / 100% 1px no-repeat;
}
.c5-button[target]::after,
.c5-linktext[target]::after {
	content: "";
	display: inline-block;
	position: relative;
	top: -.1em;
	width: .75em;
	height: .75em;
	margin-left: .25em;
	vertical-align: middle;
	background: var(--external) center / cover no-repeat;
	--external: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none" stroke="white"><path d="M10.978,1h6.022v6.021M8.971,1H1.86c-.475,0-.86.385-.86.86v14.28c0,.475.385.86.86.86h14.28c.475,0,.86-.385.86-.86v-7.132M5.468,12.546L17,1" fill="none" stroke-width="2"/></svg>');
}
.c5-modal__contents .c5-linktext[target]::after {
	mix-blend-mode: exclusion;
}
@media (hover) {
	.c5-linktext {
		transition: background-size .4s var(--easeOut);
	}
	.c5-linktext:hover {
		background-position: right bottom;
		background-size: 0 1px;
		transition-duration: .2s;
	}
}

/* :::::: ボタン :::::: */
.c5-button {
	display: grid;
	place-items: center;
	grid-template-columns: 1fr auto;
	width: 100%;
	height: max(var(--cw) * 64 / var(--aspect), 64px);
	padding-inline: 1em;
	border: 1px solid var(--themecolor);
	border-radius: 8px;
	color: white;
	--fontMin: 18;
	--fontMax: 18;
	font: 600 var(--fontSize) / 1.4 var(--fontSans);
	background: var(--themecolor);
}
.c5-button:hover,
.c5-button:active,
.c5-button:visited {
	color: white;
}
.c5-button:disabled {
	pointer-events: none;
	color: var(--gray);
	border-color: var(--gray);
	background: transparent;
}
.c5-button[data-modal="terms"] {
	--fontMin: 16;
	--fontMax: 16;
	letter-spacing: 0;
}
.c5-button .ico {
	overflow: visible;
	width: 1em;
	height: auto;
	fill: none;
	stroke: currentcolor;
	stroke-width: 3;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.c5-button .ico + .text,
.c5-button .text + .ico {
	padding-left: 1em;
}
.c5-button .icon .arr {
	width: 1.875em;
}
.c5-button .icon .external {
	stroke-linecap: butt;
	stroke-linejoin: unset;
}
/* Motion */
:where(.c5-button).is-popn {
	animation: popn .6s both;
}
.c5-button:not(:disabled).is-anim {
	animation: punn .4s both;
}
.c5-button:disabled.is-anim {
	animation: sunn .3s both;
}
@media (hover) {
	.c5-button,
	.c5-button:hover,
	.c5-button:active {
		transition: scale .4s var(--easeOut);
	}
	.c5-button .icon,
	.c5-button:hover .icon,
	.c5-button:active .icon {
		transition: clip-path .3s var(--easeBack);
	}
	.c5-button:hover {
		scale: .94 .9;
		transition-duration: .2s;
	}
	.c5-button:hover .icon {
		clip-path: polygon(.5em 0, 100% 0, 100% 100%, 2.25em 100%);
	}
}
@media (max-width: 767.98px) {
	.c5-button {
		width: calc(var(--cw) * 315 / var(--aspect));
		height: calc(var(--cw) * 56 / var(--aspect));
	}
}
@media (min-width: 768px) {
	.c5-button {
		width: min(var(--cw) * 340 / var(--aspect), 340px);
		height: min(var(--cw) * 64 / var(--aspect), 64px);
		letter-spacing: .05em;
	}
}

/**
 * Modal
 * -------------------------------------------------- */
.c5-modal {
	z-index: 5;
	position: fixed;
	inset: 0;
	overflow: hidden;
	width: 100%;
	height: 100dvh;
}
.c5-modal__closer {
	display: grid;
	place-content: center;
	z-index: 4;
	position: absolute;
	top: calc(var(--sidegap) / 2);
	right: calc(var(--sidegap) / 2);
	aspect-ratio: 1 / 1;
	width: min(var(--cw) * 44 / var(--aspect), 44px);
	height: auto;
	border: 1px solid white;
	border-radius: 50%;
	color: white;
	line-height: 0;
	mix-blend-mode: exclusion;
}
.c5-modal__closer svg {
	width: 100%;
	height: auto;
}
.c5-modal__container {
	display: grid;
	position: fixed;
	inset: 0;
	padding: var(--sidegap);
	overflow: auto;
	background: #0008;
	/* スクロールバーを消す */
	scrollbar-width: none;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
}
.c5-modal__container::-webkit-scrollbar {
	display: none;
}
.c5-modal__contents {
	align-self: center;
	width: 100%;
	padding: var(--sectionSpace) var(--sidegap);
	border-radius: 8px;
	background: white;
}
.c5-modal__closer:not(.is-active) {
	pointer-events: none;
	opacity: 0;
	scale: .6;
}
.c5-modal__closer.is-motion {
	transition: opacity .2s var(--easeOut), scale .2s var(--easeOut);
}
.c5-modal__closer.is-motion.is-active {
	transition-duration: .4s;
	transition-delay: .2s;
	transition-timing-function: var(--easeOut), var(--easeBack);
}
.c5-modal__container:not(.is-active) {
	opacity: 0;
}
.c5-modal__container.is-motion {
	transition: opacity .4s var(--easeOut);
	transition-delay: .2s;
}
.c5-modal__container.is-motion.is-active {
	transition-delay: 0s;
}
.c5-modal__contents:not(.is-active) {
	opacity: 0;
	translate: 0 40px;
}
.c5-modal__contents.is-motion {
	transition: opacity .2s var(--easeOut), translate .2s var(--easeOut);
}
.c5-modal__contents.is-motion.is-active {
	transition-delay: .2s;
	transition-duration: .4s;
}
@media (hover) {
	.c5-modal__closer {
		transition: scale .4s var(--easeOut);
	}
	.c5-modal__closer:hover {
		scale: .9;
		transition-duration: .2s;
	}
}
@media (min-width: 768px) {
	.c5-modal__closer {
		top: var(--sidegap);
		right: var(--sidegap);
	}
	.c5-modal__contents {
		width: min(var(--cw) * 1000 / var(--aspect), 1000px);
		margin-inline: auto;
		padding-block: calc(var(--sectionSpace) * 2);
	}
}

/**
 * Drawer
 * -------------------------------------------------- */
.c5-drawer {
	--offset: 0px;
	z-index: 4;
	position: absolute;
	inset: 0;
	overflow: hidden;
	width: 100%;
	height: 100dvh;
	backface-visibility: hidden;
	pointer-events: none;
}
.c5-drawer__panel {
	pointer-events: auto;
	display: grid;
	position: absolute;
	inset: 0;
	overflow: auto;
	padding: var(--sidegap);
	padding-top: var(--headerHeight);
	transform: translateX(100%);
	background: linear-gradient(to top, #000e, #000d 80%, #000c);
	backdrop-filter: blur(5px);
	/* スクロールバーを消す */
	scrollbar-width: none;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
}
.c5-drawer__panel::-webkit-scrollbar {
	display: none;
}
.c5-drawer__panel.is-anim {
	transition: transform .4s cubic-bezier(.2,1,.8,1);
}
.c5-drawer__closer {
	pointer-events: none;
	display: grid;
	place-content: center;
	z-index: 4;
	position: absolute;
	top: var(--sidegap);
	right: var(--sidegap);
	aspect-ratio: 1 / 1;
	width: min(var(--cw) * 44 / var(--aspect), 44px);
	height: auto;
	border: 1px solid currentcolor;
	border-radius: 50%;
	color: currentcolor;
	line-height: 0;
	opacity: 0;
	scale: .6;
}
.c5-drawer__closer.is-active {
	pointer-events: auto;
	opacity: 1;
	scale: 1;
}
.c5-drawer__closer.is-motion {
	transition: opacity .2s var(--easeOut), scale .2s var(--easeOut);
}
.c5-drawer__closer.is-motion.is-active {
	transition-duration: .4s;
	transition-delay: .2s;
	transition-timing-function: var(--easeOut), var(--easeBack);
}
.c5-drawer__knob {
	aspect-ratio: 44 / 60;
	width: min(var(--cw) * 44 / var(--aspect), 44px);
	height: auto;
	padding-inline: .5em;
	box-sizing: content-box;
	color: currentcolor;
	user-select: none;
	-webkit-user-select: none;
}
@media (hover) {
	.c5-drawer__closer {
		transition: scale .4s var(--easeOut);
	}
	.c5-drawer__closer:hover {
		scale: .9;
		transition-duration: .2s;
	}
}
@media (hover: none) {
	.c5-drawer__knob::after {
		content: "";
		position: absolute;
		width: calc(var(--containerWidth) * .4);
		height: calc(100dvh - var(--playergap) * 5 - var(--controlButtonSize) * 4 - var(--navigationHeight));
		top: calc(100% + var(--playergap));
		right: calc(var(--sidegap) * -1);
	}
}


/**
 * Common
 * -------------------------------------------------- */
.c5-header {
	z-index: 4;
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 2em;
	position: fixed;
	inset: 0 0 auto;
	height: var(--headerHeight);
	padding-inline: var(--sidegap);
	color: white;
}
.c5-header > * {
	color: currentcolor;
	fill: currentcolor;
	font: normal 1rem / 0 sans-serif;
}
.c5-header svg {
	width: 100%;
	height: auto;
	fill: currentcolor;
}
.c5-header .logo {
	width: min(var(--cw) * 66 / 390, 93px);
	margin-right: auto;
	outline: none;
}
.c5-header .logo a {
	display: block;
	color: inherit;
}
.c5-header .linkbuds {
	width: min(var(--cw) * 156 / 390, 156px);
	margin: 0;
}
.c5-header a:hover,
.c5-header a:active,
.c5-header a:visited {
	color: inherit;
}
@media (max-width: 767.98px) {
	.c5-header {
		column-gap: 1em;
		background: var(--darkgray);
	}
}

/* :::::: Archive :::::: */
.c5-archives {
	--size: 48px;
}
.c5-archive__button {
	display: grid;
	grid-template-rows: 1fr auto;
	place-items: center;
	width: var(--size);
	height: var(--size);
	padding: 4px;
}
.c5-archive__button > svg {
	grid-area: 1 / 1;
	width: 62.5%;
	overflow: visible;
	fill: none;
	stroke: currentcolor;
	stroke-width: 1.6;
	stroke-linecap: round;
	transition: translate .2s var(--easeOut), rotate .2s var(--easeOut);
	transition-delay: .1s, 0s;
}
.c5-archive__button > svg:nth-child(1) {
	translate: 0 -8px;
}
.c5-archive__button > svg:nth-child(3) {
	translate: 0 8px;
}
.c5-archive__label {
	width: 120%;
	height: auto;
	line-height: 0;
}
.c5-archive__menu {
	display: grid;
	place-content: start center;
	position: absolute;
	width: 100%;
	height: calc(100dvh - var(--headerHeight));
	padding: 1em;
	--fontMin: 14;
	--fontMax: 16;
	font-size: var(--fontSize);
	line-height: 1.5;
	background: #333;
}
.c5-archive__item {
	border-image: linear-gradient(var(--gray), var(--gray)) 0 0 1 / 0 1em 1px;
}
.c5-archive__link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: .5em;
	padding: 1em;
}
.c5-archive__link::after {
	content: "";
	display: inline-block;
	min-width: 1em;
	height: 1em;
	background: var(--arr) center / contain no-repeat;
	--arr: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="23" viewBox="0 0 30 23"><path d="M1,11.5h28M17.974,1l11.025,10.5-11.025,10.5" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.c5-archive__link[aria-current="page"] {
	pointer-events: none;
	opacity: .3;
}
@media (hover) {
	.c5-archive__link::after {
		transition: translate .4s var(--easeOut);
	}
	.c5-archive__link:hover::after {
		translate: .5em 0;
	}
}
@media (min-width: 768px) {
	.c5-archive__menu {
		inset: 100% 0 0 auto;
		max-width: min(var(--cw) * 320 / var(--aspect), 320px);
		clip-path: inset(0 0 0 100%);
	}
}
@media (max-width: 767.98px) {
	.c5-archive__menu {
		inset: 100% 0 0;
		padding-inline: var(--sidegap);
		clip-path: inset(0 0 100%);
	}
}
/* Motion */
.c5-archive__button.is-active > svg {
	transition-delay: 0s, .1s;
	transition-timing-function: var(--easeOut), var(--easeBack);
}
.c5-archive__button.is-active > svg:nth-child(1) {
	translate: 0;
	rotate: 45deg;
}
.c5-archive__button.is-active > svg:nth-child(2) {
	transform: scaleX(0);
}
.c5-archive__button.is-active > svg:nth-child(3) {
	translate: 0;
	rotate: -45deg;
}
.c5-archive__menu:not(.is-active) {
	display: none;
}
.c5-archive__menu.is-open {
	clip-path: inset(0 0);
}
.c5-archive__menu.is-motion {
	transition: clip-path .4s var(--easeOut);
}

/* :::::: Pagetop :::::: */
.c5-pagetop {
	--size: calc(var(--cw) * 30 / var(--aspect));
	display: block;
	z-index: 2;
	position: fixed;
	right: calc(var(--sidegap) / 2);
	bottom: var(--sidegap);
	width: var(--size);
	height: var(--size);
	border-radius: var(--size);
	transition: translate .4s var(--easeOut);
}
.c5-pagetop:hover,
.c5-pagetop:active,
.c5-pagetop:visited {
	color: inherit;
}
.c5-pagetop svg {
	width: 100%;
	height: auto;
	fill: currentcolor;
}
@media (hover) {
	.c5-pagetop {
		transition: scale .4s var(--easeBack), translate .4s var(--easeInOut);
	}
	.c5-pagetop:hover {
		scale: .9;
		transition-duration: .2s;
	}
}
@media (max-width: 767.98px) {
	.c5-pagetop {
		translate: 0 calc(100% + var(--sidegap));
	}
	.c5-pagetop[data-on="meetup"],
	.c5-pagetop[data-on="guidelines"] {
		translate: 0;
	}
}
@media (min-width: 768px) {
	.c5-pagetop {
		--size: max(var(--cw) * 30 / var(--aspect), 30px);
	}
	.c5-contents[data-on="overview"] .c5-pagetop,
	.c5-contents[data-on="comment"] .c5-pagetop {
		translate: 0 calc(100% + var(--sidegap));
	}
}

/* :::::: Progress Bar :::::: */
.c5-contents__progress {
	--position: 0;
	--size: 200px;
	--barWidth: 3px;
	--barHeight: 10%;
	z-index: 3;
	position: fixed;
	top: calc(50% - var(--size) / 2);
	right: calc(var(--sidegap) / 2 - var(--barWidth) / 2);
	width: var(--barWidth);
	height: var(--size);
	opacity: .8;
	pointer-events: none;
	transition: opacity .4s;
}
.c5-contents__progress .track {
	width: 1px;
	height: 100%;
	margin: 0 auto;
	background: var(--darkgray);
}
.c5-contents__progress .bar {
	position: absolute;
	top: 0;
	width: var(--barWidth);
	height: var(--barHeight); /* 後に js で書き換え */
	border-radius: var(--barWidth);
	background: var(--themecolor);
	transform: translateY( var(--position) );
}
@media (min-width: 768px) {
	.c5-contents__progress {
		right: calc(var(--sidegap) / 2);
	}
}

/* :::::: Footer :::::: */
.c5-footer {
	scroll-snap-align: end;
	display: grid;
	position: relative;
	place-items: center;
	padding-block: var(--sidegap);
	text-align: center;
}
.c5-footer .copyright {
	width: 100%;
	padding: 2em 0 1em;
	border-top: 1px solid var(--gray);
	font: 400 .625rem / 1.6 var(--fontSST);
}
@media (max-width: 767.98px) {
	.c5-footer {
		width: calc(100% / var(--sidegap) * 2);
		padding-inline: var(--sidegap);
	}
	.c5-footer .copyright {
		padding-top: var(--sidegap);
	}
}
@media (min-width: 768px) {
	.c5-footer {
		z-index: 1;
		margin-left: auto;
		width: calc(var(--cw) / 3);
		padding-right: calc(var(--sidegap) * 2);
	}
}

/* :::::: Loader :::::: */
.c5-loader {
	--size: 120px;
	--color: darkgray;
	position: relative;
	line-height: 0;
	pointer-events: none;
}
.c5-loader .c {
	width: var(--size);
	height: auto;
	overflow: visible;
	fill: none;
	stroke: var(--color);
	stroke-width: 1;
	stroke-linecap: round;
	stroke-dasharray: 190 190;
	
	/* for Animation */
	animation: loader 1.4s infinite cubic-bezier(.4,0,.3,1), rolling 1.2s infinite linear;
}
.c5-loader::before {
	content: "";
	position: absolute;
	inset: 0;
	width: var(--size);
	height: var(--size);
	border: 1px solid var(--color);
	border-radius: var(--size);
	opacity: .3;
}
@keyframes loader {
	from { stroke-dashoffset: 190; }
	to { stroke-dashoffset: -190; }
}
@keyframes rolling {
	from { transform: none; }
	to { transform: rotate(360deg); }
}

/* :::::: PLAY the MUSIC トップページへ戻る :::::: */
.c5-chapter-pageback {
	display: grid;
	align-items: flex-end;
	height: calc(100dvh - 3em - var(--sidegap) * 2);
	padding-block: var(--headerHeight);
	pointer-events: none;
}
.c5-chapter-pageback .c5-chapter__inner {
	pointer-events: auto;
	padding: 0;
}
.c5-chapter-pageback .c5-button {
	grid-template-columns: auto;
	height: auto;
	row-gap: .5em;
	padding: .5em;
	max-width: calc(100% - var(--sidegap) * 2);
	--fontMin: 16;
	--fontMax: 16;
}
.c5-chapter-pageback .c5-button svg {
	width: 6em;
}
@media (max-width: 767.98px) {
	.c5-chapter-pageback {
		position: relative;
		height: calc(100dvh - 3em - var(--sidegap) * 3);
	}
	.c5-chapter-pageback .c5-button {
		margin-inline: auto;
	}
}
@media (min-width: 768px) {
	.c5-chapter-pageback {
		z-index: 1;
		position: relative;
	}
	.c5-chapter-pageback .c5-chapter__inner {
		width: calc(var(--cw) / 3);
		margin-left: auto;
		padding-right: calc(var(--sidegap) * 2);
	}
}

/* :::::: Loading :::::: */
.c5-loading {
	display: grid;
	place-items: center;
	z-index: 10;
	position: fixed;
	inset: 0;
	color: white;
	background: black;
}
.c5-loading > * {
	grid-area: 1 / 1;
}
.c5-loading .sst svg {
	overflow: visible;
	width: auto;
	height: 1em;
	fill: currentcolor;
	line-height: 1;
	vertical-align: text-bottom;
}
.c5-loading .sst path {
	animation: loading 1.6s infinite;
}
.c5-loading .sst path:nth-child(1) { animation-delay: -1.2s; }
.c5-loading .sst path:nth-child(2) { animation-delay: -1.1s; }
.c5-loading .sst path:nth-child(3) { animation-delay: -1s; }
.c5-loading .sst path:nth-child(4) { animation-delay: -.9s; }
.c5-loading .sst path:nth-child(5) { animation-delay: -.8s; }
.c5-loading .sst path:nth-child(6) { animation-delay: -.7s; }
.c5-loading .sst path:nth-child(7) { animation-delay: -.6s; }
/* loaded */
.c5-loading.is-loaded {
	pointer-events: none;
	opacity: 0;
	transition: opacity 1s .4s;
}
.c5-loading.is-loaded .c5-loader {
	opacity: 0;
	scale: .8;
	transition: opacity .6s, scale .6s cubic-bezier(.3,1,.7,1);
}
.c5-loading.is-loaded .sst {
	opacity: 0;
	transform-origin: top center;
	scale: .4;
	transition: opacity .4s, scale .4s cubic-bezier(.3,0,.7,0);
}
@keyframes loading {
	from { opacity: 0; transform: translateY(-.5em); animation-timing-function: cubic-bezier(.3,1,.7,1); }
	40%, 80% { opacity: 1; transform: none; animation-timing-function: cubic-bezier(.3,0,.7,0); }
	to { opacity: 0; transform: translateY(.5em); }
}

/**
 * Utility
 * -------------------------------------------------- */
.c5-visuallyhidden {
	position: absolute;
	top: 0;
	left: 0;
	clip: rect(0 0 0 0);
	overflow: hidden;
	width: 1px;
	height: 1px;
	white-space: nowrap;
}

/* :::::: コピーする :::::: */
.c5-js-textcopy {
	position: relative;
	margin-top: .5em;
	padding: .15em .5em;
	border-radius: .25em;
	--fontMin: 14;
	--fontMax: 16;
	font-size: var(--fontSize);
	background: var(--themecolor);
}
.c5-js-textcopy .sub {
	position: absolute;
	top: calc(50% - 1em);
	left: calc(100% + .5em);
	width: fit-content;
	margin-inline: auto;
	padding: .15em .5em;
	border-radius: .25em;
	font-size: 75%;
	white-space: nowrap;
	background: var(--themecolor);
	opacity: 0;
	transform-origin: left center;
}
.c5-js-textcopy .sub::before {
	content: "";
	position: absolute;
	top: calc(50% - .375em);
	right: 98%;
	width: .75em;
	height: .75em;
	clip-path: polygon(0 50%, 100% 0, 100% 100%);
	background: var(--themecolor);
}
.c5-js-textcopy.is-copied {
	pointer-events: none;
	border-color: var(--gray);
	background: var(--gray);
	animation: copiedBg 2s var(--easeOut) both;
}
.c5-js-textcopy.is-copied .main {
	animation: copiedMain 2s var(--easeOut) both;
}
.c5-js-textcopy.is-copied .sub {
	animation: copiedSub 2s var(--easeOut) both;
}
@keyframes copiedBg {
	from, to { background: var(--themecolor); }
	20%, 80% { background: var(--gray); }
}
@keyframes copiedMain {
	from, to { opacity: 1; transform: none; }
	20%, 80% { opacity: 0; transform: scale(1.1); }
	80.001% { transform: scale(.9); }
}
@keyframes copiedSub {
	from { opacity: 0; transform: scale(.9); }
	20%, 80% { opacity: 1; transform: none; }
	to { opacity: 0; transform: scale(.98); }
}
@media (hover) {
	.c5-js-textcopy {
		cursor: pointer;
	}
}

:root {
	--themecolor: red;
	--gray: #777;
	--darkgray: #363434;
	--fontSST: "SST W20 Roman", "Arial", sans-serif;
	--fontSans: "TypelaboN+ R JIS2004 AP", "Meiryo", "Arial", sans-serif;
	--fontSerif: "TsukuAOldMinPr6N-L", "Shippori Mincho B1", "Georgia", serif;
	--easeIn: cubic-bezier(.3,0,.7,0);
	--easeOut: cubic-bezier(.3,1,.7,1);
	--easeInOut: cubic-bezier(.7,0,.3,1);
	--easeBack: cubic-bezier(.3,1.6,.7,1);
}
html {
	height: auto;
	overscroll-behavior: auto;
}
body {
	--cw: 100vw;
	margin: 0;
	fill: currentcolor;
	font: 400 normal 1em / 1.75 var(--fontSans);
	overscroll-behavior: auto;
	
	/* テキストの選択メニューを無効にする */
	-webkit-touch-callout: none;
	
	/* for コンテンツ (スクロールは .c5-container でする) */
	overflow: hidden !important;
}
body.is-fixed {
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100%;
}
body.scrollbar {
	overflow-y: scroll;
}
:is(img,svg) {
	pointer-events: none;
	user-select: none;
	-webkit-user-select: none;
}
:where(.c5-container) :is(img,svg) {
	width: var(--imgSize);
	max-width: 100%;
	height: auto;
	fill: currentcolor;
	
	/* for Size calc */
	--imgSize: calc(var(--cw) * var(--imgBasis) / var(--aspect));
}
:where(.c5-container,.c5-modal,.c5-archives) :where(
		h2,h3,h4,p,ul,ol,dl,button,figcaption,
		.c5-button,
		.c5-playbutton,
		.c5-download__link
	) {
	--fontSize: calc(var(--cw) * var(--fontMin) / var(--aspect));
	--fontLiquid: calc(var(--cw) * var(--fontMin) / var(--aspect));
}
@media (max-width: 767.98px) {
	.c5-dtonly { display: none !important; }
	body {
		--aspect: 390;
		--sidegap: calc(var(--cw) * 24 / var(--aspect));
		--sectionSpace: calc(var(--cw) * 24 / var(--aspect));
		--headerHeight: clamp(56px, var(--cw) * 56 / var(--aspect), 80px);
	}
	svg[style^="--w:"] {
		width: calc(var(--cw) * var(--w) * .75 / var(--aspect));
		height: auto;
	}
}
@media (min-width: 768px) {
	.c5-mdonly { display: none !important; }
	body {
		--aspect: 1560;
		--sidegap: min(var(--cw) * 40 / var(--aspect), 40px);
		--sectionSpace: min(var(--cw) * 48 / var(--aspect), 48px);
		--headerHeight: 72px;
	}
	.c5-container :is(img,svg) {
		--imgSize: min(var(--cw) * var(--imgBasis) / var(--aspect), var(--imgBasis) * 1px);
	}
	:where(.c5-container,.c5-modal,.c5-archives) :where(
			h2,h3,h4,p,ul,ol,dl,button,figcaption,
			.c5-button,
			.c5-playbutton,
			.c5-download__link
		) {
		--fontSize: min(var(--cw) * var(--fontMax) / var(--aspect), var(--fontMax) * 1px);
		--fontLiquid: calc(var(--cw) * var(--fontMax) / var(--aspect));
	}
	svg[style^="--w:"] {
		width: min(var(--cw) * var(--w) / var(--aspect), var(--w) * 1px);
		height: auto;
	}
}
::selection {
	color: black;
	background: gainsboro;
	-webkit-text-fill: transparent;
}
*,*::before,*::after{box-sizing:border-box;}
:where(ul,ol){list-style:none;padding:0;}
:where(img,svg,video,iframe){vertical-align:middle;}
:where(img[height],picture>img,video[height]){height:auto;}
:where(input,button,textarea,select,small){font:inherit;}
:where(body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,ul,ol,dl,dd){margin:0;}
:where(img,picture,video,iframe){display:inline-block;max-width:100%;}
:where(a){color:inherit;text-decoration:inherit;text-decoration-skip-ink:auto;}
:where(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;color:inherit;background:none;}
@media(hover){:where(a,button){cursor:pointer}}
:where(sub){vertical-align:baseline;}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important;}}

/** splide-core.min.css */
@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}

/** photoswipe.css */
.pswp .pswp__bg {
	background: black url(../img/band_spotlight.webp) center top / 120% auto no-repeat;
}
@media (min-width: 768px) {
	.pswp .pswp__bg {
		background-size: cover;
	}
}
.pswp .pswp__container.is-standby {
	opacity: 0;
}
.pswp .pswp__container.is-motion {
	transition: opacity .4s;
}
.pswp .pswp__top-bar {
	inset: calc(var(--sidegap) * .5);
	top: var(--headerHeight);
	bottom: auto;
	width: calc(100% - var(--sidegap));
}
.pswp .pswp__button {
	width: 48px;
	height: 48px;
}
.pswp .pswp__button .pswp__icn {
	position: static;
	overflow: visible;
	width: 24px;
	height: 24px;
}
.pswp .pswp__button--close,
.pswp .pswp--zoom-allowed .pswp__button--zoom {
	display: grid;
	place-items: center;
}
.pswp .pswp__icn,
.pswp .pswp__icn-shadow {
	fill: none;
	stroke: white;
	stroke-width: 3;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.pswp .pswp__icn-shadow {
	stroke: black;
	stroke-width: 5;
}
.pswp {
	--pswp-bg: #000;--pswp-placeholder-bg: #222;--pswp-root-z-index: 3;--pswp-preloader-color: rgba(79, 79, 79, 0.4);--pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);--pswp-icon-color: #fff;--pswp-icon-color-secondary: #4f4f4f;--pswp-icon-stroke-color: #4f4f4f;--pswp-icon-stroke-width: 2px;--pswp-error-text-color: var(--pswp-icon-color);
	position: fixed;z-index: var(--pswp-root-z-index);display: none;touch-action: none;outline: 0;opacity: 0.003;contain: layout style size;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.pswp:focus {outline: 0;}.pswp * {box-sizing: border-box;}.pswp img {max-width: none;}.pswp--open {display: block;}.pswp, .pswp__bg {transform: translateZ(0);will-change: opacity;}.pswp__bg {opacity: 0.005;background: var(--pswp-bg);}.pswp, .pswp__scroll-wrap {overflow: hidden;}.pswp, .pswp__scroll-wrap, .pswp__bg, .pswp__container, .pswp__item, .pswp__content, .pswp__img, .pswp__zoom-wrap {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.pswp__img, .pswp__zoom-wrap {width: auto;height: auto;}.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in;}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {cursor: move;cursor: -webkit-grab;cursor: -moz-grab;cursor: grab;}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {cursor: -webkit-grabbing;cursor: -moz-grabbing;cursor: grabbing;}.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img, .pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active, .pswp__img {cursor: -webkit-zoom-out;cursor: -moz-zoom-out;cursor: zoom-out;}.pswp__container, .pswp__img, .pswp__button {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}.pswp__item {z-index: 1;overflow: hidden;}.pswp__hidden {display: none !important;}.pswp__content {pointer-events: none;}.pswp__content > * {pointer-events: auto;}.pswp__error-msg-container {display: grid;}.pswp__error-msg {margin: auto;font-size: 1em;line-height: 1;color: var(--pswp-error-text-color);}.pswp .pswp__hide-on-close {opacity: 0.005;will-change: opacity;transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);z-index: 10;pointer-events: none;}.pswp--ui-visible .pswp__hide-on-close {opacity: 1;pointer-events: auto;}.pswp__button {position: relative;display: block;width: 50px;height: 60px;padding: 0;margin: 0;overflow: hidden;cursor: pointer;background: none;border: 0;box-shadow: none;opacity: 0.85;-webkit-appearance: none;-webkit-touch-callout: none;}.pswp__button:hover, .pswp__button:active, .pswp__button:focus {transition: none;padding: 0;background: none;border: 0;box-shadow: none;opacity: 1;}.pswp__button:disabled {opacity: 0.3;cursor: auto;}
.pswp__icn {
	fill: var(--pswp-icon-color);color: var(--pswp-icon-color-secondary);
	position: absolute;top: 14px;left: 9px;width: 32px;height: 32px;overflow: hidden;pointer-events: none;
}
.pswp__icn-shadow {stroke: var(--pswp-icon-stroke-color);stroke-width: var(--pswp-icon-stroke-width);fill: none;}.pswp__icn:focus {outline: 0;}div.pswp__img--placeholder, .pswp__img--with-bg {background: var(--pswp-placeholder-bg);}.pswp__top-bar {position: absolute;left: 0;top: 0;width: 100%;height: 60px;display: flex;flex-direction: row;justify-content: flex-end;z-index: 10;pointer-events: none !important;}.pswp__top-bar > * {pointer-events: auto;will-change: opacity;}.pswp__button--close {margin-right: 6px;}.pswp__button--arrow {
	position: absolute;width: 75px;height: 100px;top: 50%;margin-top: -50px;
}
.pswp__button--arrow:disabled {display: none;cursor: default;}.pswp__button--arrow .pswp__icn {top: 50%;margin-top: -30px;width: 60px;height: 60px;background: none;border-radius: 0;}.pswp--one-slide .pswp__button--arrow {display: none;}.pswp--touch .pswp__button--arrow {visibility: hidden;}.pswp--has_mouse .pswp__button--arrow {visibility: visible;}.pswp__button--arrow--prev {right: auto;left: 0px;}.pswp__button--arrow--next {right: 0px;}.pswp__button--arrow--next .pswp__icn {left: auto;right: 14px;transform: scale(-1, 1);}.pswp__button--zoom {display: none;}.pswp--zoom-allowed .pswp__button--zoom {display: block;}.pswp--zoomed-in .pswp__zoom-icn-bar-v {display: none;}.pswp__preloader {position: relative;overflow: hidden;width: 50px;height: 60px;margin-right: auto;}.pswp__preloader .pswp__icn {opacity: 0;transition: opacity 0.2s linear;animation: pswp-clockwise 600ms linear infinite;}.pswp__preloader--active .pswp__icn {opacity: 0.85;}@keyframes pswp-clockwise {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}.pswp__counter {height: 30px;margin: 15px 0 0 20px;font-size: 14px;line-height: 30px;color: var(--pswp-icon-color);text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);opacity: 0.85;}.pswp--one-slide .pswp__counter {display: none;}

/** simplebar.min.css */
@media (max-width: 767.98px) {
	.c5-scrollbar {
		--offset: calc(var(--cw) * 12 / var(--aspect));
	}
}
@media (min-width: 768px) {
	.c5-scrollbar {
		--offset: min(var(--cw) * 24 / var(--aspect), 24px);
	}
}
.c5-scrollbar .simplebar-mask {
	mask: linear-gradient(to top, #0000, #000 var(--offset), #000 calc(100% - var(--offset)), #0000);
}
.c5-scrollbar .simplebar-content-wrapper {
	padding-block: var(--offset);
}
.c5-scrollbar .simplebar-track {
	border-radius: 1px;
	background: var(--darkgray);
}
.c5-scrollbar .simplebar-track.simplebar-vertical {
	top: var(--offset);
	bottom: var(--offset);
	width: 1px;
}
.c5-scrollbar .simplebar-track.simplebar-horizontal {
	height: 1px;
}
.c5-scrollbar .simplebar-scrollbar:before,
.c5-scrollbar .simplebar-scrollbar.simplebar-visible:before {
	inset: 0;
	opacity: 1;
	background: white;
}
[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;top:2px;right:2px;bottom:2px;left:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}