@charset "shift_jis";

/**
 * Component
 * -------------------------------------------------- */
.c5-subject,
.c5-lead {
	font-weight: 600;
	font-size: var(--fontSize);
	line-height: 1.5;
}
.c5-subject {
	--fontMin: 20;
	--fontMax: 32;
}
.c5-lead {
	--fontMin: 18;
	--fontMax: 20;
}
.c5-paragraph,
.c5-note,
.c5-snote,
.c5-dnote {
	font-weight: 400;
	font-size: var(--fontSize);
	line-height: 1.75;
	line-break: strict;
}
.c5-paragraph {
	--fontMin: 14;
	--fontMax: 16;
}
.c5-subject b,
.c5-lead b,
.c5-paragraph b {
	font-weight: 700;
	color: var(--themecolor);
}
.c5-note,
.c5-snote,
.c5-dnote {
	--fontMin: 12;
	--fontMax: 12;
}
p.c5-note:not(.-no),
.c5-note:not(.-no) li {
	padding-left: 1em;
	text-indent: -1em;
}
p.c5-note:not(.-no)::before,
.c5-note:not(.-no) li::before {
	/* MEMO: ※ (※ &#→\0、8251 を16進数に) */
	content: "\0203b";
	font-family: sans-serif;
}
.c5-dnote dt {
	font-weight: 700;
	font-size: 112%;
}
.c5-dnote dd + dt {
	margin-top: .25em;
}
.c5-textlink {
	color: inherit;
	background: linear-gradient(currentcolor, currentcolor) left bottom / 100% 1px no-repeat;
}
.c5-textlink.-c {
	color: #c00;
}
.c5-textlink.-c:hover,
.c5-textlink.-c:active,
.c5-textlink.-c:visited {
	color: #c00;
}
.c5-textlink[target="_blank"] .c5-ico,
a[target="_blank"] .c5-textlink .c5-ico {
	display: inline-block;
	position: relative;
	top: -.1em;
	width: .7em;
	height: .7em;
	margin-inline: .2em .1em;
	fill: none;
	stroke: currentcolor;
	vertical-align: middle;
}
.c5-note,
.c5-dnote,
.c5-terms,
.c5-halt {
	font-feature-settings: "halt" 1;
}
@media (hover) {
	.c5-textlink {
		transition: background-size .4s cubic-bezier(.3,1,.7,1);
	}
	.c5-textlink:hover {
		color: inherit;
		text-decoration: none;
		background-position: right bottom;
		background-size: 0 1px;
		transition: background-size .2s cubic-bezier(.3,1,.7,1);
	}
}
.c5-list {
	--fontMin: 14;
	--fontMax: 16;
	font-size: var(--fontSize);
}
.c5-list li {
	margin-top: .5em;
	padding-left: 1em;
	text-indent: -1em;
}
.c5-list li::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -.1em;
	width: .2em;
	height: .2em;
	margin-inline: .4em;
	border-radius: .2em;
	vertical-align: middle;
	background: currentcolor;
}
.c5-numlist {
	--fontMin: 14;
	--fontMax: 16;
	font-size: var(--fontSize);
}
.c5-numlist li,
.c5-numlist dt {
	counter-increment: item;
	margin-top: .5em;
	padding-left: 1em;
	text-indent: -1em;
}
.c5-numlist dt {
	margin-top: .75em;
	font-weight: 700;
}
.c5-numlist dd {
	margin-top: .25em;
}
.c5-numlist li::before,
.c5-numlist dt::before {
	content: counter(item)".";
	display: inline-block;
	margin-right: .5em;
	text-indent: 0;
}
.c5-numlist.-o li::before,
.c5-numlist.-o dt::before {
	content: counter(item);
	display: inline-grid;
	place-items: center;
	position: relative;
	top: -.1em;
	width: 1.4em;
	height: 1.4em;
	border: 1px solid var(--gray);
	border-radius: 1.4em;
	font-size: 80%;
	line-height: 1;
	vertical-align: middle;
}

