@charset "shift_jis";

.c5-modal.c5-landingmovie {
	display: grid;
	place-content: center;
	z-index: 11;
	position: fixed;
	inset: 0;
}
.c5-modal.c5-landingmovie:not(.is-open) {
	pointer-events: none;
}
.c5-modal.c5-landingmovie .c5-modal__contents > * {
	max-width: 900px;
	place-self: center;
	grid-area: 1 / 1;
}
.c5-modal.c5-landingmovie .c5-poster {
	display: grid;
	place-items: center;
	z-index: 1;
	pointer-events: none;
}
.c5-modal.c5-landingmovie .c5-poster > * {
	grid-area: 1 / 1;
}
.c5-modal.c5-landingmovie .c5-play {
	--size: 48px;
}
.c5-modal.c5-landingmovie .c5-videoplayer__play,
.c5-modal.c5-landingmovie .c5-videoplayer__pause {
	display: none;
}
@media (hover) {
	.c5-modal.c5-landingmovie .c5-poster {
		cursor: pointer;
	}
	.c5-modal.c5-landingmovie .c5-play {
		transition: scale .4s var(--easeOut);
	}
	.c5-modal.c5-landingmovie .c5-videoplayer:hover .c5-play {
		scale: .9;
		transition-duration: .2s;
	}
}
.c5-modal.c5-landingmovie .c5-poster.is-hide {
	opacity: 0;
	transition: opacity .4s;
}
.c5-modal.c5-landingmovie.is-play .c5-play {
	opacity: 0;
	scale: .6;
	transition: opacity .2s, scale .2s var(--easeOut);
}

/**
 * Component
 * -------------------------------------------------- */
.c5-subject,
.c5-lead {
	font-weight: 600;
	font-size: var(--fontSize);
	line-height: 1.5;
}
.c5-subject {
	--fontMin: 24;
	--fontMax: 36;
}
.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:hover,
.c5-textlink:active {
	color: inherit;
}
.c5-textlink.-c {
	color: #c00;
}
.c5-textlink.-c:hover,
.c5-textlink.-c:active,
.c5-textlink.-c:visited {
	color: #c00;
}
.c5-button .c5-ico,
.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-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.-closed {
	pointer-events: none;
	text-decoration: none;
	opacity: .2;
}
.c5-button:has(.c5-ico) {
	padding-left: 1.5em;
}
.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;
}
:where(.c5-button).is-punn,
.c5-button:not(:disabled).is-anim {
	animation: punn .4s both;
}
:where(.c5-button).is-sunn,
.c5-button:disabled.is-anim {
	animation: sunn .3s both;
}
@media (hover) {
	.c5-button:not(.is-appear),
	.c5-button:not(.is-appear):hover,
	.c5-button:not(.is-appear):active {
		transition: scale .4s var(--easeOut);
	}
	.c5-button:not(.is-appear):hover {
		scale: .94 .9;
		transition-duration: .2s;
	}
}
@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;
	}
}
.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-chapter__bg {
	transition: opacity 1s var(--easeOut);
}
.c5-chapter__bg:not(.is-active) {
	opacity: 0;
}
:where(.c5-chapter-campaign .c5-chapter__bg.-closed) {
	opacity: .5;
}

/**
 * コンテンツ
 * -------------------------------------------------- */
.c5-container {
	--bgColor: black;
	--textColor: white;
	--sectionSpace: calc(var(--cw) * 24 / var(--aspect));
	height: 100svh;
	overflow: hidden auto;
	scroll-snap-type: y mandatory;
	scrollbar-width: none;
	color: var(--textColor);
	background: var(--bgColor);
}
html:not(.is-touch) .c5-container::-webkit-scrollbar {
	display: none;
}
.c5-chapter {
	scroll-snap-align: start;
	display: grid;
	width: 100%;
	min-height: 100svh;
	padding-top: var(--headerHeight);
	padding-bottom: var(--sectionSpace);
}
.c5-chapter-entry.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.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; }

/* MEMO: バンド募集のとこだけタイミング変える */
:where(.c5-chapter-band .c5-chapter__inner) > .is-appear:nth-child(2),
:where(.c5-chapter-band .c5-chapter__inner) > .is-appear:nth-child(3) {
	transition-duration: 1s;
	transition-delay: .5s;
}
:where(.c5-chapter-band .c5-chapter__inner) > .is-appear:nth-child(3) {
	transition-delay: .6s;
}
:where(.c5-chapter-photogallery .c5-chapter__inner) .c5-photogallery--bg.is-appear {
	transition-delay: .6s;
}

/* :::::: 固定帯募集中 :::::: */
.c5-attention {
	pointer-events: none;
	display: grid;
	place-items: center;
	z-index: 2;
	position: fixed;
	inset: auto 0 0;
	height: calc(var(--headerHeight) * 1.34);
	color: black;
	background: var(--themecolor);
}
.c5-attention svg {
	width: var(--imgSize);
}
.c5-attention .c5-dtonly {
	--imgBasis: 880;
}
.c5-attention .c5-mdonly {
	--imgBasis: 259;
}
@media (min-width: 768px) {
	.c5-attention {
		height: var(--headerHeight);
	}
}

/* :::::: 募集期間は終了しました :::::: */
.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;
}
:where(.c5-chapter-store) .c5-is-closed,
:where(.c5-chapter-campaign) .c5-is-closed {
	display: grid;
	justify-content: center;
	row-gap: inherit;
	width: 100%;
}
:where(.c5-chapter-overview) .c5-is-closed__text {
	margin-top: 0;
}

/* :::::: ステートメント (音楽は、もう聴くだけのものじゃない。) :::::: */
.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; }
}

/* :::::: プロモーション動画 (モバイルデバイスのみ) :::::: */
@media (max-width: 767.98px) {
	.c5-chapter-promotion {
		--maxHeight: calc(100svh - var(--headerHeight));
		padding-bottom: 0;
	}
	.c5-chapter-promotion .c5-ytplayer,
	.c5-chapter-promotion .c5-videoplayer__poster {
		aspect-ratio: 9 / 16;
	}
	.is-unalign .c5-chapter-promotion,
	.is-unalign .c5-chapter-promotion .c5-ytplayer,
	.is-unalign .c5-chapter-promotion .c5-videoplayer__poster {
		width: var(--cw);
	}
	.is-unalign .c5-chapter-promotion .c5-ytplayer,
	.is-unalign .c5-chapter-promotion .c5-videoplayer__poster {
		height: calc(var(--cw) * 16 / 9);
	}
	.is-align .c5-chapter-promotion,
	.is-align .c5-chapter-promotion .c5-ytplayer,
	.is-align .c5-chapter-promotion .c5-videoplayer__poster {
		height: var(--maxHeight);
	}
	.is-align .c5-chapter-promotion .c5-ytplayer,
	.is-align .c5-chapter-promotion .c5-videoplayer__poster {
		width: calc(var(--maxHeight) * 9 / 16);
	}
}

