@charset "shift_jis";

/**
 * コンポーネント
 * -------------------------------------------------- */
.c5-paragraph {
	font-size: max(var(--containerWidth) * .16 / 6.6, .75rem);
	line-height: 1.8;
	line-break: strict;
	word-break: normal;
	overflow-wrap: break-word;
	hyphens: auto;
	text-align: justify;
}
.c5-note {
	margin-top: 1em;
	font-size: max(var(--containerWidth) * .12 / 6.6, .625rem);
}
.c5-note small {
	display: inline-block;
	padding-left: .9em;
	text-indent: -.9em;
}
.c5-icon {
	width: 100%;
	height: 100%;
	overflow: visible !important;
	color: inherit;
}
.c5-button {
	display: grid;
	grid-template-columns: 1fr 2.4em;
	place-items: center;
	min-width: 10em;
	height: 2.4em;
	border: 1px solid #fff4;
	color: white;
	font-size: max(16vw / 19.2, .75rem);
	white-space: nowrap;
	background: black;
}
.c5-button:hover {
	color: white;
	text-decoration: none;
}
.c5-button__str {
	display: grid;
	place-items: center;
	z-index: 0;
	position: relative;
	width: 100%;
	height: 100%;
}
.c5-button__str::before {
	content: attr(data-text);
	display: grid;
	place-items: center;
	position: absolute;
	inset: 0;
	color: white;
	background: linear-gradient(to left, #8cc7df, #86a0d0, #77a4d7, #86c3de, #d1aece);
	clip-path: inset(0);
	transition: clip-path .4s cubic-bezier(.7,0,.3,1);
}
.c5-button__arr {
	width: 1em;
	height: auto;
	fill: none;
	stroke: currentcolor;
	transition: transform .4s cubic-bezier(.3,1,.7,1);
}
@media (hover: none) {
	.c5-button:not(:active) .c5-button__str::before {
		clip-path: inset(0 100% 0 0);
	}
	.c5-button:not(:active) .c5-button__arr {
		transform: translateX(calc(var(--containerWidth) * -.14 / 3.75));
	}
}
@media (hover) {
	.c5-button:focus {
		outline: none;
	}
	.c5-button:not(:hover) .c5-button__str::before {
		clip-path: inset(0 100% 0 0);
	}
	.c5-button:focus-visible .c5-button__str::before {
		clip-path: inset(0);
	}
	.c5-button:not(:hover) .c5-button__arr {
		transform: translateX(calc(var(--containerWidth) * -.14 / 3.75));
	}
	.c5-button:focus-visible .c5-button__arr {
		transform: none !important;
	}
	.c5-button:hover .c5-button__str::before,
	.c5-button:hover .c5-button__arr,
	.c5-button:focus-visible .c5-button__str::before,
	.c5-button:focus-visible .c5-button__arr {
		transition-duration: .2s;
		transition-timing-function: cubic-bezier(.3,1,.7,1);
	}
}
body[data-section="promotion"] .c5-contents .c5-button,
body[data-section="ult-field7"] .c5-contents .c5-button,
body[data-section="series"] .c5-contents .c5-button {
	transition: border-color .6s, color .6s, background .6s;
}
body[data-section="series"] .c5-contents .c5-button {
	border: 1px solid #aaa4;
	color: black;
	background: white;
}
body[data-section="series"] .c5-contents .c5-button:hover {
	color: black;
}
@media (hover) and (min-width: 768px) {
	body[data-section="ult-field7"] .c5-contents .c5-button,
	body[data-section="series"] .c5-contents .c5-button {
		transition-delay: .2s;
	}
	body[data-section="series"] .c5-contents .c5-button {
		transition-delay: .4s;
	}
}

.c5-container {
	position: fixed;
	inset: 0;
}
@media (min-width: 768px) {
	.c5-container {
		--infoWidth: calc(100% - var(--contentsWidth) - var(--navigationWidth));
		--contentsWidth: max(660vw / 19.2, 375px);
		--navigationWidth: max(300vw / 19.2, 168px);
		display: grid;
		grid-template-columns: 1fr var(--contentsWidth) var(--navigationWidth);
	}
	.c5-container::before {
		content: "";
		z-index: 1;
		position: fixed;
		inset: 0 var(--navigationWidth) 0 auto;
		width:  var(--contentsWidth);
		height: 100%;
		box-shadow: -4px 0 40px 0 #fff4;
	}
}

/* Gradient Italic Text */
.c5-gradtext {
	-webkit-text-fill-color: transparent;
	background: linear-gradient(to right, #d8acce, #77c8e4, #779fd4, #7ac9e2);
	background-clip: text;
}
.c5-italic {
	display: inline-block;
	transform: skewX(-8deg);
}
.c5-gradtext .c5-italic {
	-webkit-text-fill-color: inherit;
	background: inherit;
	background-clip: inherit;
}


/**
 * コンセプトエリア
 * -------------------------------------------------- */
@media (max-width: 767.98px) {
	.c5-concept {
		display: none;
	}
}
@media (min-width: 768px) {
	.c5-concept {
		--containerWidth: 100cqi;
		container: concept / inline-size;
		position: fixed;
		inset: 0 auto 0 0;
		width: var(--infoWidth);
		color: white;
		background: linear-gradient(to top, black 50%, #111);
	}
	.c5-concept > * {
		display: grid;
		position: absolute;
		inset: 0;
		margin: auto;
		opacity: 0;
		pointer-events: none;
		transition: opacity .6s;
	}
	.c5-boostbutton {
		visibility: hidden;
		transition: opacity .6s, visibility .6s;
	}
	body[data-section="visual"] .c5-statement,
	body[data-section="intro"] .c5-statement,
	body[data-section="promotion"] .c5-statement,
	body[data-section="movie"] .c5-statement,
	body[data-section="induction"] .c5-statement,
	body[data-section="mulasaki-ima"] .c5-boostbutton,
	body[data-section="kotaka"] .c5-boostbutton,
	body[data-section="gallery"] .c5-ultlogo,
	body[data-section^="ult-"] .c5-ultlogo,
	body[data-section="series"] .c5-sonylogo {
		opacity: 1;
		pointer-events: auto;
	}
	body[data-section="mulasaki-ima"] .c5-boostbutton,
	body[data-section="kotaka"] .c5-boostbutton {
		visibility: visible;
	}
}

/* :::::: ステートメント :::::: */
.c5-statement {
	place-content: center;
	height: 100svh;
	padding: var(--sidegap);
	padding-top: var(--headerHeight);
}
.c5-statement .logo {
	justify-self: center;
	width: max(var(--containerWidth) / 2.8, 120px);
	grid-row: 1;
}
.c5-statement .statement {
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 1;
	margin-top: 1.6em;
	font-size: max(var(--containerWidth) * .24 / 9.6, .625rem);
	line-height: 1.7;
	letter-spacing: .075em;
	white-space: nowrap;
	text-align: center;
	grid-row: 2;
}
.c5-statement .statement + .statement {
	margin-top: 1em;
}
.c5-statement .statement ruby rt {
	text-align: center;
	ruby-align: center;
	letter-spacing: .5em;
}
.c5-statement .image {
	display: flex;
	align-items: end;
	opacity: .4;
	grid-row: 6;
}
.c5-statement .image.wear {
	justify-self: end;
	grid-column: 1;
}
.c5-statement .logo,
.c5-statement .statement,
.c5-statement .statement + .statement {
	grid-column: 1/ 3;
}
.c5-statement .statement:nth-of-type(2) {
	grid-row: 3;
}
.c5-statement .statement:nth-of-type(3) {
	grid-row: 4;
}
.c5-statement .statement:nth-of-type(4) {
	grid-row: 5;
}
.c5-statement .image.field1 {
	grid-column: 2;
}
@container concept (max-width: 399.98px) {
	.c5-statement {
		grid-template-columns: 1fr 1fr;
		column-gap: calc(var(--containerWidth) * .018);
		width: 80%;
	}
	.c5-statement .statement {
		font-size: max(var(--containerWidth) * .16 / 4, .625rem);
	}
	.c5-statement .image {
		width: calc(var(--containerWidth) * .245);
	}
	.c5-statement .image.field1 img {
		padding-right: calc(var(--containerWidth) * .018);
	}
}
@container concept (min-width: 400px) {
	.c5-statement {
		grid-template-columns: 1fr calc(var(--containerWidth) / 2.2) 1fr;
	}
	.c5-statement .logo {
		grid-area: 1 / 2;
	}
	.c5-statement .statement {
		grid-area: 2 / 2;
	}
	.c5-statement .statement:nth-of-type(2) {
		grid-area: 3 / 2;
	}
	.c5-statement .statement:nth-of-type(3) {
		grid-area: 4 / 2;
	}
	.c5-statement .statement:nth-of-type(4) {
		grid-area: 5 / 2;
		padding-bottom: 2em;
	}
	.c5-statement .image {
		grid-row: 1 / 6;
		width: calc(var(--containerWidth) * 2.45 / 12);
	}
	.c5-statement .image.wear {
		grid-column: 1;
	}
	.c5-statement .image.field1 {
		grid-column: 3;
	}
	.c5-statement .image.field1 img {
		padding-right: calc(var(--containerWidth) * .36 / 12);
	}
}

/* :::::: Boost Button :::::: */
.c5-boostbutton {
	align-content: center;
	gap: max(var(--containerWidth) / 20, 20px);
	width: max(var(--containerWidth) / 2, 200px);
}
.c5-boostbutton .button {
	display: grid;
	margin-inline: auto;
	width: 60%;
	user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}
.c5-boostbutton .button > * {
	grid-area: 1 / 1;
	border-radius: 50%;
	transition: transform .2s;
}
.c5-boostbutton .c5-catchcopy .main {
	width: 100%;
}
.c5-boostbutton .button.is-boost .off,
.c5-boostbutton .button:not(.is-boost) .on {
	z-index: -1;
	visibility: hidden;
}
.c5-boostbutton .button.is-boost.is-anim .on {
	visibility: visible;
	animation: boostOn .6s var(--easeOut) both;
}
.c5-boostbutton .button:not(.is-boost).is-anim .off {
	visibility: visible;
	animation: boostOff .3s var(--easeOut) both;
}
.c5-boostbutton .button:active > * {
	transform: scale(.98);
}
@media (hover) {
	.c5-boostbutton .button {
		cursor: pointer;
	}
}

/* :::::: ULT Logo :::::: */
.c5-ultlogo {
	place-items: center;
}
.c5-ultlogo .logo {
	width: max(var(--containerWidth) / 2.8, 120px);
}

/* :::::: SONY Logo :::::: */
.c5-sonylogo {
	place-items: center;
}
.c5-sonylogo .logo {
	width: max(var(--containerWidth) / 4, 100px);
}
.c5-sonylogo .logo svg {
	width: 100%;
	height: auto;
}


/**
 * ナビゲーションエリア
 * -------------------------------------------------- */
.c5-navigation {
	--containerWidth: min(100cqi, 168px);
	container: navigation / inline-size;
}
@media (max-width: 767.98px) {
	/* :::::: ボトムナビゲーション :::::: */
	.c5-navigation {
		display: grid;
		grid-template-columns: 1fr 4.5fr;
		position: fixed;
		inset: auto 0 0;
		width: 100%;
		max-width: var(--contentsMaxWidth);
		height: var(--navigationHeight);
		margin: calc(var(--sidegap) / 2) auto;
		border: 1px solid #fff4;
		border-radius: 8px;
		color: white;
		background: #fff4;
		backdrop-filter: blur(5px);
	}
	/* 出す時だけ出す */
	body[data-section="mulasaki-ima"] .c5-navigation,
	body[data-section="kotaka"] .c5-navigation,
	body[data-section="gallery"] .c5-navigation {
		opacity: 1;
		transform: none;
		transition-duration: .6s;
		pointer-events: auto;
	}
	.c5-navigation,
	body.is-drawer .c5-navigation {
		pointer-events: none;
		opacity: 0;
		transform: translateY(40px);
		transition: opacity .2s, transform .2s var(--easeOut);
	}
	.c5-navigation__logo {
		display:grid;
		place-items: center;
		border-radius: 8px 0 0 8px;
		background: black;
	}
	.c5-navigation__logo img {
		max-width: 50px;
	}
	.c5-navigation__list {
		display: flex;
	}
	.c5-navigation__item {
		flex-basis: 50%;
		display: flex;
		align-items: center;
		z-index: 0;
		position: relative;
		padding-inline: 2.5%;
	}
	.c5-navigation__item:last-of-type {
		border-left: 1px solid #fff4;
	}
	.c5-navigation__item .image {
		z-index: -1;
		position: absolute;
		bottom: 5%;
		right: 4%;
		width: 46%;
		height: auto;
		aspect-ratio: 1 / 1;
	}
	.c5-navigation__item .image img {
		border-radius: 20px;
	}
	.c5-navigation__item .text {
		display: flex;
		flex-direction: column;
		gap: .25em;
	}
	.c5-navigation__item .sub,
	.c5-navigation__item .num {
		display: none;
	}
	.c5-navigation__item .name {
		font: 300 normal .875rem / 1 var(--sst);
	}
	.c5-navigation__item .c5-button {
		grid-template-columns: 1fr 1.4em;
		min-width: 7.4em;
		height: 2.2em;
		font-size: max(var(--containerWidth) * .1 / 3.75, .625rem);
	}
	.c5-navigation__item .link.-side {
		display: none;
	}
	.c5-navigation__item .link:first-of-type a::after {
		content: "";
		position: absolute;
		inset: 0;
	}
	.c5-navigation__item .link:not(:first-of-type) {
		display: none;
	}
	.c5-navigation__item .c5-button__str::before {
		display: none;
	}
	.c5-navigation__item .c5-button .c5-button__arr {
		justify-self: start;
		transform: none;
	}
}
@media (max-width: 425px) {
	.c5-navigation,
	.c5-navigation__logo {
		border-inline: 0;
		border-radius: 0;
	}
}
@media (min-width: 768px) {
	/* :::::: サイドナビゲーション :::::: */
	.c5-navigation {
		overflow-y: auto;
		overscroll-behavior: auto;
		display: grid;
		position: fixed;
		inset: 0 0 0 auto;
		width: var(--navigationWidth);
		color: white;
		background: linear-gradient(to top, black 25%, #333);
	}
	.c5-navigation__logo {
		display: none;
	}
	.c5-navigation__list {
		display: flex;
		row-gap: calc(var(--sidegap) / 2);
		flex-direction: column;
		justify-content: space-evenly;
		width: calc(100% - var(--sidegap) * 2);
		height: 100%;
		margin: auto;
		padding: calc(var(--sidegap) / 2) 0 var(--sidegap);
	}
	.c5-navigation__list .c5-button {
		min-width: 0;
	}
	@media (hover: none) {
		.c5-navigation__list .c5-button:not(:active) .c5-button__arr {
			transform: translateX(calc(var(--containerWidth) * -.14 / 1.68));
		}
	}
	@media (hover) {
		.c5-navigation__list .c5-button:not(:hover) .c5-button__arr {
			transform: translateX(calc(var(--containerWidth) * -.14 / 1.68));
		}
	}
	.c5-navigation__item .link.-bottom {
		display: none;
	}
	.c5-navigation__item .text {
		display: flex;
		flex-direction: column;
		row-gap: .5em;
		margin-top: 1em;
	}
	.c5-navigation__item .name {
		display: flex;
		flex-direction: column;
		align-items: center;
		row-gap: .2em;
		font-size: calc(var(--containerWidth) * .14 / 3);
		line-height: 1.2;
		white-space: nowrap;
		text-align: center;
	}
	.c5-navigation__item .main,
	.c5-navigation__item .num {
		font-family: var(--sst);
	}
	.c5-navigation__item .main {
		font-size: 2.5em;
	}
}
@media (min-width: 768px) and (max-height: 799.98px) {
	.c5-navigation {
		overflow: hidden;
	}
	.c5-navigation__list {
		justify-content: center;
		row-gap: calc(100svh * .16 / 8);
	}
	.c5-navigation__item .image {
		text-align: center;
	}
	.c5-navigation__item .image img {
		width: auto;
		height: calc(100svh * 1.97 / 8);
		margin-inline: auto;
	}
}


/**
 * メインコンテンツエリア
 * -------------------------------------------------- */
.c5-contents {
	--containerWidth: min(100cqi, var(--contentsMaxWidth));
	container: contents / inline-size;
	overscroll-behavior: auto;
	position: relative;
	overflow: hidden;
	height: 100%;
	color: white;
	background: black;
}
body[data-section="promotion"] .c5-contents, /* <- MEMO: pagetop 時 */
body[data-section="ult-field7"] .c5-contents,
body[data-section="series"] .c5-contents {
	transition: color .6s, background .6s;
}
body[data-section="series"] .c5-contents {
	color: black;
	background: white;
}
@media (hover) and (min-width: 768px) {
	body[data-section="ult-field7"] .c5-contents,
	body[data-section="series"] .c5-contents {
		transition-delay: .2s;
	}
	body[data-section="series"] .c5-contents {
		transition-delay: .4s;
	}
}

/* :::::: Section :::::: */
.c5-section {
	--playergap: calc(var(--containerWidth) * .24 / 6.6);
	--playButtonSize: calc(var(--containerWidth) * 1.44 / 6.6);
	--controlButtonSize: calc(var(--containerWidth) * .64 / 6.6);
	
	display: grid;
	place-items: center;
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100svh;
	padding: var(--sidegap);
}
.c5-section:focus {
	outline: none;
}
.c5-contents .c5-section:not(.is-inview) {
	pointer-events: none;
	opacity: 0;
}
/* Swipe */
.c5-contents .c5-section.is-motion {
	transition: opacity .4s, transform .4s var(--easeOut);
	will-change: opacity, transform;
	backface-visibility: hidden;
}
/* Wheel */
.c5-contents .c5-section.is-anim {
	animation: .8s var(--easeInOut) both;
	will-change: animation;
	backface-visibility: hidden;
}
.c5-contents .c5-section:not(.is-inview).is-anim {
	transition: opacity .8s;
}
.c5-contents[data-dur="up"] .c5-section.is-inview.is-anim {
	animation-name: downEnter;
}
.c5-contents[data-dur="dn"] .c5-section.is-inview.is-anim {
	animation-name: upEnter;
}
.c5-contents[data-dur="up"] .c5-section:not(.is-inview).is-anim {
	animation-name: downLeave;
}
.c5-contents[data-dur="dn"] .c5-section:not(.is-inview).is-anim {
	animation-name: upLeave;
}
@keyframes upEnter {
	from { opacity: 0; transform: translateY(100%); }
	80% { opacity: 1; }
	to { opacity: 1; transform: none; }
}
@keyframes downEnter {
	from { opacity: 0; transform: translateY(-100%); }
	80% { opacity: 1; }
	to { opacity: 1; transform: none; }
}
@keyframes upLeave {
	from { opacity: 1; transform: none; }
	80% { opacity: 1; }
	to { opacity: 0; transform: translateY(-100%); }
}
@keyframes downLeave {
	from { opacity: 1; transform: none; }
	80% { opacity: 1; }
	to { opacity: 0; transform: translateY(100%); }
}
@media (min-width: 768px) {
	.c5-contents {
		grid-area: 1 / 2;
		z-index: 1;
		width: var(--contentsWidth);
	}
}

/* :::::: Scene :::::: */
.c5-scene:focus {
	outline: none;
}
.c5-scene:focus-visible {
	outline: auto;
}
.c5-scene:not(.is-inview) {
	pointer-events: none;
	opacity: 0;
}
.c5-scene.is-anim {
	animation: fadeIn .8s var(--easeOut) both;
}
.c5-scene:not(.is-inview).is-anim {
	animation-name: fadeOut;
}
@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}

/* ::::: Schedule ::::: */
.c5-promotion__chatchcopy {
	transform: translateY(calc(45svh - 50%));
	transition: transform 1s var(--easeOut);
}
.c5-promotion[data-scene="1"] .c5-promotion__chatchcopy.is-inview {
	transition-timing-function: var(--easeInOut);
}
.c5-promotion[data-scene="1"] .c5-promotion__chatchcopy,
.c5-promotion[data-scene="2"] .c5-promotion__chatchcopy {
	transform: none;
}
.c5-promotion .c5-promotion__chatchcopy .checkout {
	transform: scale(.98);
}
.c5-promotion .c5-promotion__chatchcopy .checkout,
.c5-promotion[data-scene="1"] .c5-promotion__chatchcopy .ult,
.c5-promotion[data-scene="2"] .c5-promotion__chatchcopy .ult {
	opacity: 0;
}
.c5-promotion[data-scene="1"] .c5-promotion__chatchcopy .checkout,
.c5-promotion[data-scene="2"] .c5-promotion__chatchcopy .checkout {
	opacity: 1;
	transform: none;
}
.c5-promotion.is-inview .c5-promotion__chatchcopy.is-inview .ult {
	transition: opacity .6s;
}
.c5-promotion.is-inview .c5-promotion__chatchcopy.is-inview .checkout {
	transition: opacity .6s, transform .6s var(--easeOut);
}
.c5-promotion[data-scene="0"] .c5-promotion__chatchcopy.is-inview .ult,
.c5-promotion[data-scene="0"] .c5-promotion__chatchcopy.is-inview .checkout {
	transition-duration: .4s; /* MEMO: 戻る時はちょっと速め */
	transition-delay: .2s;
}
.c5-promotion[data-scene="1"] .c5-promotion__chatchcopy.is-inview .checkout {
	transition-delay: .4s; /* MEMO: 進む時はちょっと遅らす */
}
/* 動画 */
.c5-promotion__movie.is-inview.is-anim .play {
	animation: playButton .6s .2s var(--easeOut) both;
}
.c5-promotion__movie.is-inview.is-anim .attention {
	animation: videoAttention .6s .2s var(--easeOut) both;
}
.c5-promotion__movie:not(.is-inview).is-anim .play {
	animation: fadeOut .6s;
}
@keyframes playButton {
	from { opacity: 0; transform: scale(.9); }
	40% { opacity: 1; transform: scale(1.04); }
	80% { transform: scale(.98); }
	to: { opacity: 1; transform: none; }
}
@keyframes videoAttention {
	from { opacity: 0; transform: translateY(-8px); }
	to { opacity: 1; transform: none; }
}
/* 快感ブーストを擬似体験 */
.c5-promotion[data-scene="3"] .c5-boost__induction.is-inview.is-anim .title {
	animation: induction 1s var(--easeOut) both;
	animation-delay: .4s;
}
@keyframes induction {
	from { opacity: 0; transform: translateY(-16px); }
	to { opacity: 1; transform: none; }
}
/* ヘッドホンやイヤホンを着けてお楽しみください。 */
.c5-boost__induction .lead {
	opacity: 1;
	mask-image: linear-gradient(to right, #fff0, #fff 80px, #fff calc(100% - 80px), #fff0);
	mask-position: calc(var(--containerWidth) * -1.25) center;
	mask-size: calc(100% + 160px) 100%;
	mask-repeat: no-repeat;
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
	
	/* 重低音ブーストの効果をわかりやすく表現しています */
	display: flex;
	flex-direction: column;
	margin-top: 1.2em;
	font-size: calc(var(--containerWidth) * .26 / 6.6);
	line-height: 1.5;
	letter-spacing: .075em;
	text-align: center;
}
.c5-boost__induction.is-inview .lead {
	mask-position: 50% center;
}
.c5-boost__induction.is-anim .lead {
	transition: mask-position 1s .6s var(--easeOut);
	animation: none;
}
.c5-boost__induction.is-anim:not(.is-inview) .lead {
	transition-delay: 0s;
}
/* vv */
.c5-boost__induction.is-anim .down {
	animation: arrowin .8s .8s var(--easeOut) both;
}
.c5-boost__induction:not(.is-inview).is-anim .down {
	animation: arrowout .4s var(--easeOut) both;
}
@keyframes arrowin {
	from { opacity: 0; transform: translateY(-40px); }
	to { opacity: 1; transform: none; }
}
@keyframes arrowout {
	from { opacity: 1; transform: none; }
	to { opacity: 0; transform: translateY(-16px); }
}


/**
 * 快感ブーストボタンで重低音が暴れだす。
 * -------------------------------------------------- */
.c5-promotion {
	height: 100%;
	padding: 0;
	z-index: 0;
}
.c5-promotion > * {
	grid-area: 1 / 1;
}

/* :::::: キービジュアル :::::: */
.c5-promotion__visual {
	z-index: -1;
}
.c5-promotion__visual,
.c5-promotion__visual img {
	width: 100%;
	height: 100svh;
}
.c5-promotion__visual img {
	object-fit: cover;
}

/* :::::: 快感ブーストボタンで重低音が暴れだす。 :::::: */
.c5-catchcopy {
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: calc(var(--containerWidth) * .4 / 6.6);
}
.c5-catchcopy img {
	width: 100%;
}
.c5-catchcopy .main {
	position: relative;
	width: calc(var(--containerWidth) * 5.8 / 6.6);
	aspect-ratio: 590 / 137;
}
.c5-catchcopy .main .grad {
	position: absolute;
	inset: 0;
	mask: url(../img/catchcopy_grad.svg) center / cover no-repeat;
}
.c5-catchcopy .main .grad img {
	position: absolute;
	top: -2%;
	left: 11%;
	width: 48%;
}
.c5-catchcopy .sub {
	display: grid;
	justify-items: center;
}
.c5-catchcopy .sub > * {
	grid-area: 1 / 1;
}
.c5-catchcopy .ult {
	width: calc(var(--containerWidth) * 2.78 / 6.6);
}
.c5-catchcopy .checkout {
	width: calc(var(--containerWidth) * 4.83 / 6.6);
}
.c5-promotion__scroll {
	position: absolute;
	right: var(--sidegap);
	bottom: var(--sidegap);
	width: calc(var(--containerWidth) * .4 / 6.6);
}
.c5-promotion__scroll:hover {
	color: inherit;
}
.c5-promotion__scroll svg {
	width: 100%;
	height: auto;
}
.c5-promotion__pagetop {
	--size: 40px;
	position: absolute;
	right: var(--sidegap);
	bottom: var(--sidegap);
	width: var(--size);
	height: var(--size);
	border-radius: var(--size);
}


/**
 * 快感ブーストを擬似体験
 * -------------------------------------------------- */
.c5-boost__induction {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-height: 100svh
}
.c5-boost__induction .button {
	display: grid;
	margin-inline: auto;
	width: calc(var(--containerWidth) * 3.2 / 6.6);
}
.c5-boost__induction .button > * {
	grid-area: 1 / 1;
	border-radius: 50%;
}
.c5-boost__induction .button .aberration {
	display: block;
	z-index: 1;
	position: relative;
	aspect-ratio: 1 / 1;
	width: 100%;
	height: auto;
}
.c5-boost__induction .button .aberration > * {
	content: "";
	position: absolute;
	inset: 0;
	background: url(../img/ult_on.webp) center / contain no-repeat;
	background-blend-mode: multiply;
	mix-blend-mode: lighten;
	clip-path: inset(1px round 50%);
}
.c5-boost__induction .button .aberration .r {
	background-color: red;
}
.c5-boost__induction .button .aberration .g {
	background-color: lime;
}
.c5-boost__induction .button .aberration .b {
	background-color: brue;
}
.c5-boost__induction:not(.is-inview) .button,
.c5-boost__induction:not(.is-inview) .button .aberration {
	opacity: 0;
}
.c5-boost__induction.is-inview.is-anim .button {
	animation: boostButton 1.6s var(--easeInOut) both;
}
.c5-boost__induction.is-inview.is-anim .button .on {
	animation: boostButton_on 1.6s var(--easeOut) both;
}
.c5-boost__induction.is-inview.is-anim .button .off {
	animation: boostButton_off 1.6s var(--easeOut) both;
}
.c5-boost__induction.is-inview.is-anim .button .aberration > * {
	animation: boostButton_ab 1s var(--easeOut) both;
}
.c5-boost__induction.is-inview.is-anim .button .aberration .g {
	animation-duration: 1.2s;
}
.c5-boost__induction.is-inview.is-anim .button .aberration .b {
	animation-duration: 1.4s;
}
.c5-boost__induction:not(.is-inview).is-anim .button {
	animation: fadeOut .8s var(--easeOut) both;
}
@keyframes boostButton {
	from { opacity: 0; transform: scale(2); }
	30%, to { opacity: 1; transform: none; }
}
@keyframes boostButton_on {
	from, 40% { opacity: 0; transform: none; }
	50% { opacity: 1; transform: scale(.9); }
	to { opacity: 1; transform: none; }
}
@keyframes boostButton_off {
	from, 40% { opacity: 1; transform: none; }
	50% { opacity: 0; transform: scale(.9); }
	to { opacity: 0; transform: none; }
}
@keyframes boostButton_ab {
	from, 50% { opacity: 0; }
	60% { opacity: .5; transform: scale(.96); }
	to { opacity: 0; transform: scale(1.1); }
}

/* :::::: 快感ブーストを擬似体験 :::::: */
.c5-boost__induction .title {
	position: relative;
	width: calc(var(--containerWidth) * 3.64 / 6.6);
	aspect-ratio: 364 / 160;
	margin: calc(var(--containerWidth) * .4 / 6.6) auto 0;
}
.c5-boost__induction .title img {
	width: 100%;
}
.c5-boost__induction .title .grad {
	z-index: -1;
	position: absolute;
	inset: 0;
	mask: url(../img/boost_grad.svg) center / cover no-repeat;
}
.c5-boost__induction .title .grad img {
	position: absolute;
	top: -2%;
	left: 0;
	width: 87.6%;
}

/* :::::: 重低音ブーストの効果をわかりやすく表現しています。 :::::: */
/* .c5-boost__induction .lead {
	display: flex;
	flex-direction: column;
	margin-top: 1.2em;
	font-size: calc(var(--containerWidth) * .26 / 6.6);
	line-height: 1.5;
	letter-spacing: .075em;
	text-align: center;
} */
.c5-boost__induction .down {
	aspect-ratio: 1 / 1;
	position: relative;
	width: calc(var(--containerWidth) / 6.6);
	margin-top: calc(var(--containerWidth) * .48 / 6.6);
}
.c5-boost__induction .down img {
	clip-path: url(#svg-down-clip);
}


/**
 * シミュレーション
 * -------------------------------------------------- */
.c5-simulation {
	grid-template-rows: 1fr var(--navigationHeight);
}
.c5-simulation_wrapper {
	display: grid;
	place-items: center;
	position: relative;
	width: calc(var(--containerWidth) - var(--sidegap) * 2);
}
.c5-simulation_wrapper > * {
	grid-area: 1 / 1;
}
.c5-simulation__title {
	place-self: end start;
	display: grid;
	gap: .25em;
	padding: .8em;
	font: 400 max(var(--containerWidth) * .34 / 6.6, 1.375rem) / 1 var(--sst);
}
.c5-simulation__title .sst {
	max-width: 100%;
}
.c5-simulation__jacket,
.c5-simulation__jacket img {
	width: 100%;
	height: 100%;
}
.c5-simulation__jacket img {
	object-fit: cover;
	border-radius: 30px;
}
@media (max-width: 767.98px) {
	.c5-simulation {
		row-gap: var(--sidegap);
	}
	.c5-simulation_wrapper {
		max-width: var(--contentsMaxWidth);
		height: 100%;
	}
	.c5-simulation__jacket {
		max-height: calc(100svh - var(--navigationSpace));
	}
}
@media (min-width: 768px) {
	.c5-contents.is-align .c5-simulation_wrapper {
		height: 100%;
	}
	.c5-contents.is-unalign .c5-simulation_wrapper {
		aspect-ratio: 9 / 16;
	}
	.c5-simulation__jacket img {
		border-radius: calc(var(--containerWidth) * .3 / 6.6);
	}
}


/**
 * ギャラリー
 * -------------------------------------------------- */
.c5-gallery {
	grid-template-rows: 1fr var(--navigationHeight);
	row-gap: var(--sidegap);
	padding-inline: 0;
}
.c5-gallery > * {
	grid-area: 1 / 1;
}
.c5-gallery__title {
	z-index: 2;
	margin-bottom: 28px;
	font-size: calc(var(--containerWidth) * .34 / 6.6);
	opacity: 0;
}
.c5-gallery__title.is-hide {
	animation: greetGallery 2s .6s var(--easeOut) both;
}
@keyframes greetGallery {
	from { opacity: 0; transform: scale(.92); }
	40%, 60% { opacity: 1; filter: none; }
	to { opacity: 0; transform: scale(1.2); filter: blur(5px); }
}
.c5-gallery .slide img {
	object-fit: cover;
	height: 100%;
	border-radius: 30px;
}
@media (max-width: 767.98px) {
	.c5-gallery .slide {
		height: calc(100svh - var(--navigationSpace) - var(--weiper-pagination-space));
	}
}
@media (min-width: 768px) {
	.c5-gallery .slide img {
		height: calc(100svh - var(--sidegap) * 2);
		border-radius: calc(var(--containerWidth) * .3 / 6.6);
	}
	.c5-contents.is-unalign .c5-gallery .slide img {
		aspect-ratio: 9 / 16;
		height: auto;
	}
}


/**
 * 製品
 * -------------------------------------------------- */
.c5-product {
	align-content: center;
}
#ult-wear,
#ult-field1 {
	padding-top: var(--headerHeight);
}
#ult-field7 {
	padding-top: calc(var(--headerHeight) / 1.4);
}
.c5-product__image {
	display: grid;
	justify-content: center;
}
.c5-product__name {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 1em;
	font-weight: 400;
	font-size: calc(var(--containerWidth) * .2 / 6.6);
	line-height: 1.2;
}
.c5-product__name .main,
.c5-product__name .num {
	font-family: var(--sst);
}
.c5-product__name .main {
	font-size: 3em;
}
.c5-product .c5-paragraph {
	margin-top: 1em;
	max-width: calc(var(--containerWidth) * 4.8 / 6.6);
	font-size: calc(var(--containerWidth) * .24 / 6.6);
	white-space: nowrap;
	text-align: center;
}
.c5-product__links {
	margin-top: calc(var(--containerWidth) * .32 / 6.6);
}
.c5-product__links .link + .link {
	margin-top: .5em
}
@media (max-width: 767.98px) {
	.c5-product__image {
		max-width: var(--contentsMaxWidth);
	}
}
@media (max-height: 599.98px) {
	#ult-wear .c5-product__image {
		width: 80%;
	}
}

/* :::::: HBBT :::::: */
#series {
	grid-template-rows: 1fr var(--footerHeight);
	padding-top: calc(var(--headerHeight) / 1.4);
	padding-bottom: 0;
}
.c5-series__copy {
	display: grid;
	font-size: calc(var(--containerWidth) * .32 / 6.6);
	font-weight: 400;
	text-align: center;
}
.c5-series__copy .sub {
	font-size: 55%;
}
.c5-series__lineup,
.c5-series__links {
	display: flex;
	justify-content: center;
}
.c5-series__lineup {
	gap: calc(var(--containerWidth) * .24 / 6.6);
	width: 90%;
	max-width: var(--contentsMaxWidth);
	margin: calc(var(--containerWidth) * .24 / 6.6) auto 0;
}
.c5-series__lineup .image {
	flex-grow: 1;
}
.c5-series__lineup .name {
	margin-top: 1em;
	font-size: calc(var(--containerWidth) * .18 / 6.6);
	text-align: center;
}
.c5-series__links {
	flex-direction: column;
	align-items: center;
}
.c5-series__links .name {
	margin-top: .5em;
	font-size: calc(var(--containerWidth) * .32 / 6.6);
}
.c5-series__links .c5-button {
	width: fit-content;
}





/**
 * Player Basis
 * -------------------------------------------------- */
/* .c5-section {
	--playergap: calc(var(--containerWidth) * .24 / 6.6);
	--playButtonSize: calc(var(--containerWidth) * 1.44 / 6.6);
	--controlButtonSize: calc(var(--containerWidth) * .64 / 6.6);
} */
.c5-player__control {
	z-index: 1;
	width: var(--controlButtonSize);
	height: var(--controlButtonSize);
	border-radius: 50%;
	padding: calc(var(--playergap) / 4);
	color: white;
}
.c5-player__control:focus {
	outline: none;
}
.c5-player__control:focus-visible {
	outline: auto;
}
.c5-player__control.play {
	width: var(--playButtonSize);
	height: var(--playButtonSize);
}
.c5-player__control.pause,
.c5-player__control.volume {
	position: absolute;
	right: var(--playergap);
	box-sizing: content-box;
}
/* Play/Pause */
.c5-player.is-play .c5-player__control.play,
.c5-player:not(.is-play) .c5-player__control.pause {
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	transform: scale(.8);
}
.c5-player:not(.is-play) .c5-player__control.play.is-anim,
.c5-player.is-play .c5-player__control.pause.is-anim {
	visibility: visible;
	animation: playAppear .4s var(--easeOut) both;
}
.c5-player.is-play .c5-player__control.play.is-anim,
.c5-player:not(.is-play) .c5-player__control.pause.is-anim {
	visibility: visible;
	animation: playHide .4s var(--easeOut) both;
}
/* Volume */
.c5-player__control.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-player__control.volume > * {
	grid-area: 1 / 1;
	clip-path: var(--appearPath);
}
.c5-player__control.volume .c5-icon {
	width: 100%;
	height: auto;
	transform: scale3d(1.01,1.01,1);
}
.is-muted .c5-player__control.volume .on {
	clip-path: var(--afterPath);
}
.c5-player:not(.is-muted) .c5-player__control.volume .off {
	clip-path: var(--beforePath);
}
.c5-player:not(.is-muted) .c5-player__control.volume.is-anim .on,
.c5-player.is-muted .c5-player__control.volume.is-anim .off {
	animation: volumeAppear .4s var(--easeOut) both;
}
.c5-player:not(.is-muted) .c5-player__control.volume.is-anim .off,
.c5-player.is-muted .c5-player__control.volume.is-anim .on {
	animation: volumeHide .4s var(--easeOut) both;
}
@keyframes playAppear {
	from { opacity: 0; transform: scale(.8); }
	40% { opacity: 1; transform: scale(1.04); }
	to { opacity: 1; transform: none; }
}
@keyframes playHide {
	from { opacity: 1; transform: none; }
	20% { opacity: 1; transform: scale(.8); }
	to { opacity: 0; transform: none; }
}
@keyframes volumeAppear {
	from { clip-path: var(--beforePath); }
	10% { transform: scale(.86); }
	90% { transform: none; }
	to { clip-path: var(--appearPath); }
}
@keyframes volumeHide {
	from { clip-path: var(--appearPath); }
	10% { transform: scale(.86); }
	90% { transform: none; }
	to { clip-path: var(--afterPath); }
}
/* Video Button Layout */
.c5-videoplayer .c5-player__control.pause {
	bottom: calc(var(--playergap) * 2 + var(--controlButtonSize));
}
.c5-videoplayer .c5-player__control.volume {
	bottom: var(--playergap);
}
/* Audio Button Layout */
.c5-audioplayer .c5-player__control.pause {
	top: calc(var(--playergap) * 2 + var(--controlButtonSize));
}
.c5-audioplayer .c5-player__control.volume {
	top: var(--playergap);
}
/* First Visit Motion */
.c5-drawer__knob.is-hide,
.c5-player__control.play.is-hide,
.c5-player__control.volume.is-hide {
	visibility: hidden;
}
.c5-drawer__knob.is-appear {
	animation: appearSwiper .6s var(--easeOut) both;
	animation-delay: .4s;
}
.c5-player__control.play.is-appear,
.c5-player__control.volume.is-appear {
	animation: appearControl .8s var(--easeOut) both;
}
.c5-player__control.volume.is-appear {
	animation-delay: .7s;
}
.c5-player__control.play.is-appear {
	animation-delay: .8s;
}
@media (hover: none) {
	.c5-drawer__knob.is-appear {
		animation-delay: .2s;
	}
	.c5-player__control.volume.is-appear {
		animation-delay: .3s;
	}
	.c5-player__control.play.is-appear {
		animation-delay: .4s;
	}
}
@keyframes appearControl {
	from { opacity: 0; transform: scale(.9); }
	40% { opacity: 1; transform: scale(1.04); }
	80% { transform: scale(.98); }
	to: { opacity: 1; transform: none; }
}
@keyframes appearSwiper {
	from { opacity: 0; transform: translateX(100%); }
	to: { opacity: 1; transform: none; }
}

/**
 * Video Player
 * .c5-videoplayer > .attention + .play + .pause + .volume
 * -------------------------------------------------- */
.c5-videoplayer {
	display: grid;
	place-items: center;
	position: absolute;
	inset: 0;
}
/* 9:16 より横に広い場合は上下ハミ出して中央配置 */
.c5-contents.is-align .c5-videoplayer {
	align-content: center;
}
/* 9:16 より縦に広い場合は左右ハミ出して中央配置 */
.c5-contents.is-unalign .c5-videoplayer {
	justify-content: center;
}
.c5-videoplayer > * {
	grid-area: 1 / 1;
}
.c5-videoplayer .c5-ytplayer {
	z-index: -1;
	pointer-events: none;
	width: var(--containerWidth);
	height: 100%;
	max-width: none;
	aspect-ratio: 9 / 16;
}
.c5-videoplayer:not(.is-played) .c5-ytplayer {
	opacity: 0;
}
.is-align .c5-videoplayer .c5-ytplayer {
	width: auto;
}
.is-unalign .c5-videoplayer .c5-ytplayer {
	height: auto;
}
.c5-videoplayer .poster,
.c5-videoplayer .poster img {
	width: var(--containerWidth);
	height: 100svh;
	background: black;
}
.is-align .c5-videoplayer .poster,
.is-align .c5-videoplayer .poster img {
	width: auto;
}
.is-unalign .c5-videoplayer .poster,
.is-unalign .c5-videoplayer .poster img {
	height: auto;
}
.c5-videoplayer .poster.is-anim {
	transition: opacity .4s var(--easeOut);
}
.c5-videoplayer.is-played .poster {
	opacity: 0;
}
.c5-videoplayer .poster img {
	/* opacity: .6; */
	object-fit: cover;
}
.c5-videoplayer .attention {
	z-index: 1;
	position: relative;
	width: var(--playButtonSize);
	height: var(--playButtonSize);
	min-width: 7.2em;
	font-size: max(var(--containerWidth) * .2 / 6.6, .75rem);
	text-align: center;
}
.c5-videoplayer .attention > * {
	display: block;
	position: absolute;
	inset: calc(100% + .3em) 0 0;
}
.c5-videoplayer .attention .br {
	display: block;
}
.c5-videoplayer .attention.is-hide {
	opacity: 0;
	transform: scale(.8);
}
.c5-videoplayer .attention.is-hide.is-anim {
	transition: opacity .4s, transform .4s var(--easeOut);
	animation: none;
}

/**
 * Audio Player (Analyzer)
 * .c5-audioplayer > .woofer + .seek > .bar + .progress > .knob
 * .c5-audioplayer > .seek + .time + .boost + .play + .pause + .volume
 * -------------------------------------------------- */
.c5-audioplayer {
	--size: calc(var(--containerWidth) * 3 / 6.6);
	--knob: calc(var(--containerWidth) * .3 / 6.6);
	z-index: 1;
	display: grid;
	place-items: center;
	width: var(--size);
	height: var(--size);
	color: white;
}
.c5-audioplayer > * {
	grid-area: 1 / 1;
}
.c5-audioplayer .seek,
.c5-audioplayer .woofer {
	width: 100%;
	height: 100%;
}
/* Seek */
.c5-audioplayer .seek {
	pointer-events: none;
	display: grid;
	place-items: center;
	z-index: 1;
	position: relative;
	border: 1px solid #fffa;
	border-radius: var(--size);
	rotate: 90deg;
}
.c5-audioplayer .seek > * {
	grid-area: 1 / 1;
	width: 100%;
	height: 100%;
}
.c5-audioplayer .seek .bar {
	--length: 1;
	--offset: 1;
	overflow: visible;
	fill: none;
	stroke: currentcolor;
	stroke-width: 3;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: var(--length) var(--length);
	stroke-dashoffset: var(--offset);
	transform: rotate(-180deg);
}
.c5-audioplayer .seek .progress {
	position: absolute;
	inset: 0;
}
.c5-audioplayer .seek .knob {
	pointer-events: auto;
	z-index: 1;
	position: absolute;
	top: calc(50% - var(--knob) * .5);
	left: calc(var(--knob) * -.5);
	width: var(--knob);
	height: var(--knob);
	border-radius: var(--knob);
	background: white;
}
/* Time */
.c5-audioplayer .time {
	user-select: none;
	-webkit-user-select: none;
	align-self: end;
	position: relative;
	bottom: -2em;
	width: auto;
	height: auto;
	font-size: .75rem;
	font-family: "Arial", sans-serif;
	font-variant-numeric: tabular-nums;
}
/* Woofer */
.c5-audioplayer .woofer {
	display: grid;
	grid-auto-flow: column;
	place-items: center;
	pointer-events: none;
}
.c5-audioplayer .woofer .bar {
	--scale: 1;
	grid-area: 1 / 1;
	width: 100%;
	height: 100%;
	border-radius: var(--size);
	background: url(../img/ult_grad_s.webp) center / cover no-repeat;
	opacity: .2;
	transform: scale(calc(var(--scale) * 1.6));
}
/* バーアナライザーにする */
/* .c5-audioplayer .woofer{z-index:2}
.c5-audioplayer .woofer .bar{grid-area:auto;opacity:.8!important;transform:scaleY(calc(var(--scale) * 1.6))}
.c5-audioplayer .woofer .impact{display:none} */
.c5-audioplayer .woofer .bar:nth-child(3) {
	opacity: .4;
	transform: scale(calc(var(--scale) * 1.9));
}
.c5-audioplayer .woofer .bar:nth-child(4) {
	transform: scale(calc(var(--scale) * 1.7));
}
.c5-audioplayer .woofer .bar:nth-child(1),
.c5-audioplayer .woofer .bar:nth-child(2n+5),
.c5-audioplayer .woofer .bar:nth-child(5n),
.c5-audioplayer .woofer .bar:nth-child(7n),
.c5-audioplayer:not(.is-boost) .woofer .bar {
	opacity: 0;
	visibility: hidden;
}
.c5-audioplayer.is-muted .woofer .bar,
.c5-audioplayer:not(.is-boost) .woofer .bar {
	transition: visibility .2s, opacity .2s, transform .2s var(--easeOut);
}
/* Boost */
.c5-audioplayer .boost {
	--amplitude: 1;
	display: grid;
	position: relative;
	width: 80%;
	height: 80%;
	border-radius: 50%;
	color: white;
	/* clip-path: inset(-24px round 50%); */
}
.c5-audioplayer .boost:focus {
	outline: none;
}
.c5-audioplayer .boost:focus-visible {
	outline: auto;
	outline-offset: 4px;
}
.c5-audioplayer .boost button {
	grid-area: 1 / 1;
	overflow: hidden;
	border-radius: 50%;
}
.c5-audioplayer.is-boost .boost {
	transform: scale(var(--amplitude));
}
.c5-audioplayer.is-muted .boost,
.c5-audioplayer:not(.is-boost) .boost {
	transition:transform .2s var(--easeOut);
}
.c5-audioplayer .boost .attention {
	position: absolute;
	top: 38%;
	left: 38%;
	width: 48%;
	fill: white;
	opacity: 0;
}
/* Impact (js で生成) */
.c5-audioplayer .woofer .impact {
	grid-area: 1 / 1;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 4px solid #fff4;
	opacity: 0;
	animation: impact .4s var(--easeOut);
}
@keyframes impact {
	from { opacity: 0; transform: none; }
	20% { opacity: 1; }
	to { opacity: 0; transform: scale(3); }
}
@media (hover) {
	.c5-audioplayer .seek .knob,
	.c5-audioplayer .boost {
		cursor: pointer;
	}
}
/* Analyzer Motion */
.c5-audioplayer:not(.is-play) .seek,
.c5-audioplayer:not(.is-play) .time,
.c5-audioplayer:not(.is-play) .woofer,
.c5-audioplayer:not(.is-play) .boost {
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
}
.c5-audioplayer:not(.is-play) .boost {
	transform: scale(.8);
}
.c5-audioplayer.is-play .seek.is-anim,
.c5-audioplayer.is-play .time.is-anim,
.c5-audioplayer.is-play .woofer.is-anim,
.c5-audioplayer.is-play .boost.is-anim {
	visibility: visible;
	animation: analyzerAppear .4s both;
}
.c5-audioplayer.is-play .boost.is-anim {
	animation-delay: .3s;
}
.c5-audioplayer:not(.is-play) .seek.is-anim,
.c5-audioplayer:not(.is-play) .time.is-anim,
.c5-audioplayer:not(.is-play) .woofer.is-anim,
.c5-audioplayer:not(.is-play) .boost.is-anim {
	visibility: visible;
	animation: analyzerHide .4s var(--easeOut) both;
}
@keyframes analyzerAppear {
	from { opacity: 0; transform: scale(.8); }
	40% { opacity: 1; transform: scale(1.08); }
	to { opacity: 1; transform: none; }
}
@keyframes analyzerHide {
	from { opacity: 1; transform: none; }
	50%, to { opacity: 0; transform: scale(.8); }
}
/* Boost Motion */
.c5-audioplayer:not(.is-boost) .boost .on,
.c5-audioplayer.is-boost .boost .off {
	opacity: 0;
	visibility: hidden;
	transform: scale(.8);
}
.c5-audioplayer.is-boost .boost .on {
	z-index: 1;
}
.c5-audioplayer.is-boost .boost.is-motion .on {
	visibility: visible;
	animation: boostOn .6s var(--easeOut) both;
}
.c5-audioplayer.is-boost .seek.is-motion,
.c5-audioplayer.is-boost .woofer.is-motion {
	animation: boostOn2 .8s var(--easeOut) both;
}
.c5-audioplayer:not(.is-boost) .boost.is-motion .off {
	visibility: visible;
	animation: boostOff .3s var(--easeOut) both;
}
.c5-audioplayer:not(.is-boost) .seek.is-motion,
.c5-audioplayer:not(.is-boost) .woofer.is-motion {
	animation: boostOff .6s var(--easeOut) both;
}
.c5-audioplayer.is-boost .seek .a,
.c5-audioplayer:not(.is-boost) .seek .b {
	stroke: none;
}
@keyframes boostOn {
	from { transform: none; }
	20% { transform: scale(1.4); }
	50% { transform: scale(.92); }
	to { transform: none; }
}
@keyframes boostOn2 {
	from { transform: none; }
	20% { transform: scale(1.2); }
	50% { transform: scale(.92); }
	to { transform: none; }
}
@keyframes boostOff {
	from { transform: none; }
	20% { transform: scale(.92); }
	50% { transform: scale(1.02); }
	to { transform: none; }
}
/* Boost Attention */
.c5-audioplayer:not(.is-boost) .boost.is-attention .off {
	animation: boostAttention 1s .2s both;
}
.c5-audioplayer:not(.is-boost) .boost.is-attention .attention {
	animation: boostTap 1.2s  both;
}
@keyframes boostAttention {
	from, to { transform: none; }
	20% { transform: scale(.9); }
	40% { transform: scale(1.08); }
	60% { transform: scale(.94); }
	80% { transform: scale(1.02); }
}
@keyframes boostTap {
	from { opacity: 0; transform: scale(1.16); }
	15% { opacity: 1; transform: scale(.9); }
	30% { opacity: 1; transform: scale(1.04); }
	60%, to { opacity: 0; transform: none; }
}


/**
 * Modal Contents
 * -------------------------------------------------- */
@media (max-width: 767.98px) {
	.c5-modal {
		--containerWidth: var(--viewWidth);
		z-index: 1;
		position: absolute;
		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_closer {
		--size: 24px;
		z-index: 1;
		position: absolute;
		bottom: var(--sidegap);
		left: var(--sidegap);
		width: var(--size);
		height: var(--size);
		color: inherit;
		line-height: 0;
	}
	.c5-modal_closer .c5-icon {
		fill: none;
		stroke: currentcolor;
	}
	/* Motion */
	.c5-modal:not(.is-opened),
	.c5-modal:not(.is-opened) > * {
		opacity: 0;
	}
	.c5-modal:not(.is-opened) .c5-modal__container {
		transform: scale(.96);
	}
	.c5-modal:not(.is-opened) .c5-modal_closer {
		transform: scale(.6);
	}
	.c5-modal.is-motion {
		transition: opacity .4s;
	}
	.c5-modal.is-motion > * {
		transition: opacity .4s, transform .4s;
	}
	.c5-modal.is-motion.is-opened .c5-modal__container {
		transition-delay: .1s;
	}
	.c5-modal.is-motion.is-opened .c5-modal_closer {
		transition-delay: .2s;
	}
	.c5-modal.is-motion:not(.is-opened) {
		transition-delay: .2s;
	}
	
	/* :::::: ステートメント :::::: */
	.c5-modal .c5-statement {
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 14px;
		padding: 0 var(--sidegap);
	}
	.c5-modal .c5-statement .logo {
		width: 150px;
	}
	.c5-modal .c5-statement .statement {
		font-size: .75rem;
	}
	.c5-modal .c5-statement .image {
		width: 75px;
		opacity: 1;
	}
	.c5-modal .c5-statement .image.field1 img {
		padding-right: 14px;
	}
}
@media (min-width: 768px) {
	.c5-modal {
		display: none;
	}
}


/**
 * Drawer
 * -------------------------------------------------- */
.c5-drawer {
	--offset: 0px;
	z-index: 1;
	position: absolute;
	inset: calc(var(--sidegap) * -1);
	overflow: hidden;
	width: calc(100% + var(--sidegap) * 2);
	height: 100svh;
	backface-visibility: hidden;
	pointer-events: none;
}
@media (min-width: 768px) {
	.c5-drawer {
		height: calc(100% + var(--sidegap) * 2);
	}
}
.c5-drawer__panel {
	position: absolute;
	inset: 0;
	transform: translateX(calc(100% - var(--sidegap) / 2));
	pointer-events: auto;
}
.c5-drawer__panel.is-anim {
	transition: transform .4s cubic-bezier(.2,1,.8,1);
}
.c5-drawer__closer {
	z-index: 1;
	position: absolute;
	top: var(--sidegap);
	right: var(--sidegap);
	width: 40px;
	height: 40px;
	padding: 12px;
	fill: none;
	stroke: white;
	line-height: 0;
}
.c5-drawer__knob {
	user-select: none;
	-webkit-user-select: none;
	position: absolute;
	top: calc(var(--playergap) * 3 + var(--controlButtonSize) * 2);
	right: var(--playergap);
	width: calc(var(--containerWidth) * .64 / 6.6);
	height: calc(var(--containerWidth) * .89 / 6.6);
	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;
	grid-template-rows: minmax(32%, 280px) 1fr;
	height: 100%;
	padding: var(--sidegap);
	background: linear-gradient(to top, #000e, #000d 80%, #000c);
	backdrop-filter: blur(5px);
}
.c5-drawer__contents .profile {
	position: relative;
}
.c5-drawer__contents .profile,
.c5-drawer__contents .profile img {
	width: 100%;
	height: 100%;
}
.c5-drawer__contents .profile img {
	position: absolute;
	inset: 0;
	object-fit: cover;
}
/* :::::: Biography :::::: */
.c5-biography .name {
	margin-top: .5em;
	font-size: calc(var(--containerWidth) * .32 / 6.6);
}
.c5-biography .c5-paragraph {
	margin-top: 1em;
}
.c5-biography .c5-jasrac {
	margin-top: 2em;
	font-size: .625rem;
}
.c5-biography .c5-jasrac img {
	width: 56px;
}
.c5-biography .c5-jasrac figcaption {
	margin-top: .25em;
}
@media (max-height: 640px) {
	.c5-biography .c5-paragraph {
		font-size: .625rem;
	}
}


/**
 * Scroll Bar
 * -------------------------------------------------- */
.c5-contents__progress {
	--current: 0;
	--size: 200px;
	--barWidth: 2px;
	--barHeight: 10%;
	z-index: 1;
	position: absolute;
	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;
}
.is-drawer .c5-contents__progress {
	opacity: 0;
	transition-duration: .2s;
}
.c5-contents__progress .track {
	width: 2px;
	height: 100%;
	margin: 0 auto;
	background: #aaa4;
}
.c5-contents__progress .bar {
	position: absolute;
	top: 0;
	width: var(--barWidth);
	height: var(--barHeight); /* 後に js で書き換え */
	border-radius: var(--barWidth);
	background: url(../img/ult_grad_s.webp) center / 100% 100% no-repeat;
	transform: translateY( calc(100% * var(--current)) );
	transition: transform .8s var(--easeInOut);
}
@media (hover: none) and (max-width: 767.98px) {
	.c5-contents__progress .bar {
		transition-duration: .6s;
		transition-timing-function: var(--easeOut);
	}
	body[data-section="visual"] .c5-contents__progress .bar {
		transition-duration: .8s;
	}
	body[data-section="visual"] .c5-contents[data-dur="dn"] .c5-contents__progress .bar {
		transition-timing-function: var(--easeInOut);
	}
}


/**
 * Loading
 * -------------------------------------------------- */
.c5-loading {
	--size: 120px;
	display: grid;
	place-items: center;
	z-index: 1;
	position: fixed;
	inset: 0;
	color: white;
	background: black;
}
.c5-loading > * {
	grid-area: 1 / 1;
}
.c5-loading .loader {
	position: relative;
}
.c5-loading .loader .c {
	width: var(--size);
	height: auto;
	overflow: visible;
	fill: none;
	stroke: gray;
	stroke-width :1;
	stroke-linecap: round;
	stroke-dasharray: 190 190;
	animation: loader 1.4s infinite cubic-bezier(.4,0,.3,1), rolling 1.2s infinite linear;
}
.c5-loading .loader::before {
	content: "";
	position: absolute;
	inset: 0;
	width: var(--size);
	height: var(--size);
	border: 1px solid gray;
	border-radius: var(--size);
	opacity: .3;
}
.c5-loading .sst {
	overflow: visible;
	width: auto;
	height: 1em;
	fill: currentcolor;
	line-height: 1;
	vertical-align: text-bottom;
}
.c5-loading .sst path {
	animation: loading 1.6s cubic-bezier(.3,1,.7,1) 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; }
@keyframes loading {
	from { opacity: 0; transform: translateY(-.5em); }
	40%, 80% { opacity: 1; transform: none; animation-timing-function: cubic-bezier(.3,0,.7,0); }
	to { opacity: 0; transform: translateY(.5em); }
}
@keyframes loader {
	from { stroke-dashoffset: 190; }
	to { stroke-dashoffset: -190; }
}
@keyframes rolling {
	from { transform: none; }
	to { transform: rotate(360deg); }
}
/* Loded */
.c5-loading.is-loaded {
	pointer-events: none;
	opacity: 0;
	transition: opacity 1s .4s;
}
.c5-loading.is-loaded .loader {
	opacity: 0;
	transform: scale(.9);
	transition: opacity .6s, transform .6s cubic-bezier(.3,1,.7,1);
}
.c5-loading.is-loaded .sst {
	opacity: 0;
	transform-origin: top center;
	transform: scale(.6);
	transition: opacity .4s, transform .4s cubic-bezier(.3,0,.7,0);
}


html {
	height: auto;
	background: black;
	overscroll-behavior: none;
}
body {
	overflow: hidden;
	margin: 0;
	color: white;
	font: 400 normal 1em / 1.6 "Ryumin KO+ R JIS2004 AP", "Ryumin Regular KL JIS2004", a-otf-ryumin-pr6n, serif;
	font-feature-settings: "palt";
}
body.is-drawer {
	overflow: hidden !important;
}
.c5-header {
	pointer-events: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 1;
	position: fixed;
	inset: 0 0 auto;
	height: var(--headerHeight);
	padding: 0 var(--sidegap);
	color: white;
}
.c5-header > * {
	font: normal 1rem / 0 sans-serif;
}
.c5-header .logo {
	pointer-events: auto;
}
.c5-header .logo svg {
	max-width: 100%;
	height: auto;
}
.c5-header .logo a {
	display: block;
}
.c5-header .ult {
	margin: 0;
}
.c5-footer {
	display: grid;
	place-items: center;
	height: var(--footerHeight);
	text-align: center;
}
.c5-footer .copyright small {
	font-size: .625rem;
	font-family: "Arial", sans-serif;
}
@media (min-width: 768px) {
	.c5-header .logo {
		width: 100px;
	}
	.c5-header .ult {
		width: 114px;
	}
	body[data-section="ult-field7"] .c5-header .logo,
	body[data-section="series"] .c5-header .logo {
		transition: opacity .6s;
	}
	body[data-section="series"] .c5-header .logo {
		opacity: 0;
		pointer-events: none;
	}
}
@media (max-width: 767.98px) {
	.c5-header::before,
	.c5-header .ult::before {
		content: "";
		z-index: -1;
		position: absolute;
		inset: 0;
		background: black;
	}
	.c5-header .logo {
		width: max(100vw / 6.6, 80px);
	}
	.c5-header .ult {
		position: relative;
		width: max(114vw / 6.6, 110px);
	}
	.c5-header .ult::before {
		inset: -4px;
	}
	.c5-header::before,
	.c5-header .logo,
	.c5-header .ult {
		transform: translateY(calc(var(--headerHeight) * -1));
		transition: transform .2s var(--easeOut);
	}
	/* 出す時だけ出す */
	body[data-section="visual"] .c5-header::before,
	body[data-section="visual"] .c5-header .logo,
	body[data-section="visual"] .c5-header .ult,
	body[data-section="promotion"] .c5-header::before,
	body[data-section="promotion"] .c5-header .logo,
	body[data-section="promotion"] .c5-header .ult,
	body[data-section^="ult-"] .c5-header .ult,
	body[data-section="series"] .c5-header .logo {
		transform: none;
		transition-duration: .6s;
	}
	body[data-section="promotion"] .c5-header, /* <- MEMO: pagetop 時 */
	body[data-section="ult-field7"] .c5-header,
	body[data-section="series"] .c5-header {
		transition: color .6s;
	}
	body[data-section="series"] .c5-header {
		color: black;
	}
	body[data-section="ult-field7"] .c5-header .ult::before,
	body[data-section="series"] .c5-header .ult::before {
		transition: background .6s;
	}
	body[data-section="series"] .c5-header .ult::before {
		background: white;
	}
}
@media (hover) {
	button {
		cursor: pointer;
	}
}

.sst,
.external {
	width: auto;
	height: 1em;
	fill: currentcolor;
	vertical-align: text-bottom;
}
.external {
	margin-left: .5em;
	vertical-align: baseline;
}
.visuallyhidden {
	position: absolute;
	top: 0;
	left: 0;
	clip: rect(0 0 0 0);
	overflow: hidden;
	width: 1px;
	height: 1px;
}
.c5-tonext {
	--size: 40px;
	position: absolute;
	bottom: var(--sidegap);
	left: calc(50% - var(--side) / 2);
	width: var(--size);
	height: var(--size);
	border-radius: var(--size);
	opacity: 0;
	transform: scale(.8);
	transition: opacity .2s, transform .2s cubic-bezier(.3,1.6,.7,1);
	pointer-events: none;
}
.c5-tonext:focus-visible {
	pointer-events: auto;
	opacity: 1;
	transform: none;
}
.c5-container img {
	pointer-events: none;
	user-select: none;
	-webkit-user-select: none;
	width: 100%;
}
:root {
	--sst: "SST W20 Roman", sans-serif;
	--sidegap: max(40vw / 19.2, 16px);
	
	--headerHeight: 60px;
	--footerHeight: 60px;
	--contentsMaxWidth: 100%;
	--navigationHeight: 0px;
	--navigationSpace: 0px;
	
	--easeIn: cubic-bezier(.3,0,.7,0);
	--easeOut: cubic-bezier(.3,1,.7,1);
	--easeInOut: cubic-bezier(.7,0,.3,1);
	
	/* swiper */
	--swiper-theme-color:#007aff;--swiper-navigation-size:44px;
}
@media (min-width: 768px) {
	.c5-header .ult {
		display: none;
	}
}
@media (max-width: 767.98px) {
	:root {
		--headerHeight: max(60vw / 6.6, 60px);
		--footerHeight: max(60vw / 6.6, 60px);
		--contentsMaxWidth: 425px;
		--navigationHeight: 70px;
		--navigationSpace: calc(70px + var(--sidegap) * 3);
	}
}
::selection {
	color: black;
	background: #fffa;
	-webkit-text-fill: transparent;
}
*,*::before,*::after{box-sizing:border-box;}
html,body{min-height:100svh}
a:hover,a:active{color:inherit}
ul,ol{list-style:none;margin:0;padding:0;}
img,svg,video,iframe{vertical-align:middle;}
:where(img[height],video[height]){height:auto;}
:where(input,button,textarea,select,small){font:inherit;}
:where(body,h1,h2,h3,h4,p,figure,blockquote,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;background:none;touch-action:manipulation;}
/* Chrome UserAgentStyle 模倣
a:focus,button:focus{outline:none}a:focus-visible,button:focus-visible{outline:2px solid #005fcb;border-radius:2px;box-shadow:0 0 0 4px white} */

/**
 * Swiper 11.0.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 27, 2024
 */
.c5-gallery__swiper.swiper {
	--swiper-pagination-bottom: calc(var(--weiper-pagination-space) / 2 - var(---swiper-pagination-bullet-height) / 2);
	--swiper-pagination-bullet-width: 10px;
	--swiper-pagination-bullet-height: 10px;
	--swiper-pagination-bullet-horizontal-gap: 8px;
	--swiper-theme-color: #fff4;
	--swiper-pagination-bullet-inactive-color: #fff;
	--swiper-pagination-bullet-inactive-opacity: 1;
	--swiper-wrapper-transition-timing-function: cubic-bezier(.2,1,.8,1);
	--weiper-pagination-space: 28px;
	overflow: visible;
	/* height: 100%; */
	padding-bottom: var(--weiper-pagination-space);
	padding-inline: var(--sidegap);
}
.c5-gallery__swiper .slide {
	width: 96%;
}
.c5-gallery__swiper .slide img {
	object-fit: cover;
	border-radius: 30px;
}
.c5-gallery__swiper .caption {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	font-size: .625rem;
	line-height: 1;
}
.c5-gallery .swiper-horizontal > .swiper-pagination-bullets {
	right: 0;
	width: min(100% - var(--sidegap) * 2, var(--contentsMaxWidth));
	margin-inline: auto;
	line-height: 0;
	text-align: left;
}
.swiper-slide-prev,
.swiper-slide-next,
.swiper-slide-active {
	transition: filter 1s;
}
.c5-gallery .slide:not(.swiper-slide-active) {
	filter: blur(8px);
}
@media (max-width: 767.98px) {
	.c5-gallery__swiper .slide {
		max-width: var(--contentsMaxWidth);
	}
}
@media (min-width: 768px) {
	.c5-gallery .slide img {
		height: calc(100svh - var(--sidegap) * 2 - 28px);
		border-radius: calc(var(--containerWidth) * .3 / 6.6);
	}
}

:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}

.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}