/* :::::: ボタン :::::: */
.c5-button {
	display: grid;
	place-items: center;
	grid-template-columns: 1fr auto;
	width: 100%;
	height: max(var(--cw) * 64 / var(--aspect), 64px);
	margin-top: 24px;
	padding-inline: 1em;
	border: 1px solid var(--themecolor);
	border-radius: 8px;
	color: black;
	--fontMin: 21;
	--fontMax: 21;
	font: 700 var(--fontSize) / 1.2 var(--fontSans);
	letter-spacing: .05em;
	background: var(--themecolor);
}
.c5-button:hover,
.c5-button:active,
.c5-button:visited {
	color: black;
}
.c5-button:disabled {
	pointer-events: none;
	color: var(--gray);
	border-color: var(--gray);
	background: transparent;
}
.c5-button[data-id="terms"] {
	--fontMin: 16;
	--fontMax: 16;
	letter-spacing: 0;
}
.c5-button + .c5-button {
	margin-top: 16px;
}
.c5-button .text {
	padding-left: 1em;
}
.c5-button .ico {
	overflow: visible;
	width: 1em;
	height: auto;
	fill: none;
	stroke: currentcolor;
	stroke-width: 3;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.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 (min-width: 768px) {
	.c5-button {
		width: 336px;
		height: 64px;
		margin-inline: auto;
	}
}

/* :::::: チェックボックス :::::: */
.c5-checkbox {
	position: relative;
	width: fit-content;
	margin-inline: auto;
	--fontMin: 16;
	--fontMax: 20;
	font-size: var(--fontSize);
}
.c5-checkbox input {
	position: absolute;
	top: 0;
	left: 0;
	clip: rect(0 0 0 0);
	overflow: hidden;
	width: 1px;
	height: 1px;
}
.c5-checkbox label {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: .5em;
	padding: .5em 1em;
	border-radius: 8px;
}
.c5-checkbox .ico {
	width: 1.5em;
	height: 1.5em;
	padding: .25em;
	fill: none;
	stroke: black;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 24 24;
	stroke-dashoffset: 24;
	background: white;
	transition: stroke-dashoffset .2s var(--easeInOut);
}
.c5-checkbox input:checked + .ico {
	stroke-dashoffset: 0;
	transition-timing-function: var(--easeOut);
}
@media (hover) {
	.c5-checkbox label {
		cursor: pointer;
		transition: background .4s;
	}
	.c5-checkbox label:hover {
		background: #fff2;
		transition-duration: .2s;
	}
}

/* :::::: Movie Button :::::: */
.c5-moviebutton {
	display: grid;
	place-items: center;
	z-index: 0;
	position: relative;
	aspect-ratio: 16 / 9;
	height: auto;
}
.c5-moviebutton::before {
	content: "";
	position: absolute;
	inset: 0;
	background: #0004;
}
.c5-moviebutton .c5-icon {
	--size: 100px;
	z-index: 1;
	border-width: 2px;
}
.c5-moviebutton > * {
	grid-area: 1 / 1;
}
.c5-moviebutton .thumb {
	z-index: -1;
	object-fit: cover;
}
@media (min-width: 768px) and (max-height: 1079.98px) {
	.c5-moviebutton .c5-icon {
		--size: calc(100vh * 100 / 1080);
		border-width: calc(100vh * 2 / 1080);
	}
}
@media (max-width: 767.98px) {
	.c5-moviebutton {
		width: min(var(--cw) - var(--sidegap) * 2, 700px);
	}
	.c5-moviebutton .c5-icon {
		--size: min(var(--cw) * 64 / var(--aspect), 100px);
		border-width: min(var(--cw) * 1 / var(--aspect), 2px);
	}
}
@media (hover) {
	.c5-moviebutton:not(.is-appear)::before {
		transition: background-color .4s var(--easeOut);
	}
	.c5-moviebutton:not(.is-appear) .c5-icon {
		transition: scale .4s var(--easeOut);
	}
	.c5-moviebutton:not(.is-appear):not(:hover)::before {
		background: #0000;
	}
	.c5-moviebutton:not(.is-appear):hover .c5-icon {
		scale: .9;
		transition-duration: .2s;
	}
}

.c5-image > * + figcaption,
.c5-image > figcaption + * {
	margin-top: .25em;
}
.c5-icon {
	width: var(--size);
	height: var(--size);
	border: 1px solid currentcolor;
	border-radius: var(--size);
	fill: currentcolor;
}
.c5-play {
	--size: calc(var(--cw) * 70 / var(--aspect));
	display: grid;
	justify-items: center;
	row-gap: .5em;
}
.c5-play .icon {
	display: grid;
	place-items: center;
	width: var(--size);
	height: var(--size);
	border: 1px solid currentcolor;
	border-radius: var(--size);
}
.c5-play .icon::before {
	content: "";
	width: 40%;
	height: 47.143%;
	margin-left: 7.143%;
	background: currentcolor;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
}
/* Motion */
.c5-play.is-popn .icon {
	animation: popn .6s both;
}
@media (min-width: 768px) {
	.c5-play {
		--size: min(var(--cw) * 70 * 1.692 / var(--aspect));
	}
}
@keyframes popn {
	25% { transform: scale(.8); }
	50% { transform: scale(1.08) }
	75% { transform: scale(.98); }
}
@keyframes punn {
	33% { transform: scale(1.08) }
	66% { transform: scale(.98); }
}
@keyframes sunn {
	40% { transform: scale(.96); }
}

/**
 * コンテンツ
 * -------------------------------------------------- */
.c5-container {
	--bgColor: black;
	--textColor: white;
	--sectionSpace: calc(var(--cw) * 40 / var(--aspect));
	height: 100svh;
	overflow: hidden auto;
	scroll-snap-type: y mandatory;
	scrollbar-width: none;
	color: var(--textColor);
	background: var(--bgColor);
}
.c5-chapter {
	scroll-snap-align: start;
	display: grid;
	width: 100%;
	min-height: 100svh;
	padding-top: var(--headerHeight);
	padding-bottom: var(--sectionSpace);
}
.c5-chapter.is-over {
	/* MEMO: 下からスクロールされる時は下辺にスナップ */
	scroll-snap-align: end;
}
:where(.c5-chapter) .c5-chapter__inner {
	width: calc(100% - var(--sidegap) * 2);
	margin-inline: auto;
}
@media (min-width: 768px) {
	.c5-container {
		--sectionSpace: min(var(--cw) * 48 / var(--aspect), 48px);
	}
	.c5-chapter {
		--chapterWidth: 880;
	}
	:where(.c5-chapter) .c5-chapter__inner {
		width: min(var(--cw) * var(--chapterWidth) / var(--aspect), var(--chapterWidth) * 1px);
	}
}
.c5-chapter__title {
	display: grid;
	font-weight: 600;
	--fontMin: 24;
	--fontMax: 40;
	font-size: var(--fontSize);
	line-height: 1.5;
}
@media (min-width: 768px) {
	.c5-chapter__title {
		justify-items: center;
		text-align: center;
	}
}
/* Motion */
:where(.c5-chapter.is-standby .c5-chapter__inner) > * {
	opacity: 0;
	scale: 1.1;
	filter: blur(8px);
}
: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 .c5-chapter__inner) > .is-appear:nth-child(7) { transition-delay: .6s; }
:where(.c5-chapter .c5-chapter__inner) > .is-appear:nth-child(8) { transition-delay: .7s; }