/* :::::: JUST ONE PLAY :::::: */
.c5-chapter-overview {
	position: relative;
}
:where(.c5-chapter-overview) .c5-chapter__inner {
	align-self: center;
	display: grid;
	grid-template-rows: repeat(4, auto);
	align-content: center;
	justify-items: center;
	position: relative;
	height: 100%;
	padding-top: min(7vh, var(--sectionSpace) * 2);
}
:where(.c5-chapter-overview) .c5-lead {
	--fontMin: 21;
	--fontMax: min(var(--heightBasis) * .031, 28);
}
.c5-overview__title {
	margin-top: .5em;
}
.c5-overview__title svg {
	width: 100%;
	max-width: 72vh;
}
:where(.c5-chapter-overview) .c5-chapter__title {
	margin-top: .5em;
	--fontMax: min(var(--heightBasis) * .045, 40);
	color: var(--themecolor);
}
:where(.c5-chapter-overview) .c5-chapter__title:first-of-type {
	margin-top: 1em;
}
:where(.c5-chapter-overview) .c5-paragraph {
	max-width: min(70vh, 720px);
	font-weight: 700;
	--fontMax: min(var(--heightBasis) * .022, 20);
	margin-top: .5em;
}
:where(.c5-chapter-overview) .c5-js-modal {
	z-index: 1;
	align-self: end;
	--size: min(5vh, 44px);
	display: flex;
	align-items: center;
	column-gap: .5em;
	height: fit-content;
	margin-top: min(2vh, var(--sectionSpace));
	color: var(--themecolor);
	font-weight: 700;
}
:where(.c5-chapter-overview) .c5-js-modal .c5-icon {
	display: grid;
}
:where(.c5-chapter-overview) .c5-js-modal .c5-icon > * {
	grid-area: 1 / 1;
}
@media (min-width: 768px) {
	:where(.c5-chapter-overview) .c5-image {
		pointer-events: none;
		position: absolute;
		inset: 0;
	}
	:where(.c5-chapter-overview) .c5-image > * {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	:where(.c5-chapter-overview) .c5-image::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-overview__hgroup {
		text-align: center;
	}
	:where(.c5-chapter-overview) .c5-paragraph:last-of-type {
		text-align: center;
	}
	:where(.c5-chapter-overview) .c5-js-modal {
		font-size: min(var(--heightBasis) * .018 * .0625rem, 1rem);
	}
}
@media (max-width: 767.98px) {
	.c5-chapter-overview {
		position: relative;
		padding-bottom: calc(var(--sectionSpace) * 2);
	}
}

/* :::::: バンド :::::: */
.c5-chapter-band {
	position: relative;
	padding-bottom: 0;
}
:where(.c5-chapter-band) .c5-chapter__inner {
	align-self: center;
	text-align: center;
}
:where(.c5-chapter-band) .c5-chapter__inner .c5-image {
	position: absolute;
	top: -20%;
	left: 0;
}
:where(.c5-chapter-band) .c5-chapter__title {
	place-items: center;
	position: relative;
}
:where(.c5-chapter-band) .c5-chapter__title svg {
	aspect-ratio: 647 / 405;
	max-width: min(70vh, 100%);
}
:where(.c5-chapter-band) .c5-chapter__inner .c5-button {
	position: relative;
	margin-top: 3em;
}
@media (orientation: portrait) {
	:where(.c5-chapter-band) .c5-chapter__title svg {
		width: min(var(--cw) * 647 / var(--aspect), 647px);
	}
}
@media (orientation: landscape) {
	:where(.c5-chapter-band) .c5-chapter__title svg {
		width: min(100vh * 647 / 676 - var(--headerHeight) - var(--sectionSpace) * 2, 647px);
	}
}
@media (max-width: 767.98px) {
	:where(.c5-chapter-band) .c5-chapter__inner {
		position: relative;
	}
	:where(.c5-chapter-band) .c5-chapter__inner .c5-image {
		margin-inline: calc(var(--sidegap) * -1);
	}
}
@media (min-width: 768px) {
	.c5-chapter-band {
		width: auto;
	}
	:where(.c5-chapter-band) .c5-chapter__inner {
		width: 100%;
	}
	:where(.c5-chapter-band) .c5-chapter__inner .c5-image {
		top: 0;
	}
	:where(.c5-chapter-band) .c5-chapter__title img {
		--imgBasis: 715.461;
		width: var(--imgSize);
	}
}

/* :::::: プロジェクトムービー / 音楽は、キミを一人にしない。 :::::: */
:is(.c5-chapter-project, .c5-chapter-webcm) {
	align-content: center;
}
:is(.c5-chapter-project, .c5-chapter-webcm) .c5-chapter__inner,
:is(.c5-chapter-project, .c5-chapter-webcm) .c5-chapter__title {
	--diff: calc( (var(--maxGap) - var(--minGap)) / (1080 - 640) );
	--gap: clamp(
		var(--minGap) * 1px,
		calc( var(--minGap) * 1px + (100vh - 640px) * var(--diff) ),
		var(--maxGap) * 1px
	);
}
:is(.c5-chapter-project, .c5-chapter-webcm) .c5-chapter__inner {
	display: grid;
	grid-template-rows: repeat(3, auto);
	align-content: center;
	justify-items: center;
	--minGap: 24;
	--maxGap: 80;
	padding-block: 24px;
}
:is(.c5-chapter-project, .c5-chapter-webcm) .c5-lead {
	margin-top: var(--gap);
	font-size: 1rem;
	line-height: 1.75;
	font-feature-settings: "palt";
	letter-spacing: .1em;
	text-align: center;
}
.c5-chapter-project .c5-lead .t[width="705"] {
	width: min(var(--cw) * 705 / var(--aspect), 705px);
}
.c5-chapter-project .c5-lead .t[width="862"] {
	width: min(var(--cw) * 862 / var(--aspect), 862px);
}
.c5-chapter-webcm .c5-lead .t[width="548"] {
	width: min(var(--cw) * 548 / var(--aspect), 548px);
}
:is(.c5-chapter-project, .c5-chapter-webcm) .c5-chapter__title {
	align-content: center;
	justify-items: center;
	--minGap: 8;
	--maxGap: 16;
	line-height: 0;
}
:is(.c5-chapter-project, .c5-chapter-webcm) .c5-chapter__title > * {
	width: min(var(--cw) * var(--w) / var(--aspect), var(--w) * 1px);
	max-width: calc(var(--cw) - var(--sidegap) * 2);
}
@media (min-width: 768px) and (max-height: 1079.98px) {
	:is(.c5-chapter-project, .c5-chapter-webcm) .c5-chapter__title > * {
		width: calc(100vh * var(--w) / 1080);
	}
	:is(.c5-chapter-project, .c5-chapter-webcm) .c5-lead {
		font-size: min(100vh * 20 / 1080, 1rem);
	}
	:is(.c5-chapter-project, .c5-chapter-webcm) .c5-lead + .c5-lead {
		margin-top: calc(var(--gap) * .5);
	}
	.c5-chapter-project .c5-lead .t[width="705"] {
		width: calc(100svh * 705 / 1080);
	}
	.c5-chapter-project .c5-lead .t[width="862"] {
		width: calc(100svh * 862 / 1080);
	}
	.c5-chapter-webcm .c5-lead .t[width="548"] {
		width: calc(100svh * 548 / 1080);
	}
}
@media (max-width: 767.98px) {
	:is(.c5-chapter-project, .c5-chapter-webcm) .c5-chapter__title > * {
		width: min(var(--cw) * var(--w) * .6 / var(--aspect), var(--w) * .6px);
	}
	:is(.c5-chapter-project, .c5-chapter-webcm) .c5-lead {
		font-size: min(var(--cw) * 12 / var(--aspect), 1rem);
	}
	.c5-chapter-project .c5-lead .t[width="314"] {
		width: min(var(--cw) * 314 * .7 / var(--aspect), 314px);
	}
	.c5-chapter-project .c5-lead .t[width="493"] {
		width: min(var(--cw) * 493 * .7 / var(--aspect), 493px);
	}
	.c5-chapter-webcm .c5-lead .t[width="246"] {
		width: min(var(--cw) * 246 / var(--aspect), 246px);
	}
}
.c5-chapter-project .c5-chapter__title .main { --w: 413; }
.c5-chapter-project .c5-chapter__title .sub { --w: 832; }
.c5-chapter-project .c5-chapter__title svg { width: 100%; }
.c5-chapter-webcm .c5-chapter__title .main { --w: 662; }
.c5-chapter-webcm .c5-chapter__title .add { --w: 298; margin-top: .2em; }
.c5-chapter-webcm .c5-chapter__title .sub { --w: 584; }
.c5-chapter-webcm .c5-chapter__title svg { width: 100%; }
.c5-chapter-webcm .c5-button {
	margin-top: 0;
}
@media (max-width: 767.98px) {
	.c5-chapter-project .c5-chapter__title .sub { --w: 362; }
}
/* Movie Button */
.c5-moviebutton {
	display: grid;
	place-items: center;
	z-index: 0;
	aspect-ratio: 16 / 9;
	width: min(var(--cw) * 700 / var(--aspect), 700px);
	height: auto;
	box-shadow: inset 0 0 0 1px #707070;
}
.c5-moviebutton .c5-icon {
	--size: 100px;
	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 {
		width: calc(100vh * 700 / 1080);
	}
	.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) .c5-icon {
		transition: scale .4s var(--easeOut);
	}
	.c5-moviebutton:not(.is-appear):hover .c5-icon {
		scale: .9;
		transition-duration: .2s;
	}
}
/* Intro motion */
.c5-chapter-project .is-standby {
	opacity: 0;
	scale: 1.08;
}
.c5-chapter-project .is-motion {
	transition: opacity 2s var(--easeOut), scale 2s var(--easeOut);
}
.c5-chapter-project .c5-lead:nth-child(2).is-motion { transition-delay: .05s; }
.c5-chapter-project .c5-lead:nth-child(3).is-motion { transition-delay: .1s; }
.c5-chapter-project .c5-lead:nth-child(4).is-motion { transition-delay: .15s; }
.c5-chapter-project .c5-lead:nth-child(5).is-motion { transition-delay: .2s; }
.c5-chapter-project .c5-lead:nth-child(6).is-motion { transition-delay: .25s; }

/* Coming Soon */
.c5-is-comingsoon {
	pointer-events: none;
}
.c5-is-comingsoon .comingsoon {
	width: min(var(--cw) * 543 / var(--aspect), 543px);
	max-width: 80%;
	filter: drop-shadow(0 0 8px #000a);
}
@media (min-width: 768px) and (max-height: 1079.98px) {
	.c5-is-comingsoon .comingsoon {
		width: calc(100vh * 543 / 1080);
	}
}

/* :::::: コメントとムービー :::::: */
.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;
	overflow: hidden;
	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) {
	opacity: unset;
}
:where(.c5-chapter-comment) .c5-chapter__bg:not(.is-active) canvas {
	opacity: 0;
	transition-duration: .4s;
}
.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: 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);
}

/* :::::: リスニングキャンペーン / スペシャルイベント :::::: */
:is(.c5-chapter-campaign, .c5-chapter-store) {
	position: relative;
}
:where(.c5-chapter-campaign, .c5-chapter-store) .c5-chapter__bg {
	position: absolute;
	inset: 0;
}
:where(.c5-chapter-campaign) .c5-chapter__bg {
	background: linear-gradient(to top, #030552 2%, #00037b 40%, #600a7c 98%) center / cover no-repeat;
}
:where(.c5-chapter-store) .c5-chapter__bg img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .2;
}
:where(.c5-chapter-campaign, .c5-chapter-store) .c5-chapter__inner {
	display: grid;
	align-content: center;
	justify-items: center;
	row-gap: min(var(--cw) * 40 / var(--aspect), 40px);
	position: relative;
	padding-block: 24px;
}
:where(.c5-chapter-campaign) .c5-chapter__inner {
	--chapterWidth: 1024;
}
@media (min-width: 768px) and (max-height: 1079.98px) {
	:where(.c5-chapter-campaign, .c5-chapter-store) .c5-chapter__inner {
		row-gap: calc(100vh * 40 / 1080);
	}
}
/* タイトル */
:where(.c5-chapter-campaign) .c5-chapter__title {
	font-size: min(var(--cw) * 88 / var(--aspect), 5.5rem);
	line-height: 1.2;
	white-space: nowrap;
	text-align: center;
}
:where(.c5-chapter-campaign) .c5-chapter__title .by {
	font: 400 min(var(--cw) * 16 / var(--aspect), 5.5rem) / 1 var(--fontSST);
}
:where(.c5-chapter-campaign) .c5-chapter__title .t {
	width: min(var(--cw) * 423 / var(--aspect), 423px);
}
:where(.c5-chapter-store) .c5-chapter__title .t {
	width: min(var(--cw) * 868 / var(--aspect), 868px);
}
@media (min-width: 768px) and (max-height: 1079.98px) {
	:where(.c5-chapter-campaign) .c5-chapter__title {
		font-size: calc(100svh * 88 / 1080);
	}
	:where(.c5-chapter-campaign) .c5-chapter__title .by {
		font-size: calc(100svh * 16 / 1080);
	}
	:where(.c5-chapter-campaign) .c5-chapter__title .t {
		width: calc(100svh * 423 / 1080);
	}
	:where(.c5-chapter-store) .c5-chapter__title .t {
		width: calc(100svh * 868 / 1080);
	}
}
@media (max-width: 767.98px) {
	:where(.c5-chapter-campaign, .c5-chapter-store) .c5-chapter__inner {
		row-gap: min(var(--cw) * 24 / var(--aspect), 40px);
	}
	:where(.c5-chapter-campaign) .c5-chapter__title .main {
		font-size: min(var(--cw) * 31 / var(--aspect), 5.5rem);
	}
	:where(.c5-chapter-campaign) .c5-chapter__title .t {
		width: min(var(--cw) * 423 * .6 / var(--aspect), 423px * .6);
	}
}
/* セクション */
:where(.c5-chapter-campaign, .c5-chapter-store) .c5-chapter__section {
	text-align: center;
}
:where(.c5-chapter-campaign, .c5-chapter-store) .c5-subject {
	color: yellow;
	--fontMin: 20;
	--fontMax: 42;
}
:where(.c5-chapter-campaign, .c5-chapter-store) .c5-paragraph {
	margin-top: .5em;
	--fontMin: 16;
	--fontMax: 20;
}
:where(.c5-chapter-campaign, .c5-chapter-store) .c5-button {
	margin-top: 0;
}
@media (min-width: 768px) and (max-height: 1079.98px) {
	:where(.c5-chapter-campaign, .c5-chapter-store) .c5-subject {
		font-size: calc(100svh * 42 / 1080);
	}
	:where(.c5-chapter-campaign, .c5-chapter-store) .c5-paragraph {
		font-size: calc(100svh * 20 / 1080);
	}
	:where(.c5-chapter-store) .c5-paragraph {
		width: calc(100svh * 880 / 1080);
		margin-inline: auto;
	}
}
@media (max-width: 767.98px) {
	:where(.c5-chapter-campaign, .c5-chapter-store) .c5-paragraph.-lead {
		text-align: left;
	}
}