/* :::::: ステートメント (音楽は、もう聴くだけのものじゃない。) :::::: */
.c5-chapter-statement {
	position: relative;
	font-family: var(--fontSerif);
	text-align: center;
}
@media (min-width: 768px) {
	.c5-chapter-statement p {
		text-align: center;
	}
}
@media (max-width: 767.98px) {
	.c5-chapter-statement .c5-lead {
		letter-spacing: -.05em;
	}
}
.c5-chapter-statement__sml {
	display: block;
	width: 80%;
	margin: 0 auto;
	margin-top: min(var(--cw) * 24 / var(--aspect), 24px);
}
:where(.c5-chapter-statement) .c5-chapter__inner {
	align-self: center;
}
:where(.c5-chapter-statement) .c5-image {
	margin-inline: auto;
	padding-bottom: min(var(--cw) * 40 / var(--aspect), 40px);
}
:where(.c5-chapter-statement) .c5-image > * {
	width: 80%;
}
:where(.c5-chapter-statement) .c5-lead,
:where(.c5-chapter-statement) .c5-snote {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	row-gap: .25em;
}
:where(.c5-chapter-statement) .c5-lead {
	margin: 0 auto;
	font-weight: 600;
	--fontMin: 20;
	--fontMax: 36;
}
:where(.c5-chapter-statement) .c5-snote {
	margin: 2em auto 0;
	--fontMin: 12;
	--fontMax: 14;
}
:where(.c5-chapter-statement) .c5-lead > * {
	width: auto;
	height: 1.2em;
}
:where(.c5-chapter-statement) .c5-snote > * {
	width: auto;
	height: 1em;
}
@media (min-width: 768px) {
	:where(.c5-chapter-statement) .c5-image {
		max-width: 64vh;
		padding-block: min(5vh, 40px);
	}
	:where(.c5-chapter-statement) .c5-lead {
		width: 21em;
	}
	:where(.c5-chapter-statement) .c5-lead svg:nth-of-type(2),
	:where(.c5-chapter-statement) .c5-lead svg:nth-of-type(5) {
		flex-basis: 100%;
	}
	:where(.c5-chapter-statement) .c5-lead > * {
		max-height: 4vh;
	}
	:where(.c5-chapter-statement) .c5-snote > * {
		max-height: 1.8vh;
	}
	:where(.c5-chapter-statement) .c5-snote {
		margin-top: min(3vh, 2em);
	}
	.c5-chapter-statement__sml {
		width: min(var(--cw) * 380 / var(--aspect), 380px);
		max-width: 48vh;
		margin-top: min(3vh, 24px)
	}
}
.c5-scrolldown {
	position: absolute;
	right: calc(var(--sidegap) / 2 - 5px);
	top: calc(100svh - 64.4px - var(--sidegap) / 2);
	width: 16px;
	stroke: var(--gray);
	stroke-linecap: round;
	stroke-linejoin: round;
}
.c5-scrolldown svg {
	overflow: visible;
	width: 100%;
	height: auto;
	fill: none;
}
.c5-scrolldown line {
	stroke-dasharray: 0 2.5 0 2.5 0 2.5 22;
}
/* Motion */
:where(.c5-chapter-statement).is-standby {
	visibility: hidden;
}
:where(.c5-chapter-statement .c5-chapter__inner) > .is-anim {
	animation: openMotion 1s var(--easeOut) both;
}
:where(.c5-chapter-statement) .c5-scrolldown.is-anim {
	animation: downScroll .6s var(--easeOut) both;
	
	/* for Timing */
	animation-delay: 2s;
}
:where(.c5-chapter-statement) .c5-image.is-anim {
	animation: logoMotion 2s var(--easeInOut) both;
}
:where(.c5-chapter-statement) .c5-lead.is-anim { animation-delay: 1.4s; }
:where(.c5-chapter-statement) .c5-snote.is-anim { animation-delay: 1.5s; }
:where(.c5-chapter-statement) .c5-chapter-statement__sml.is-anim { animation-delay: 1.6s; }
@keyframes logoMotion {
	from { opacity: 0; transform: translateY(calc(40vh - 50%)) scale(1.2); }
	40% { opacity: 1; transform: translateY(calc(40vh - 50%)); }
	to { opacity: 1; transform: none; }
}
@keyframes openMotion {
	from { opacity: 0; scale: 1.1; filter: blur(8px); }
	to { opacity: 1; scale: 1; filter: none; }
}
@keyframes downScroll {
	from { opacity: 0; translate: 0 -24px; }
	to { opacity: 1; translate: 0; }
}