/* :::::: イントロダクション :::::: */
:where(.c5-chapter-intro) .c5-chapter__inner {
	display: grid;
	grid-template-rows: auto auto;
	align-content: center;
	row-gap: 10vh;
	width: calc(var(--cw) - var(--sidegap) * 2);
	height: 100%;
}
:where(.c5-chapter-intro) .c5-subject {
	z-index: 1;
	--fontMin: 17;
	--fontMax: 32;
	align-self: center;
}
@media (max-width: 767.98px) {
	:where(.c5-chapter-intro) .c5-subject {
		margin-right: -1em;
	}
}
@media (min-width: 768px) {
	:where(.c5-chapter-intro) .c5-subject {
		justify-self: center;
		padding-bottom: 1em;
		text-align: center;
	}
}
/* ご注意 */
.pswp.is-caution .pswp__scroll-wrap {
	pointer-events: none;
}
.c5-score__caution {
	display: grid;
	place-items: center;
	z-index: 10;
	position: absolute;
	inset: 0;
	background: #000a;
}
.c5-score__caution_inner {
	display: grid;
	justify-items: center;
	width: min(var(--cw) * 320 / var(--aspect), 400px);
	padding: var(--sidegap);
	border-radius: 20px;
	background: white;
}
.c5-score__caution .c5-subject,
.c5-score__caution .c5-paragraph,
.c5-score__caution .c5-button {
	font-size: var(--fontSize);
}
.c5-score__caution .c5-subject {
	--fontMax: 32;
	color: red;
}
.c5-score__caution .c5-paragraph {
	margin-top: .5em;
	color: black;
}
.c5-score__caution .c5-button {
	width: 100%;
	height: auto;
	margin-top: 1em;
	padding: 1em 0 0;
	border: 0;
	border-top: 1px solid var(--gray);
	border-radius: 0;
	color: #1d5ff2;
	--fontMin: 16;
	--fontMax: 20;
	background: transparent;
}
.c5-score__caution .c5-button:hover {
	scale: 1;
}
/* Motion */
.pswp:not(.is-caution) .c5-score__caution {
	opacity: 0;
}
.pswp:not(.is-caution) .c5-score__caution_inner {
	opacity: 0;
	scale: .9;
}
.pswp.is-motion .c5-score__caution {
	transition: opacity .2s;
}
.pswp.is-motion .c5-score__caution_inner {
	transition: opacity .2s, scale .2s var(--easeOut);
}
.pswp.is-motion.is-caution .c5-score__caution_inner {
	transition-duration: .4s;
	transition-delay: .1s;
	transition-timing-function: var(--easeBack);
}

/* :::::: フォトギャラリーへ :::::: */
.c5-chapter-gallery {
	position: relative;
	padding-top: calc(var(--headerHeight) + var(--sectionSpace));
}
:where(.c5-chapter-gallery) .c5-chapter__bg {
	position: absolute;
	inset: 0;
}
:where(.c5-chapter-gallery) .c5-chapter__bg img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 65% 50%;
	opacity: .5;
}
:where(.c5-chapter-gallery) .c5-chapter__inner {
	z-index: 1;
	display: grid;
	grid-template-rows: 1fr auto auto;
	justify-content: center;
}
:where(.c5-chapter-gallery) .c5-chapter__title {
	align-self: start;
}
:where(.c5-chapter-gallery) .c5-paragraph {
	font-weight: 700;
	text-align: center;
}
:where(.c5-chapter-gallery) .c5-paragraph small {
	font-weight: 400;
	font-size: 80%;
}
@media (max-width: 767.98px) {
	.c5-chapter-gallery {
		padding-bottom: calc(var(--sectionSpace) * 1.5);
	}
	:where(.c5-chapter-gallery) .c5-button {
		align-self: end;
	}
}
@media (min-width: 768px) {
	:where(.c5-chapter-gallery) .c5-paragraph {
		align-self: end;
		margin-top: auto;
		text-align: center;
	}
	:where(.c5-chapter-gallery) .c5-button {
		margin-top: 1em;
	}
}

/* :::::: アーティストステートメント :::::: */
.c5-chapter-message {
	position: relative;
	font-family: var(--fontSerif);
}
:where(.c5-chapter-message) .c5-chapter__inner {
	display: grid;
	align-content: center;
	width: 100%;
	height: 100%;
	padding: var(--sidegap);
	padding-bottom: 0;
}
:where(.c5-chapter-message) .c5-chapter__title {
	align-self: end;
	position: relative;
	--fontMin: 28;
	--fontMax: min(var(--heightBasis) * .04, 40);
}
:where(.c5-chapter-message) .c5-chapter__title svg {
	width: auto;
	height: 1em;
}
:where(.c5-chapter-message) .c5-paragraph {
	align-self: start;
	--fontMax: min(var(--heightBasis) * .024, 24);
	margin-top: 1.5em;
}
:where(.c5-chapter-message) .c5-image {
	align-self: end;
	margin-top: min(5vh, var(--sectionSpace));
}
/* Biography */
:where(.c5-biography) .c5-lead {
	--fontMin: 20;
	--fontMax: 20;
	margin-top: 1em;
}
:where(.c5-biography) .c5-paragraph {
	font-weight: 400;
	--fontMin: 12;
	--fontMax: 14;
	margin-top: .5em;
}
.c5-biography .c5-drawer__closer {
	top: calc(var(--headerHeight) + var(--sidegap));
}
@media (max-width: 767.98px) {
	:where(.c5-chapter-message) .c5-image {
		text-align: right;
	}
	:where(.c5-chapter-message) .c5-image svg {
		--imgBasis: 152;
		width: var(--imgSize);
	}
}
@media (min-width: 768px) {
	.c5-chapter-message {
		text-align: center;
	}
	:where(.c5-chapter-message) .c5-chapter__title {
		line-height: 1.1;
	}
	:where(.c5-chapter-message) .c5-chapter__title svg {
		height: 1.2em;
	}
	:where(.c5-chapter-message) .c5-image > * {
		max-width: 24vh;
	}
}

/* :::::: 応募・投稿方法 :::::: */
:where(.c5-chapter-entry) .c5-chapter__inner {
	padding-block: calc(var(--sectionSpace) * 2);
}
:where(.c5-chapter-entry) .c5-pulldown[data-pull="entry-flow"] {
	padding-block: calc(var(--sectionSpace) * 2);
}
:where(.c5-chapter-entry) .c5-pulldown .c5-chapter__inner {
	padding-block: 0;
}
@media (max-width: 767.98px) {
	:where(.c5-chapter-entry) .c5-pulldown[data-pull="entry-flow"] .c5-pulldown__toggle {
		max-width: calc(100% - var(--sidegap) * 2);
		margin-inline: auto;
	}
}
:where(.c5-chapter-entry) .c5-chapter__inner + .c5-chapter__inner {
	border-top: 1px solid var(--gray);
}
:where(.c5-chapter-entry) .c5-chapter__title {
	color: var(--themecolor);
}
:where(.c5-chapter-entry) .c5-entry__contact {
	text-align: center;
}
:where(.c5-chapter-entry .c5-entry__contact) .c5-chapter__title {
	color: white;
}
:where(.c5-chapter-entry) .c5-subject {
	--fontMin: 22;
	margin-top: .5em;
}
:where(.c5-chapter-entry) .c5-lead {
	margin-top: 1em;
}
:where(.c5-chapter-entry .c5-entry__intro) .c5-lead {
	margin-top: 2em;
}
:where(.c5-chapter-entry) .c5-checkbox {
	margin-top: 1em;
}
:where(.c5-chapter-entry) .c5-note,
:where(.c5-chapter-entry) .c5-dnote {
	--fontMax: 16;
	margin-top: 1em;
}
:where(.c5-chapter-entry) .c5-paragraph,
:where(.c5-chapter-entry) .c5-terms {
	margin-top: 1em;
}
@media (min-width: 768px) {
	.c5-chapter-entry .c5-subject,
	.c5-chapter-entry .c5-subject + .c5-note {
		text-align: center;
	}
}
/* 投稿の流れ (タブコンテンツ) */
.c5-entry__flow {
	--chapterWidth: 1000;
	padding-top: 0;
	padding-bottom: var(--sectionSpace);
}
.c5-flow.splide .c5-flow__list {
	display: grid;
	--fontMin: 14;
	--fontMax: 16;
	font-size: var(--fontSize);
}
.c5-flow__list .item {
	counter-increment: item;
	display: grid;
	row-gap: 1em;
	align-content: start;
}
.c5-flow .c5-paragraph {
	font-size: inherit;
	text-indent: -1.4em;
}
.c5-flow .c5-paragraph::before {
	content: counter(item);
	display: inline-grid;
	place-items: center;
	width: 1.4em;
	height: 1.4em;
	margin-right: .25em;
	border-radius: 1.4em;
	border: 1px solid var(--themecolor);
	color: black;
	font-weight: 700;
	line-height: 1.2;
	text-indent: 0;
	background: var(--themecolor);
}
.c5-flow .c5-note {
	--fontMax: 12;
	margin-top: .5em;
}
.c5-flow .c5-image {
	display: grid;
	justify-items: center;
}
.c5-flow .c5-image > img {
	grid-area: 1 / 1;
	--imgBasis: 160;
	width: var(--imgSize);
}
.c5-flow .c5-image > img:first-child:not(:last-child) {
	place-self: start;
}
.c5-flow .c5-image > img + img {
	place-self: end;
	margin-right: calc(var(--sidegap) * -1);
	padding-top: 8em;
}
.c5-flow.splide .splide__pagination {
	margin-top: calc(var(--sidegap) / 2);
}
.c5-flow.splide.is-initialized:not(.is-active) .splide__track {
	overflow: visible;
}
@media (max-width: 767.98px) {
	.c5-tabs__panel {
		padding-block: var(--sidegap);
		background: #222;
	}
	.c5-flow {
		margin-inline: calc(var(--sidegap) * -1);
	}
	.c5-flow.splide .splide__track {
		padding-inline: var(--sidegap) !important;
	}
	.c5-flow.splide .c5-flow__list {
		grid-template-columns: 7fr 8fr 7fr 9fr 7fr;
		column-gap: 0;
	}
	.c5-flow.splide .splide__list .item {
		width: calc(var(--cw) * 240 / var(--aspect) + 2.8em);
		min-width: calc(var(--cw) * 240 / var(--aspect) + 2.8em);
		max-width: calc(var(--cw) * 240 / var(--aspect) + 2.8em);
		padding-inline: 1em;
	}
	.c5-flow .c5-paragraph {
		padding-left: 1.4em;
	}
}
@media (min-width: 768px) {
	.c5-flow.splide .c5-flow__list {
		grid-template-columns: 8fr 7fr 7fr 9fr;
		column-gap: 1em;
	}
	.c5-flow__list.splide__list .item {
		grid-template-rows: subgrid;
		grid-row: span 2;
	}
	.c5-flow.splide .splide__list .item {
		padding-inline: 1.4em .6em;
	}
}
/* 規約 */
.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;
}
@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;
}