/* :::::: 音楽制作のリアルを感じよう feat. 紫 今 :::::: */
.c5-chapter__bg {
	position: absolute;
	inset: 0;
}
.c5-chapter__bg img {
	z-index: -1;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.c5-chapter__bg::before {
	content: "";
	position: absolute;
	inset: 0;
	background: #000a var(--dots) center / 6px;
	--dots: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8" style="opacity:.5"><circle cx="2" cy="2" r="1"/><circle cx="6" cy="6" r="1"/></svg>');
}
.c5-chapter-overview {
	position: relative;
}
:where(.c5-chapter-overview) .c5-chapter__inner {
	align-self: center;
	display: grid;
	place-content: center;
	position: relative;
	height: 100%;
	padding-block: min(7vh, var(--sectionSpace));
}
:where(.c5-chapter-overview) .c5-lead {
	--fontMin: 21;
	--fontMax: min(var(--heightBasis) * .031, 28);
}
.c5-overview__hgroup {
	text-align: center;
	line-height: 1;
}
.c5-overview__hgroup svg {
	width: 100%;
	fill: currentcolor;
}
.c5-overview__hgroup .c5-lead {
	color: var(--themecolor);
}
.c5-overview__hgroup .c5-title {
	width: min(var(--cw) - 40px, 640px);
	margin: 8px auto 0;
}
.c5-overview__hgroup .c5-title .feat {
	width: 42%;
	margin-top: 12px;
}
:where(.c5-chapter-overview) .c5-chapter__title {
	margin-top: var(--sectionSpace);
	color: var(--themecolor);
	text-align: center;
}
:where(.c5-chapter-overview) .c5-paragraph {
	width: 100%;
	max-width: 680px;
	margin-top: 1em;
	--fontMin: 14;
	--fontMax: 18;
	font-size: var(--fontSize);
}
:where(.c5-chapter-overview) .c5-paragraph + .c5-paragraph {
	margin-top: .5em;
}
:where(.c5-chapter-overview) .c5-note {
	margin-top: .5em;
}

/* :::::: 動画 :::::: */
:where(.c5-chapter-movie) .c5-chapter__inner {
	display: grid;
	align-content: center;
	padding-block: var(--sectionSpace);
}
:where(.c5-chapter-movie) .c5-videoplayer {
	height: auto;
}
:where(.c5-chapter-movie) .c5-videoplayer .c5-loader {
	pointer-events: none;
}
:where(.c5-chapter-movie) .c5-videoplayer .c5-videoplayer__pause {
	bottom: var(--playerSpace);
}
:where(.c5-chapter-movie) .c5-paragraph {
	margin-top: .5em;
	--fontMin: 12;
	--fontMax: 14;
}
:where(.c5-chapter-movie) .c5-paragraph .c5-ico {
	position: relative;
	top: -.1em;
	width: .75em;
	margin-left: .5em;
	vertical-align: middle;
	stroke: currentcolor;
}
:where(.c5-chapter-movie) .c5-chapter-movie__content {
	max-width: calc(50svh / .5625);
	margin-inline: auto;
}
:where(.c5-chapter-movie) .c5-chapter-movie__content:nth-of-type(n+2) {
	margin-top: var(--sectionSpace);
}
:where(.c5-chapter-movie) .c5-chapter-movie__caption {
	margin-top: 1em;
	--fontMin: 14;
	--fontMax: 16;
	font-size: var(--fontSize);
}
:where(.c5-chapter-movie) .c5-chapter-movie__title {
	font-weight: 600;
	font-size: 112%;
	line-height: 1.4;
}
:where(.c5-chapter-movie) .c5-chapter-movie__paragraph {
	margin-top: .25em;
}

@media (max-width: 767.98px) {
	:where(.c5-chapter-movie) .c5-chapter-movie__caption {
		padding-inline: var(--sidegap);
	}
}

/* :::::: 紫 今 :::::: */
.c5-chapter-artist {
	padding-bottom: 0;
}
:where(.c5-chapter-artist) .c5-chapter__inner {
	position: relative;
	width: 100%;
	height: calc(100dvh - var(--headerHeight));
}
:where(.c5-chapter-artist) .c5-drawer__knob,
:where(.c5-chapter-artist) .c5-drawer__knob img {
	width: 100%;
	height: 100%;
}
:where(.c5-chapter-artist) .c5-drawer__knob img {
	object-fit: cover;
}
:where(.c5-chapter-artist) .c5-drawer__knob svg {
	position: absolute;
	top: var(--sidegap);
	right: var(--sidegap);
}
@media (max-width: 767.98px) {
	:where(.c5-chapter-artist) .c5-drawer__knob svg {
		width: 48px;
	}
}
/* プロフィール */
.c5-biography .c5-drawer__contents {
	row-gap: calc(var(--sidegap) / 2);
	height: 100dvh;
	padding: var(--sidegap);
	background: linear-gradient(to top, #000c, #000a 80%, #0008);
}
:where(.c5-biography) .c5-image {
	margin-inline: calc(var(--sidegap) * -1);
}
:where(.c5-biography) .c5-lead {
	--fontMin: 14;
	--fontMax: 16;
}
:where(.c5-biography) .c5-paragraph {
	margin-top: .5em;
	--fontMin: 12;
	--fontMax: 14;
}

/* :::::: コメントとムービー :::::: */
.c5-chapter-comment {
	--height: 40svh;
	z-index: 0;
	position: relative;
	min-height: 100vh;
	padding: 0;
}
: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;
	width: auto;
	height: 100svh;
	max-height: 100svh;
	transition: none;
}
:where(.c5-chapter-comment) .c5-chapter__bg > * {
	grid-area: 1 / 1;
}
:where(.c5-chapter-comment) .c5-chapter__bg canvas {
	z-index: -1;
	position: relative;
	width: auto;
	height: inherit;
	transition: opacity 1s var(--easeOut);
}
:where(.c5-chapter-comment) .c5-chapter__bg:not(.is-active) canvas {
	/* opacity: 0; */
}
.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 {
		position: static;
		width: var(--cw);
		height: auto;
	}
	:where(.c5-chapter-comment) .c5-chapter__bg canvas {
		width: inherit;
		height: auto;
	}
	.c5-chapter-comment .c5-videoplayer__play,
	.c5-chapter-comment .c5-videoplayer__pause {
		top: calc(var(--sidegap) * .5 + var(--headerHeight));
		bottom: auto;
	}
}
/* コメント */
:where(.c5-chapter-comment) .c5-chapter__inner {
	pointer-events: none;
	position: absolute;
	inset: auto 0 0;
	overflow: hidden;
	width: var(--cw);
	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 {
		padding-inline: calc(var(--cw) - var(--cw) * 900 / var(--aspect));
		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);
}