/* :::::: 抽選・選考・当選発表 :::::: */
.c5-entry__proviso .c5-lead + .c5-lead {
	margin-top: .5em;
}

/* :::::: 特典 :::::: */
.c5-entry__detauls .c5-chapter__title:not(:first-child) {
	margin-top: 1.5em;
}

/* :::::: 想定当選者数 :::::: */
.c5-detauls__number {
	color: var(--themecolor);
	font-weight: 700;
	--fontMin: 24;
	--fontMax: 40;
	font-size: var(--fontSize);
	line-height: 1.1;
}
.c5-detauls__number .num {
	position: relative;
	top: .05em;
	color: var(--themecolor);
	font-size: 400%;
	line-height: 1.1;
}
.c5-detauls__number .unit {
	font-size: 80%;
}
:where(.c5-detauls__info) .c5-lead {
	margin-top: 1em;
	color: var(--themecolor);
	--fontMin: 16;
	--fontMax: 24;
}
:where(.c5-detauls__info) .c5-lead:first-child {
	margin-top: .5em;

}
:where(.c5-detauls__info) .c5-lead .main {
	display: block;
	color: white;
	font-size: 160%;
}
:where(.c5-detauls__info) .c5-lead .sub {
	color: white;
	font-weight: 480;
}
:where(.c5-detauls__info) .c5-subject {
	--fontMax: 36;
}
:where(.c5-detauls__info) .c5-paragraph {
	font-weight: 700;
	--fontMax: 20;
	margin-top: .25em;
}
:where(.c5-detauls__info) .c5-note {
	--fontMax: 14;
}
@media (min-width: 768px) {
	.c5-detauls__info,
	.c5-detauls__info + .c5-note {
		text-align: center;
	}
}

/* :::::: LinkBuds Fit・コンセプトサイトはこちら :::::: */
.c5-chapter-linkbudsfit,
.c5-chapter-concept {
	display: grid;
	padding-top: calc(var(--headerHeight) + var(--sectionSpace));
	font-family: var(--fontSerif);
}
:where(.c5-chapter-linkbudsfit, .c5-chapter-concept) .c5-chapter__inner {
	place-self: center;
	text-align: center;
}
:where(.c5-chapter-linkbudsfit) .c5-chapter__title {
	--fontMax: 32;
}
:where(.c5-chapter-linkbudsfit) .c5-chapter__title svg {
	margin-inline: auto;
}
:where(.c5-chapter-linkbudsfit) .c5-paragraph {
	margin-top: .5em;
	--fontMin: 16;
	--fontMax: 20;
}
:where(.c5-chapter-linkbudsfit) .c5-image {
	margin-top: 2em;
}
:where(.c5-chapter-concept) .c5-button {
	padding-inline: 2em 1.5em;
	border-color: currentcolor;
	background: transparent;
}
:where(.c5-chapter-concept) .c5-button .c5-arr {
	width: 1em;
	fill: none;
	stroke: currentcolor;
	stroke-linecap: round;
	stroke-linejoin: round;
}
@media (hover) {
	.c5-button .c5-arr {
		transition: translate .4s var(--easeOut);
	}
	.c5-button:hover .c5-arr {
		translate: .5em 0;
		transition-duration: .2s;
	}
}
@media (max-width: 767.98px) {
	:where(.c5-chapter-linkbudsfit) .c5-chapter__title svg {
		--imgBasis: 320;
	}
	:where(.c5-chapter-linkbudsfit) .c5-image {
		margin-inline: calc(var(--sidegap) * -1);
	}
}
@media (min-width: 768px) {
	.c5-chapter-linkbudsfit,
	.c5-chapter-concept {
		--chapterWidth: 880;
	}
	:where(.c5-chapter-linkbudsfit) .c5-chapter__title svg {
		--imgBasis: 480;
	}
	:where(.c5-chapter-linkbudsfit, .c5-chapter-concept) .c5-image {
		--imgBasis: 880;
		width: var(--imgSize);
	}
}

/**
 * Tab Contents
 * -------------------------------------------------- */
.c5-tabs__buttons {
	display: flex;
	justify-content: center;
	gap: .25em;
	--fontMin: 16;
	--fontMax: 20;
	font-size: var(--fontSize);
}
.c5-tabs__buttons > * {
	flex-basis: calc(50% - .25em / 2);
}
.c5-tabs__button {
	display: block;
	padding: .5em 1em;
	border: 2px solid var(--themecolor);
	border-radius: .5em;
	color: black;
	font-weight: 700;
	text-align: center;
	background: var(--themecolor);
}
.c5-tabs__button:hover,
.c5-tabs__button:active,
.c5-tabs__button:visited {
	color: black;
	text-decoration: none;
}
.c5-tabs__button.is-active {
	pointer-events: none;
}
.c5-tabs__button small {
	font-size: 75%;
}
.c5-tabs__panels {
	position: relative;
	margin-top: min(var(--cw) * 24 / var(--aspect), 24px);
}
@media (max-width: 767.98px) {
	.c5-tabs {
		width: calc(var(--cw) - var(--sidegap) * 2);
	}
	.c5-tabs__buttons {
		flex-wrap: wrap;
	}
	.c5-tabs__buttons > :last-child {
		display: none;
	}
	.c5-tabs__panels {
		margin-inline: calc(var(--sidegap) * -1);
	}
	.c5-tabs__panel {
		padding-inline: var(--sidegap);
	}
}
@media (min-width: 768px) {
	.c5-tabs__buttons .item {
		flex-basis: calc(20% - .25em / 5);
	}
	.c5-tabs__button {
		max-width: 8em;
	}
}
/* メール */
.c5-tabs-email .c5-flow__list .item:nth-child(n+2) {
	margin-top: 2em;
}
.c5-tabs-email .c5-flow__list .c5-paragraph {
	margin-top: 0;
}
.c5-tabs-email .c5-videoplayer {
	max-width: 360px;
}
.c5-tabs-email .c5-flow__list .c5-image {
	justify-self: center;
}
@media (max-width: 767.98px) {
	.c5-tabs-email .c5-flow {
		padding-inline: var(--sidegap);
	}
	.c5-tabs-email .c5-image {
		width: 80%;
	}
	.c5-tabs-email .c5-image figcaption {
		justify-self: start;
	}
}
@media (min-width: 768px) {
	.c5-tabs-email {
		padding-inline: var(--sectionSpace);
	}
	.c5-tabs-email .c5-note {
		text-align: center;
	}
}
/* お手本動画 */
.c5-tabs-reference .c5-videoplayer {
	max-width: 360px;
}
/* 実装後 */
.c5-js-tabs-active .c5-tabs__button:not(.is-active) {
	color: var(--themecolor);
	background: black;
}
.c5-js-tabs-active .c5-tabs__panel:not(.is-active) {
	pointer-events: none;
	position: absolute;
	inset: 0 0 auto;
	visibility: hidden;
	opacity: 0;
	clip-path: inset(0 0 100%);
}
/* Motion */
.c5-js-tabs-active .c5-tabs__panels.is-motion {
	transition: height .6s var(--easeOut);
}
.c5-js-tabs-active .c5-tabs__panel.is-motion {
	transition: opacity .3s, clip-path .3s var(--easeOut), visibility .3s;
}
.c5-js-tabs-active .c5-tabs__panel.is-active.is-motion {
	transition-duration: .6s;
	transition-delay: .3s;
	transition-timing-function: var(--easeOut), var(--easeOut), ease;
}
.c5-js-tabs-active .c5-tabs__panel.is-active {
	clip-path: inset(0);
}

/**
 * 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(--aspect), 24px);
	}
}
.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;
	top: 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);
}

/**
 * Sound Player
 * .c5-soundplayer > :is(.c5-soundplayer__waveform, .c5-soundplayer__jacket, .c5-soundplayer__playpause, .c5-loader)
 * -------------------------------------------------- */
.c5-soundplayer {
	display: grid;
	position: relative;
	--fontMin: 16;
	--fontMax: 20;
	font-size: var(--fontSize);
}
.c5-soundplayer .c5-textlink {
	color: #ff0;
	font-size: 112%;
}
.c5-soundplayer__waveform {
	overscroll-behavior: none auto;
	align-self: end;
	width: 100%;
	height: 64px;
	
	/* for 波形 */
	position: relative;
}
.c5-soundplayer__jacket .label {
	display: flex;
	align-items: center;
}
@media (max-width: 767.98px) {
	.c5-soundplayer {
		grid-auto-flow: dense;
		grid-template-columns: auto 1fr;
		column-gap: .75em;
	}
	.c5-soundplayer > .c5-lead {
		grid-row: 1;
		grid-column: span 2;
		padding: .75em 0;
		--fontMin: 16;
	}
	.c5-soundplayer__jacket {
		grid-column: 1;
		align-self: end;
		width: calc(var(--cw) * 64 / var(--aspect));
	}
	.c5-soundplayer__waveform {
		grid-column: 2;
		height: calc(var(--cw) * 64 / var(--aspect));
	}
	.c5-soundplayer__playpause,
	.c5-soundplayer__score {
		grid-column: 1 / 3;
		padding: .75em 0;
	}
	.c5-soundplayer__score {
		grid-column: span 2;
		border-top: 1px solid var(--gray);
	}
}
@media (min-width: 768px) {
	.c5-soundplayer {
		grid-template: auto auto / auto auto 1fr;
		align-items: end;
		justify-items: start;
		column-gap: 1em;
		max-width: 1200px;
		margin-inline: auto;
	}
	.c5-soundplayer > .c5-lead {
		grid-column: span 3;
		padding: .5em 0;
		justify-self: start;
	}
	.c5-soundplayer__jacket {
		grid-area: 2 / 1 / 4 / 3;
		grid-column: 1;
		width: max(var(--cw) * 104 / var(--aspect), 104px);
	}
	.c5-soundplayer__jacket .title::before {
		content: "-";
		margin-inline: .3em;
	}
	.c5-soundplayer__playpause {
		grid-area: 2 / 2;
	}
	.c5-soundplayer__score {
		grid-area: 2 / 3;
	}
	.c5-soundplayer__waveform {
		grid-area: 3 / 2 / 4 / 4;
		height: max(var(--cw) * 48 / var(--aspect), 48px);
	}
}
.c5-soundplayer__playpause,
.c5-soundplayer__score {
	--size: 44px;
	display: flex;
	align-items: center;
	column-gap: .5em;
	height: fit-content;
	color: inherit;
	font-weight: 700;
}
.c5-soundplayer__playpause .c5-icon,
.c5-soundplayer__score .c5-icon {
	border-width: 1.5px;
	line-height: 0;
}
.c5-soundplayer__playpause .c5-icon {
	display: grid;
}
.c5-soundplayer__playpause .c5-icon > * {
	grid-area: 1 / 1;
}
.c5-soundplayer__score {
	position: relative;
}
.c5-soundplayer__score:hover,
.c5-soundplayer__score:active,
.c5-soundplayer__score:visited {
	color: white;
	text-decoration: none;
}
.c5-soundplayer__score .c5-blank {
	position: absolute;
	inset: 0 auto 0 0;
	width: 44px;
	height: 44px;
	visibility: hidden;
}
.c5-soundplayer__score .c5-icon {
	border-radius: 2px;
}
/* Motion */
.c5-soundplayer__playpause.is-anim .c5-icon {
	animation: popn .4s both;
	transition: opacity .1s;
}
.c5-soundplayer__playpause.is-active .c5-icon .play,
.c5-soundplayer__playpause:not(.is-active) .c5-icon .pause {
	opacity: 0;
}
/* :::::: 波形 :::::: */
.c5-soundplayer__waveform .progress {
	--seek: 0;
	--progress: 0;
	display: grid;
	height: 100%;
}
.c5-soundplayer__waveform canvas {
	grid-area: 1 / 1;
	width: 100%;
	height: 100%;
	transform-origin: left bottom;
	transition: transform .3s var(--easeOut);
	background: #ffffff0d;
}
.c5-soundplayer__waveform canvas.bar,
.c5-soundplayer__waveform canvas.seek {
	clip-path: inset(0 calc(100% - var(--progress) * 100%) 0 0);
}
.c5-soundplayer__waveform .progress.is-seek canvas.seek {
	clip-path: inset(0 calc(100% - var(--seek) * 100%) 0 0);
}
/* Loading */
.c5-soundplayer .c5-loader {
	--size: 44px;
	position: absolute;
	top: calc(50% - var(--size) * .5);
	left: calc(50% - var(--size) * .5);
}
.c5-soundplayer.is-loading .c5-soundplayer__jacket,
.c5-soundplayer.is-loading .c5-soundplayer__playpause,
.c5-soundplayer.is-loading .c5-soundplayer__score {
	opacity: .25;
}
.c5-soundplayer.is-loading .c5-soundplayer__waveform {
	background: #fff1;
}
@media (min-width: 768px) {
	.c5-soundplayer .c5-loader {
		grid-area: 1 / 1 / 3 / 4;
	}
}
/* Motion */
.c5-soundplayer .c5-loader.is-loaded {
	opacity: 0;
	scale: .6;
	transition: opacity .4s, scale .4s var(--easeOut);
}