/* :::::: 応募・投稿方法 :::::: */
:where(.c5-chapter-info) .c5-chapter__inner {
	display: grid;
	padding-block: var(--sectionSpace);
}
:where(.c5-chapter-info) .c5-chapter__inner:nth-child(n+2) {
	border-top: 1px solid var(--gray);
}
:where(.c5-chapter-info) .c5-chapter__title {
	color: var(--themecolor);
}
:where(.c5-chapter-info) .c5-paragraph {
	max-width: min(var(--cw) * 680 / var(--aspect), 680px);
	margin-top: calc(var(--sidegap) / 2);
}
:where(.c5-chapter-info) .c5-paragraph .num {
	position: relative;
	top: .05em;
	color: inherit;
	font-size: 150%;
}
:where(.c5-chapter-info) .c5-note {
	margin-top: .5em;
}
:where(.c5-chapter-info) .c5-button {
	margin-top: 1em;
}
@media (min-width: 768px) {
	:where(.c5-chapter-info) .c5-chapter__inner {
		justify-content: center;
	}
}
/* 応募方法 */
:where(.c5-chapter-info) .c5-info__apply {
	justify-items: center;
}
:where(.c5-info__apply) .c5-paragraph {
	max-width: none;
}
:where(.c5-info__apply) .c5-chapter__content {
	max-width: min(var(--cw) * 680 / var(--aspect), 680px);
}
:where(.c5-info__apply) .c5-soundconnect {
	display: grid;
	column-gap: 1em;
	align-items: center;
	margin-top: 1rem;
}
:where(.c5-info__apply) .c5-soundconnect__title {
	display: grid;
	grid-template-columns: 4.8em auto;
	align-items: center;
	justify-content: center;
	margin-inline: -.5em .5em;
	--fontMin: 20;
	--fontMax: 20;
	font-size: var(--fontSize);
	line-height: 1.2;
}
:where(.c5-info__apply) .c5-soundconnect__title small {
	display: block;
	margin-top: .25em;
	margin-left: -.4em;
	font-size: max(60%, .625rem);
}
:where(.c5-info__apply) .c5-soundconnect__title img {
	width: 100%;
}
:where(.c5-info__apply) > .c5-note {
	margin-top: 1rem;
}
:where(.c5-info__apply) .c5-soundconnect__app {
	display: flex;
	column-gap: .5em;
	align-items: center;
}
:where(.c5-info__apply) .c5-soundconnect__app .badge {
	width: min(var(--cw) * var(--w) * 1.4 / var(--aspect), var(--w) * 1.4px);
}
:where(.c5-info__apply) .c5-soundconnect__app .qr {
	width: 56px;
}
@media (min-width: 768px) {
	:where(.c5-info__apply) .c5-soundconnect {
		grid-template-columns: repeat(3, auto);
	}
}
@media (max-width: 767.98px) {
	:where(.c5-info__apply) .c5-chapter__title {
		justify-self: start;
	}
	:where(.c5-info__apply) .c5-soundconnect {
		grid-template-columns: repeat(2, auto);
		row-gap: .25em;
	}
	:where(.c5-info__apply) .c5-soundconnect__title {
		grid-column: span 2;
	}
	:where(.c5-info__apply) .c5-soundconnect__app .badge {
		width: calc(var(--cw) * var(--w) * 1.2 / var(--aspect));
	}
	:where(.c5-info__apply) .c5-soundconnect__app .qr {
		display: none;
	}
}
/* 開催日時 */
.c5-info__date .c5-paragraph {
	color: var(--themecolor);
	font-weight: 700;
	--fontMin: 20;
	--fontMax: 36;
	line-height: 1.2;
}
/* 開催場所 */
.c5-info__place .c5-paragraph {
	--fontMin: 18;
	--fontMax: 24;
}
/* 当選者数 */
.c5-info__lottery .c5-paragraph {
	font-weight: 700;
	--fontMin: 20;
	--fontMax: 36;
	line-height: 1.2;
}
.c5-info__lottery .c5-paragraph .num {
	display: inline-flex;
	justify-content: center;
	top: .06em;
	width: 1.2em;
	margin-left: -.06em;
	margin-right: .06em;
	font-size: 225%;
}
.c5-info__lottery .c5-paragraph .num .n {
	width: .6em;
	height: auto;
	fill: currentcolor;
}
/* 応募期間 */
.c5-info__period .c5-paragraph {
	--fontMin: 18;
	--fontMax: 24;
}
/* 応募方法/当選発表 */
.c5-info__apply .c5-paragraph,
.c5-info__announcement .c5-paragraph {
	--fontMin: 16;
	--fontMax: 18;
}
/* お問い合わせ */
.c5-info__contact .c5-chapter__title {
	color: white;
	--fontMax: 36;
}
/* 応募期間は終了しました */
.c5-info__period {
	border-top: 1px solid var(--gray);
}
.c5-info__apply:not(.-add) {
	padding-bottom: 0;
}
.c5-info__apply.-add {
	padding-top: 0;
	border-top: 0;
}
.c5-is-closed {
	position: relative;
}
.c5-is-closed s {
	text-decoration: none;
}
.c5-is-closed::before {
	content: "";
	position: absolute;
	inset: .5em 0 -.5em;
	background: #000c;
}
.c5-is-closed .c5-is-closed__text {
	position: absolute;
	inset: 50% 0 auto;
	width: fit-content;
	margin: 0 auto;
	padding-inline: .2em;
	--fontMin: 20;
	--fontMax: 24;
	font-weight: 700;
	font-size: var(--fontSize);
}

/* :::::: 規約 :::::: */
.c5-terms {
	--padding: 1.25em;
	width: calc(100% - 1px);
	padding: var(--padding);
	color: black;
	background: linear-gradient(white,white) left top / calc(100% - 8px) 100% no-repeat;
}
.c5-terms.c5-scrollbar {
	max-height: min(64svh, 400px);
	padding-right: calc(var(--padding) + 8px);
}
.c5-terms > :first-child {
	margin-top: 0;
}
.c5-terms .c5-subject {
	--fontMax: 28;
	margin-top: 1em;
}
.c5-terms .c5-note,
.c5-terms .c5-list,
.c5-terms .c5-numlist,
.c5-terms .c5-paragraph {
	margin-top: 1em;
	color: inherit;
}
.c5-terms .c5-ico {
	position: relative;
	top: -.1em;
	width: .75em;
	margin-left: .25em;
	stroke: currentcolor;
	vertical-align: middle;
}
@media (max-width: 767.98px) {
	.c5-terms .c5-subject {
		font-size: 1.25rem;
	}
	.c5-terms .c5-note,
	.c5-terms .c5-list,
	.c5-terms .c5-numlist,
	.c5-terms .c5-paragraph {
		font-size: .875rem;
	}
}
@media (min-width: 768px) {
	.c5-terms {
		--padding: 40px;
	}
}
#terms.c5-modal .c5-modal__title {
	color: var(--themecolor);
	--fontMin: 18;
	--fontMax: 32;
	font-size: var(--fontSize);
}
#terms.c5-modal .c5-terms {
	margin-top: 1em;
}
#terms.c5-modal .c5-paragraph,
#terms.c5-modal .c5-checkbox {
	margin-top: 1em;
}
.for-email {
	display: none;
}
#terms.c5-modal[data-from="email"] .for-email {
	display: block;
}

/* :::::: JUST ONE PLAY :::::: */
.c5-chapter-backnumber {
	display: grid;
	padding-top: calc(var(--headerHeight) + var(--sectionSpace));
}
.c5-chapter-backnumber .c5-chapter__inner {
	place-self: center;
	text-align: center;
}
.c5-chapter-backnumber .c5-chapter__title svg {
	width: 3.6em;
}
.c5-chapter-backnumber .c5-image {
	margin-top: var(--sidegap);
}
.c5-chapter-backnumber .c5-image a {
	display: grid;
}
.c5-chapter-backnumber .c5-image a > * {
	grid-area: 1 / 1;
}
.c5-chapter-backnumber .c5-image .c5-arr {
	place-self: center end;
	width: min(var(--cw) * 24 / var(--aspect), 24px);
	margin-right: var(--sidegap);
	stroke: currentcolor;
}
@media (hover) {
	.c5-chapter-backnumber .c5-arr {
		transition: translate .4s var(--easeOut);
	}
	.c5-chapter-backnumber .c5-image {
		overflow: hidden;
	}
	.c5-chapter-backnumber .c5-image img {
		transition: scale .4s var(--easeOut);
	}
	.c5-chapter-backnumber a:hover .c5-arr {
		translate: .5em 0;
		transition-duration: .2s;
	}
	.c5-chapter-backnumber .c5-image a:hover img {
		scale: 1.04;
		transition-duration: .2s;
	}
}
@media (min-width: 768px) {
	.c5-chapter-backnumber {
		--chapterWidth: 880;
	}
	.c5-chapter-backnumber .c5-image {
		--imgBasis: 880;
		width: var(--imgSize);
	}
	.c5-chapter-backnumber .c5-image .c5-arr {
		width: min(var(--cw) * 40 / var(--aspect), 40px);
	}
}
@media (max-width: 767.98px) {
	.c5-chapter-backnumber .c5-chapter__title {
		justify-self: start;
	}
}

/**
 * 動画のテキスト版
 * -------------------------------------------------- */
.c5-movie-summary .c5-chapter__inner {
	padding-block: var(--headerHeight);
}
.c5-movie-summary .c5-paragraph {
	margin-block: 1lh;
}
.c5-movie-summary ~ .c5-chapter-pageback .c5-button {
	padding-block: 1em;
}

/**
 * Modal Contents
 * -------------------------------------------------- */