/**
 * 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;
}
.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-width: 767.98px) {
	.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); }
}

/**
 * Pulldown Contents
 * -------------------------------------------------- */
.c5-pulldown__toggle :is(.text, .icon) {
	display: grid;
	place-items: center;
}
.c5-pulldown__toggle  :is(.text, .icon) > * {
	grid-area: 1 / 1;
	display: inline-block;
}
.c5-pulldown__toggle .icon {
	stroke: black;
	stroke-width: 2;
}
.c5-pulldown__contents {
	overflow: hidden;
}
.c5-pulldown__section {
	position: relative;
	padding-top: calc(var(--sectionSpace) * .75);
	padding-inline: var(--sidegap);
}
.c5-pulldown__section + .c5-pulldown__section {
    margin-top: calc(var(--sectionSpace) * 1.15);
	padding-top: var(--sectionSpace);
}
.c5-pulldown__section + .c5-pulldown__section::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	width: 71.795%;
	margin-inline: auto;
	border-top: 1px solid #e0e0e0;
}
.c5-pulldown__contents > * {
	margin-top: 1em;
}
.c5-pulldown__contents .c5-subject {
	margin-top: 0;
	--fontBasis: 21;
	line-height: 1.714;
}
.c5-pulldown__section .c5-figure {
	margin-inline: 0;
}
@media (min-width: 768px) {
	.c5-pulldown__contents .c5-subject {
		text-align: center;
	}
}
/* Motion */
:where(.c5-pulldown__toggle) .text > * {
	clip-path: inset(0);
}
:where(.c5-pulldown__toggle) .icon svg {
	transform-origin: center center;
}
:where(.c5-pulldown__toggle).is-active .open  {
	clip-path: inset(100% 0 0);
}
:where(.c5-pulldown__toggle):not(.is-active) .close  {
	clip-path: inset(0 0 100%);
}
:where(.c5-pulldown__toggle).is-active .icon svg:first-child {
	scale: 1 0;
}
:where(.c5-pulldown__contents):not(.is-active) {
	height: 0;
}
:where(.c5-pulldown__toggle).is-motion .text > * {
	transition: clip-path .2s var(--easeOut);
}
:where(.c5-pulldown__toggle).is-motion.is-active .text > * {
	transition-duration: .4s;
	transition-timing-function: var(--easeInOut);
}
:where(.c5-pulldown__toggle).is-motion .icon {
	transition: clip-path .6s var(--easeBack);
}
:where(.c5-pulldown__toggle).is-motion .icon svg {
	transition: scale .3s var(--easeOut);
}
:where(.c5-pulldown__toggle).is-motion.is-active .icon {
	transition-delay: .2s;
}
:where(.c5-pulldown__contents).is-motion {
	transition: height .6s var(--easeOut);
}
:where(.c5-pulldown__contents).is-motion.is-active {
	transition-timing-function: var(--easeInOut);
}

/**
 * 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__knob {
	user-select: none;
	-webkit-user-select: none;
	position: absolute;
	top: calc(var(--headerHeight) + var(--sidegap));
	right: var(--sidegap);
	width: min(var(--cw) * 48 / 390, 64px);
	height: min(var(--cw) * 67 / 390, 89px);
	box-sizing: content-box;
	padding: calc(var(--playergap) / 4);
	color: white;
}
@media (hover: none) {
	.c5-drawer__knob::after {
		content: "";
		position: absolute;
		width: calc(var(--containerWidth) * .4);
		height: calc(100svh - var(--playergap) * 5 - var(--controlButtonSize) * 4 - var(--navigationHeight));
		top: calc(100% + var(--playergap));
		right: calc(var(--sidegap) * -1);
	}
}
.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);
	backdrop-filter: blur(5px);
}
.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: 3;
	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: currentcolor;
}
@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;
	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 {
	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: 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;
}

/* :::::: コピーする :::::: */
.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: #ffff54;
	--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;
	
	--cw: 100vw;
	--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;
}
: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,.pswp) :is(
		h2,h3,h4,p,ul,ol,dl,dt,dd,
		.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,
			.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: min(var(--cw) * 10 / var(--aspect), 10px);
	}
}
.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: 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 */
.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}