.c5-modal {
	z-index: 3;
	position: fixed;
	inset: 0;
	color: white;
	background: linear-gradient(to top, #000e, #000d 80%, #000c);
	backdrop-filter: blur(5px);
}
.c5-modal__container {
	position: absolute;
	inset: 0;
}
.c5-modal__contents {
	display: grid;
	position: absolute;
	inset: 0;
}
.c5-modal__contents.is-video {
	align-content: center;
	overflow: hidden;
}
.c5-modal__contents.is-article {
	--sectionSpace: calc(var(--cw) * 24 / var(--aspect));
	overflow-y: auto;
	scrollbar-width: none;
}
body.scrollbar .c5-modal__contents.is-article {
	overflow-y: scroll;
}
@media (min-width: 768px) {
	.c5-modal__contents.is-article {
		--sectionSpace: max(var(--cw) * 24 * var(--maxRatio) / var(--aspect), 24px * var(--maxRatio));
	}
}
.c5-modal__section {
	align-self: center;
	display: grid;
	place-items: center;
	width: calc(100% - var(--sidegap) * 2);
	margin: auto;
	padding-top: calc(var(--sectionSpace) * 1.5);
	padding-bottom: calc(var(--sectionSpace) * 2);
	padding-inline: var(--sectionSpace);
}
.is-article .c5-modal__section {
	padding: 0;
}
@media (min-width: 768px) {
	.c5-modal__section {
		width: min(var(--cw) * 880 / var(--aspect), 880px);
	}
}
.c5-modal__closer {
	--size: 44px;
	display: grid;
	place-content: center;
	z-index: 2;
	position: absolute;
	bottom: var(--sidegap);
	right: var(--sidegap);
	width: var(--size);
	height: var(--size);
	color: inherit;
	line-height: 0;
}
/* Motion */
:where(.c5-modal):not(.is-open),
:where(.c5-modal):not(.is-open) .c5-modal__elm,
:where(.c5-modal):not(.is-open) .c5-modal__closer,
:where(.c5-modal):not(.is-open) .c5-videoplayer__volume {
	opacity: 0;
}
:where(.c5-modal):not(.is-open) .c5-modal__elm {
	scale: .96;
}
:where(.c5-modal):not(.is-open) .c5-modal__closer,
:where(.c5-modal):not(.is-open) .c5-videoplayer__volume {
	scale: .8;
}
:where(.c5-modal).is-motion {
	transition: opacity .4s;
}
:where(.c5-modal).is-motion .c5-modal__elm,
:where(.c5-modal).is-motion .c5-modal__closer,
:where(.c5-modal).is-motion .c5-videoplayer__volume {
	transition: opacity .4s, scale .4s;
}
:where(.c5-modal).is-motion .c5-modal__closer,
:where(.c5-modal).is-motion .c5-videoplayer__volume {
	transition-duration: .2s;
}
:where(.c5-modal.is-open).is-motion .c5-modal__elm {
	transition-delay: .1s;
}
:where(.c5-modal):not(.is-open).is-motion,
:where(.c5-modal.is-open).is-motion .c5-modal__closer,
:where(.c5-modal.is-open).is-motion .c5-videoplayer__volume {
	transition-delay: .2s;
}
:where(.c5-modal.is-open).is-motion .c5-modal__closer,
:where(.c5-modal.is-open).is-motion .c5-videoplayer__volume {
	transition-duration: .4s;
	transition-timing-function: var(--easeBack);
}

/**
 * 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__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 {
	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; }
}

/* :::::: 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); }
}

/**
 * Drawer
 * -------------------------------------------------- */
.c5-drawer {
	--offset: 0px;
	z-index: 2;
	position: absolute;
	inset: 0;
	overflow: hidden;
	width: 100%;
	height: 100svh;
	backface-visibility: hidden;
	text-align: left;
	pointer-events: none;
}
.c5-drawer__panel {
	position: absolute;
	inset: 0;
	transform: translateX(100%);
	pointer-events: auto;
}
.c5-drawer__panel.is-anim {
	transition: transform .4s cubic-bezier(.2,1,.8,1);
}
.c5-drawer__closer {
	--size: 44px;
	display: grid;
	place-content: center;
	z-index: 2;
	position: absolute;
	top: var(--sidegap);
	right: var(--sidegap);
	width: var(--size);
	height: var(--size);
	color: inherit;
	line-height: 0;
}
.c5-drawer__contents {
	display: grid;
	align-content: center;
	height: 100%;
	padding: var(--sidegap);
	padding-top: var(--headerHeight);
	background: linear-gradient(to top, #000e, #000d 80%, #000c);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}
.c5-drawer__contents .profile {
	position: relative;
}
@media (min-width: 768px) {
	.c5-drawer__contents > * {
		width: min(var(--cw) * 600 / var(--aspect), 600px);
		margin: auto;
	}
}

/**
 * Progress Bar
 * -------------------------------------------------- */
.c5-contents__progress {
	--position: 0;
	--size: 200px;
	--barWidth: 5px;
	--barHeight: 10%;
	z-index: 1;
	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: #ccc;
}
.c5-contents__progress .bar {
	position: absolute;
	top: 0;
	width: var(--barWidth);
	height: var(--barHeight); /* 後に js で書き換え */
	border-radius: var(--barWidth);
	background: #e3e3e3;
	transform: translateY( var(--position) );
}
@media (min-width: 768px) {
	.c5-contents__progress {
		right: calc(var(--sidegap) / 2);
	}
}

/**
 * Common
 * -------------------------------------------------- */
.c5-header {
	z-index: 2;
	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;
	background: #333;
}
.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;
	}
}

/* :::::: 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: 1;
	position: sticky;
	bottom: 24px;
	width: var(--size);
	height: var(--size);
	margin: 1em calc(var(--sidegap) / 2) 1em auto;
	border-radius: var(--size);
	transition: translate .4s var(--easeInOut);
}
.c5-pagetop:hover,
.c5-pagetop:active,
.c5-pagetop:visited {
	color: inherit;
}
.c5-pagetop:not(.is-active) {
	translate: 0 calc(100% + var(--sidegap));
	transition-timing-function: var(--easeOut);
}
.c5-pagetop svg {
	width: 100%;
	height: auto;
	fill: var(--themecolor);
}
@media (hover) {
	.c5-pagetop {
		transition: scale .4s var(--easeBack), translate .4s var(--easeInOut);
	}
	.c5-pagetop:hover {
		scale: .9;
		transition-duration: .2s;
	}
}
@media (min-width: 768px) {
	.c5-pagetop {
		--size: max(var(--cw) * 30 / var(--aspect), 30px);
	}
}

/* :::::: Footer :::::: */
.c5-footer {
	scroll-snap-align: end;
	display: grid;
	place-items: center;
	padding: var(--sidegap);
	text-align: center;
}
.c5-footer .copyright {
	width: calc(100% - 2em);
	padding: 3em 0;
	border-top: 1px solid #e0e0e0;
	font: 400 .625rem / 1.6 var(--fontSST);
}

/* :::::: Loader :::::: */
.c5-loader {
	--size: 120px;
	--color: darkgray;
	position: relative;
	line-height: 0;
}
.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 {
	margin-block: var(--headerHeight);
}
.c5-chapter-pageback .c5-button {
	grid-template-columns: auto;
	height: auto;
	row-gap: .5em;
	padding: .5em;
	margin-inline: auto;
	max-width: calc(100% - var(--sidegap) * 2);
	--fontMin: 16;
	--fontMax: 16;
}
.c5-chapter-pageback .c5-button svg {
	width: 6em;
}

/* :::::: Loading :::::: */
.c5-loading {
	display: grid;
	place-items: center;
	z-index: 3;
	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;
}

/* :::::: コピーする :::::: */
.c5-js-textcopy {
	display: grid;
	place-items: center;
	position: relative;
}
.c5-js-textcopy > * {
	grid-area: 1 / 1;
}
.c5-js-textcopy .sub {
	opacity: 0;
}
.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 { border-color: var(--themecolor); background: var(--themecolor); }
	20%, 80% { border-color: var(--gray); 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(1.1); }
}
@media (hover) {
	.c5-js-textcopy {
		cursor: pointer;
	}
}

:root {
	--themecolor: #75f75e;
	--gray: #777;
	--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 {
	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;
	
	--aspect: 390;
	--sidegap: calc(var(--cw) * 24 / var(--aspect));
	--headerHeight: max(var(--cw) * 56 / var(--aspect), 56px);
}
body.is-fixed {
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100%;
}
body.scrollbar {
	overflow-y: scroll;
}
:where(.c5-container) :is(img,svg) {
	width: var(--imgSize);
	max-width: 100%;
	height: auto;
	pointer-events: none;
	fill: currentcolor;
	user-select: none;
	-webkit-user-select: none;
	
	/* for Size calc */
	--imgSize: calc(var(--cw) * var(--imgBasis) / var(--aspect));
}
:where(.c5-container,.c5-modal,.c5-archives,.pswp) :is(
		h2,h3,h4,p,ul,ol,dl,dt,dd,figcaption,
		.c5-button,
		.c5-tabs__buttons,
		.c5-soundplayer
	) {
	--fontSize: calc(var(--cw) * var(--fontMin) / var(--aspect));
}
@media (max-width: 767.98px) {
	.c5-dtonly { display: none !important; }
}
@media (min-width: 768px) {
	body {
		--aspect: 1080;
		--sidegap: min(var(--cw) * 40 / var(--aspect), 40px);
		--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,.pswp) :is(
			h2,h3,h4,p,ul,ol,dl,dt,dd,figcaption,
			.c5-button,
			.c5-tabs__buttons,
			.c5-soundplayer
		) {
		--fontSize: min(var(--cw) * var(--fontMax) / var(--aspect), var(--fontMax) * 1px);
	}
	.c5-mdonly { display: none !important; }
}
::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 */
:where(.c5-container) .splide__pagination {
	--size: calc(var(--cw) * 10 / var(--aspect));
	column-gap: calc(var(--size) * 1.5);
	line-height: 1;
}
:where(.c5-container) .splide__pagination__page {
	width: var(--size);
	height: var(--size);
	border-radius: var(--size);
	background: white;
}
:where(.c5-container) .splide__pagination__page.is-active {
	scale: 1.5;
	background: var(--themecolor);
}
@media (min-width: 768px) {
	:where(.c5-container) .splide__pagination {
		--size: max(var(--cw) * 10 * var(--maxRatio) / var(--aspect), 10px * var(--minRatio));
	}
}
.c5-image .splide__pagination {
	position: absolute;
	inset: auto 0 calc(var(--sidegap) / 1.5);
}
.c5-image .splide__pagination__page {
	background: var(--gray);
	transition: background .2s, scale .2s var(--easeBack);
}
.c5-image .splide__pagination__page.is-active {
	background: white;
}
@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);
	bottom: auto;
	width: calc(100% - var(--sidegap));
}
.pswp .pswp__button {
	width: 60px;
	height: 60px;
}
.pswp .pswp__button--close,
.pswp .pswp--zoom-allowed .pswp__button--zoom {
	display: grid;
	place-items: center;
}
.pswp .pswp__button .pswp__icn {
	position: static;
	overflow: visible;
}
.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: 100000;--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 */
.c5-scrollbar .simplebar-track {
	border-radius: 8px;
	background: var(--gray);
}
.c5-scrollbar .simplebar-track.simplebar-vertical {
	width: 8px;
}
.c5-scrollbar .simplebar-track.simplebar-horizontal {
	height: 8px;
}
.c5-scrollbar .simplebar-scrollbar:before,
.c5-scrollbar .simplebar-scrollbar.simplebar-visible:before {
	inset: 0;
	opacity: 1;
	background: var(--themecolor);
}
[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}