@charset "shift_jis";

#developPrintReqUrl{display:none}

/**
 * レイアウト
 * -------------------------------------------------- */
@media (max-width: 767.98px) {
	.c5-square { display: none; }
	.c5-side { display: none; }
}
@media (min-width: 768px) {
	.c5-square {
		overflow: hidden;
		position: fixed;
		inset: 0 auto 0 0;
		width: var(--squareWidth);
		background: #f4f4f4;
	}
	.c5-contents {
		overscroll-behavior: auto;
		z-index: 1;
		position: relative;
		left: var(--squareWidth);
		right: var(--navigationWidth);
		width: var(--contentsWidth);
		height: 100%;
		box-shadow: 0 0 16px #0007;
	}
	.c5-side {
		display: grid;
		overflow-y: auto;
		scrollbar-width: none;
		position: fixed;
		inset: 0 0 0 auto;
		width: var(--navigationWidth);
		background: #f4f4f4;
	}
}

/**
 * 広場
 * -------------------------------------------------- */
@media (min-width: 768px) {
	.c5-square {
		--space: clamp(64px * var(--minRatio), var(--cw) * 64 / var(--aspect), 64px * var(--maxRatio));
		display: grid;
		place-items: center;
	}
	.c5-square > * {
		--clip: 100%;
		grid-area: 1 / 1;
		display: grid;
		width: 100%;
		height: 100vh;
		opacity: 0;
		transition: opacity .6s;
	}
	:where(.c5-square) > :not(.is-active) {
		pointer-events: none;
	}
	:where(.c5-square) > .is-active {
		z-index: 1;
		opacity: 1;
	}
	
	/* :::::: Product :::::: */
	.c5-square__product {
		align-content: center;
		justify-items: center;
		padding: 0 1em;
	}
	.c5-square__product .title svg {
		--imgBasis: 494;
	}
	.c5-square__product .image {
		height: fit-content;
		text-align: center;
		margin: var(--space) -1em 0;
	}
	.c5-square__product .image__item {
		width: 100%;
		padding-inline: 1em;
	}
	.c5-square__product .image img {
		--imgBasis: 437;
	}
	.c5-square__product .paragraph {
		margin-top: var(--space);
		--fontBasis: 18;
		font-size: var(--fontSize);
		line-height: 2;
		text-align: center;
	}
	.c5-square .splide__pagination {
		--size: clamp(20px * var(--minRatio), var(--cw) * 20 / var(--aspect), 20px * var(--maxRatio));
		margin-top: var(--space);
	}
	.c5-square .splide__pagination__page {
		transition: scale .2s var(--easeBack);
	}
	.c5-square li:nth-of-type(1) .splide__pagination__page {
		border: 1px solid #707070;
		background: white;
	}
	.c5-square li:nth-of-type(2) .splide__pagination__page {
		border: 1px solid black;
		background: black;
	}
	
	/* :::::: KV :::::: */
	.c5-square__scene .image img {
		width: var(--squareWidth);
		height: 100%;
		object-fit: cover;
	}
	
	/* :::::: SONY Logo :::::: */
	.c5-square__sonylogo {
		place-items: center;
		background: #f4f4f4;
	}
	.c5-square__sonylogo .logo svg {
		--imgBasis: 363;
	}
}

/**
 * ナビゲーションエリア
 * -------------------------------------------------- */
.c5-side {
	padding: var(--sidegap);
	background: white;
}
.c5-side__container {
	display: grid;
	align-content: center;
}
.c5-side__title {
	font-weight: inherit;
	--fontBasis: 20;
	font-size: var(--fontSize);
	font-feature-settings: "palt";
	text-transform: uppercase;
}
.c5-side__anchor {
	row-gap: clamp(9.615px, var(--cw) * 10 / var(--aspect), 16.923px);
}
.c5-side__section,
.c5-side__product {
	display: grid;
	justify-items: center;
	padding-block: var(--sidegap);
	row-gap: clamp(10px * var(--minRatio), var(--cw) * 10 / var(--aspect), 10px * var(--maxRatio));
}
.c5-side__product {
	border-top: 1px solid #777;
}
.c5-side__product .c5-product__title .name svg {
	--imgBasis: 179;
}
.c5-side__product .c5-image img {
	--imgBasis: 220;
	width: var(--imgSize);
}
.c5-side__product .c5-button {
	color: white;
	background: var(--black);
}
.c5-side__product .c5-button:hover,
.c5-side__product .c5-button:active,
.c5-side__product .c5-button:visited {
	color: white;
}

/**
 * メインコンテンツエリア
 * -------------------------------------------------- */
.c5-contents {
	--sectionSpace: calc(var(--cw) * 24 / var(--aspect));
	background: white;
}
@media (min-width: 768px) {
	.c5-contents {
		--sectionSpace: max(var(--cw) * 24 * var(--maxRatio) / var(--aspect), 24px * var(--maxRatio));
	}
}

/* :::::: Typography :::::: */
.c5-subject {
	margin-top: 1em;
	--fontBasis: 24;
	font-weight: inherit;
	font-size: var(--fontSize);
	line-height: 1.583;
	line-break: strict;
}
.c5-lead {
	--fontBasis: 21;
	font-weight: inherit;
	font-size: var(--fontSize);
	line-height: 1.583;
}
.c5-paragraph {
	margin-top: 1em;
	--fontBasis: 16;
	font-size: var(--fontSize);
	line-height: 1.8125;
	line-break: strict;
}
.c5-note {
	margin-top: 1em;
	padding-left: .6em;
	--fontBasis: 10;
	font-size: var(--fontSize);
	line-height: 1.75;
	line-break: strict;
	text-indent: -.6em;
}
/* ソニーのボタンオーバーライド */
.c5-buttonWrap {
	display: grid;
	justify-content: center;
	justify-items: center;
	row-gap: .5em;
}
.c5-buttonWrap .c5-button {
	margin-top: 0;
}
.c5-buttonWrap .c5-button,
.c5-buttonWrap .s5-js-storeInfoTemplate,
.c5-buttonWrap .s5-inStoreItem1__store {
	grid-area: 1 / 1;
}
.c5-buttonWrap .s5-inStoreItem1__store {
	z-index: 1;
	position: relative;
}
.c5-buttonWrap .s5-storeButton {
	position: absolute;
}
.c5-buttonWrap .s5-storeButton,
.c5-buttonWrap .s5-price-api-status,
.c5-buttonWrap .s5-inStoreItem1__store {
	width: 100%;
	height: 100%;
	padding: 0;
	opacity: 0;
}
.c5-buttonWrap .s5-p2 {
	--fontBasis: 10;
	font-size: var(--fontSize);
}
.c5-buttonWrap .s5-p2 + .c5-button {
	pointer-events: none;
	color: var(--gray);
}
.c5-button {
	display: grid;
	grid-auto-flow: column;
	align-items: center;
	justify-content: center;
	column-gap: .75em;
	width: fit-content;
	min-width: 13.75em;
	min-height: 3.4375em;
	margin-inline: auto;
	padding-right: .75em;
	border: 1px solid var(--gray);
	--fontBasis: 16;
	font-size: var(--fontSize);
	letter-spacing: .05em;
	background: white;
}
.c5-button:hover,
.c5-button:active,
.c5-button:visited {
	color: inherit;
	text-decoration: none;
}
.c5-button .text {
	padding-left: 1em;
}
.c5-button .arr {
	width: 1.25em;
	fill: none;
	stroke: currentcolor;
	stroke-width: 1;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.c5-button .external {
	stroke-linecap: butt;
	stroke-linejoin: unset;
}
/* Motion */
.c5-button.is-popn {
	animation: popn .6s both;
}
@media (hover) {
	.c5-button {
		transition: background-size .4s;
		background: linear-gradient(#eee, #eee) right center / 0 100% no-repeat;
	}
	.c5-button .arr {
		transition: translate .4s var(--easeOut);
	}
	.c5-button:hover,
	.c5-buttonWrap .s5-inStoreItem1__store:hover + .c5-button {
		transition: background-size .2s;
		background-position: left center;
		background-size: 100% 100%;
	}
	.c5-button:hover .arr,
	.c5-buttonWrap .s5-inStoreItem1__store:hover + .c5-button .arr {
		translate: .25em 0;
		transition-duration: .2s;
	}
}
.c5-play {
	--size: min(var(--cw) * 70 / var(--aspect), 70px);
	display: grid;
	justify-items: center;
	row-gap: .5em;
	--fontBasis: 12;
}
.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), 70 * 1.692px);
	}
}
@keyframes popn {
	25% { scale: .8; }
	50% { scale: 1.08; }
	75% { scale: .98; }
}

/* :::::: Anchor :::::: */
.c5-anchor {
	display: grid;
}
.c5-anchor .c5-anchor__label {
	font-weight: inherit;
	--fontBasis: 24;
	font-size: var(--fontSize);
}
.c5-anchor .c5-anchor__item {
	font-weight: inherit;
	--fontBasis: 28;
	font-size: var(--fontSize);
	line-height: 1.444;
}
.c5-anchor a {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	column-gap: .5em;
	position: relative;
	padding: .5em;
}
.c5-anchor a:hover,
.c5-anchor a:active,
.c5-anchor a:visited {
	color: inherit;
}
.c5-anchor .icon {
	width: 2.5em;
	height: 2.5em;
	border: 1px solid currentcolor;
	border-radius: 2.444em;
	fill: currentcolor;
}
.c5-anchor .icon svg {
	width: 100%;
	height: auto;
}
.c5-anchor .text {
	font-weight: inherit;
	line-height: 0;
}
.c5-anchor .text svg {
	width: auto;
	height: 1.125em;
}
/* Motion */
a[href^="#"].is-popn {
	animation: popn .6s both;
}
@media (hover) {
	.c5-anchor a {
		transition: background-size .4s;
		background: linear-gradient(#eee, #eee) right center / 0 100% no-repeat;
	}
	.c5-anchor a > * {
		position: relative;
	}
	.c5-anchor a:hover {
		color: inherit;
		transition: background-size .2s;
		background-position: left center;
		background-size: 100% 100%;
	}
}

/* :::::: Chapter :::::: */
.c5-chapter {
	display: grid;
	place-items: center;
	width: 100%;
}
.c5-chapter__title {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	column-gap: .75em;
	position: relative;
	font-weight: inherit;
	--fontBasis: 28;
	font-size: var(--fontSize);
	line-height: 1.444;
}
.c5-chapter__title .icon {
	width: 2.5em;
	height: 2.5em;
	border: 2px solid currentcolor;
	border-radius: 2.444em;
	fill: currentcolor;
}
.c5-chapter__title .icon svg {
	width: 100%;
	height: auto;
}
.c5-chapter__title .text {
	font-weight: inherit;
	line-height: 0;
}
.c5-chapter__title .text svg {
	width: auto;
	height: 1.2em;
}
/* Motion */
.c5-chapter__title.is-standby .icon {
	opacity: 0;
	scale: .6;
}
.c5-chapter__title.is-standby .text {
	opacity: 0;
	translate: -1em 0;
}
.c5-chapter__title.is-appear .icon {
	transition: opacity .4s, scale .4s var(--easeBack);
}
.c5-chapter__title.is-appear .text {
	transition: opacity .6s, translate .6s var(--easeOut);
	transition-delay: .2s;
}

/* :::::: Section :::::: */
.c5-section {
	display: grid;
	width: 100%;
	padding-top: var(--sectionSpace);
	padding-bottom: calc(var(--sectionSpace) * 1.2);
	padding-inline: var(--sidegap);
}
.c5-image img,
.c5-image__item {
	width: 100%;
}
:where(.c5-section) .c5-image,
:where(.c5-section) .c5-button {
	margin-top: clamp(1em, var(--cw) * 40 / var(--aspect), 40px);
}
/* Motion */
/* Motion */
:where(.c5-section .c5-subject).is-standby,
:where(.c5-section .c5-lead).is-standby,
:where(.c5-section .c5-paragraph).is-standby,
:where(.c5-section .c5-image).is-standby,
:where(.c5-section .c5-note).is-standby {
	opacity: 0;
	translate: 0 24px;
}
:where(.c5-section .c5-button).is-standby {
	opacity: 0;
	scale: .8;
}
:where(.c5-section .c5-subject).is-appear,
:where(.c5-section .c5-lead).is-appear,
:where(.c5-section .c5-paragraph).is-appear,
:where(.c5-section .c5-image).is-appear,
:where(.c5-section .c5-note).is-appear {
	transition: opacity .6s, translate .6s var(--easeOut);
}
:where(.c5-section .c5-button).is-appear {
	transition: opacity .6s, scale .6s var(--easeBack);
}

/**
 * コンテンツ
 * -------------------------------------------------- */
.c5-intro {
	padding-top: var(--headerHeight);
}
.c5-intro__kv {
	/* max-height: 100svh; */
}
.c5-kv__image,
.c5-kv__image img {
	width: 100%;
}
.c5-kv__image img {
	max-width: none;
}
.c5-kv__scroll {
	display: grid;
	justify-items: center;
	row-gap: calc(var(--w) * .5);
	--w: calc(var(--cw) * 12 / var(--aspect));
	position: absolute;
	left: calc(var(--w) * 2);
	bottom: 18%;
}
.c5-kv__scroll svg {
	width: var(--w);
	fill: currentcolor;
}
.c5-kv__scroll::after {
	content: "";
	height: calc(var(--w) * 3.75);
	border-left: 1px solid currentcolor;
}
@media (min-width: 768px) {
	.c5-kv__scroll {
		--w: max(var(--cw) * 12 * var(--maxRatio) / var(--aspect), 12px * var(--minRatio));
	}
}

/* :::::: アンカー :::::: */
.c5-intro__anchor {
	--padding: clamp(16px, var(--cw) * 32 / var(--aspect), 32px);
	padding: calc(var(--padding) * 1.5) 0 var(--padding);
	background: #f4f4f4;
}
.c5-intro__anchor ul {
	display: grid;
}
.c5-intro__anchor .c5-anchor__label {
	justify-self: center;
}
.c5-intro__anchor .c5-anchor__item:not(:first-of-type)::before {
	content: "";
	display: block;
	margin-inline: calc(var(--padding) * 2 + .75em);
	border-top: 1px solid #ccc;
}
.c5-intro__anchor a {
	grid-template-columns: auto 1fr auto;
	column-gap: .75em;
	padding: .75em calc(var(--padding) * 2 + .75em);
}
.c5-intro__anchor .icon {
	border-width: 2px;
}
.c5-intro__anchor .arr {
	width: auto;
	height: .75em;
	stroke: var(--gray);
}
/* Motion */
.c5-intro__anchor.is-standby .c5-anchor__item {
	opacity: 0;
	translate: -10% 0;
}
.c5-intro__anchor.is-appear .c5-anchor__item {
	clip-path: inset(0);
	transition: opacity .8s, translate .8s var(--easeOut);
}
.c5-intro__anchor.is-appear .c5-anchor__item:nth-of-type(2) {
	transition-delay: .1s;
}
.c5-intro__anchor.is-appear .c5-anchor__item:nth-of-type(3) {
	transition-delay: .2s;
}
.c5-intro__anchor.is-appear .c5-anchor__item:nth-of-type(4) {
	transition-delay: .3s;
}
@media (hover) {
	.c5-intro__anchor .arr {
		transition: translate .4s var(--easeOut);
	}
	.c5-intro__anchor a:hover .arr {
		translate: .25em;
		transition-duration: .2s;
	}
}

/* :::::: CONCEPT MOVIE :::::: */
.c5-movie .js-modal {
	display: grid;
	place-items: center;
	overflow: hidden;
}
.c5-movie .js-modal > * {
	grid-area: 1 / 1;
}
.c5-movie .c5-lead {
	--fontBasis: 24;
}
.c5-movie .c5-subject {
	text-align: center;
}
.c5-movie .c5-subject svg {
	width: auto;
	height: 1em;
	fill: currentcolor;
}
.c5-movie .js-modal .c5-play {
	z-index: 1;
	color: white;
}
.c5-movie .js-modal::before {
	content: "";
	z-index: 1;
	grid-area: 1 / 1;
	width: 100%;
	height: 100%;
	opacity: 0.4;
	background: #000a;
}
@media (hover) {
	.c5-movie .js-modal img {
		transition: scale .4s var(--easeOut);
	}
	.c5-movie .js-modal::before {
		transition: opacity .4s;
	}
	.c5-movie .js-modal:hover img {
		scale: 1.08;
		transition-duration: .2s;
	}
	.c5-movie .js-modal:hover::before {
		opacity: 0.2;
		transition-duration: .2s;
	}
}

/* :::::: OFFICE :::::: */
.c5-office {
	padding-top: var(--sectionSpace);
	background: #f9fcff;
}
.c5-office .c5-section {
	padding-top: 0;
}

/* :::::: STREET :::::: */
.c5-street {
	padding-top: var(--sectionSpace);
	background: #f4f4f4;
}
.c5-street .c5-section {
	padding-top: 0;
}
.c5-street .c5-subject {
	margin-right: -.5em;
}

/* :::::: HOME :::::: */
.c5-home {
	padding-top: var(--sectionSpace);
	background: #f9fcff;
}
.c5-home .c5-section {
	padding-top: 0;
}

/* :::::: 製品 :::::: */
.c5-product {
	position: relative;
	padding-top: calc(var(--sectionSpace) * 1.2);
}
.c5-product__title {
	display: grid;
	justify-items: center;
	font-weight: inherit;
	--fontBasis: 14;
	font-size: var(--fontSize);
}
.c5-product__title .sub {
	font-weight: inherit;
}
.c5-product__title .name {
	margin-top: .5em;
}
.c5-product__title .name img {
	width: var(--imgSize);
}
#linkbuds-open .c5-product__title .name svg {
	--imgBasis: 320;
}
.c5-product__title .code {
	font-size: 150%;
	font-family: var(--fontSST);
}
.c5-product__title .code svg {
	overflow: visible;
	width: auto;
	height: 1em;
	fill: currentcolor;
	line-height: 1;
	vertical-align: text-bottom;
}
:where(.c5-product) .c5-paragraph {
	margin-top: 1em;
}
:where(.c5-product) .c5-image {
	margin-top: calc(var(--sectionSpace) * .8);
}
:where(.c5-product) .c5-image img {
	width: var(--imgSize);
}
#linkbuds-open .c5-image img {
	--imgBasis: 297;
}
.c5-product .c5-button {
	margin-top: calc(var(--sectionSpace) * .9);
	color: white;
	background: var(--black);
}
.c5-product .c5-buttonWrap .c5-button {
	margin-top: 0;
}
:where(.c5-product) .c5-button + .c5-button,
:where(.c5-product) .c5-button + .c5-buttonWrap,
:where(.c5-product) .c5-buttonWrap + .c5-buttonWrap {
	margin-top: calc(var(--sectionSpace) * .4);
}
.c5-product .c5-note {
	margin-top: 1em;
}
/* Motion */
:where(.c5-product__title).is-standby > *,
:where(.c5-product .c5-paragraph).is-standby,
:where(.c5-product .c5-image).is-standby,
:where(.c5-product .c5-note).is-standby {
	opacity: 0;
	translate: 0 24px;
}
:where(.c5-product .c5-button).is-standby {
	opacity: 0;
	scale: .8;
}
:where(.c5-product__title).is-appear > *,
:where(.c5-product .c5-paragraph).is-appear,
:where(.c5-product .c5-image).is-appear,
:where(.c5-product .c5-note).is-appear {
	transition: opacity .6s, translate .6s var(--easeOut);
}
:where(.c5-product__title).is-appear .name {
	transition-delay: .1s;
}
:where(.c5-product__title).is-appear .code {
	transition-delay: .2s;
}
:where(.c5-product .c5-button).is-appear {
	transition: opacity .6s, scale .6s var(--easeBack);
}

/**
 * Pulldown Contents
 * -------------------------------------------------- */
.c5-pulldown__toggle .text {
	display: grid;
	place-items: center;
}
.c5-pulldown__toggle .text > * {
	grid-area: 1 / 1;
	display: inline-block;
}
.c5-pulldown__contents {
	overflow: hidden;
}
.c5-pulldown__section {
	position: relative;
	padding-top: calc(var(--sectionSpace) * .75);
}
.c5-pulldown__section + .c5-pulldown__section::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	width: 71.795%;
	margin-inline: auto;
	border-top: 1px solid var(--gray);
}
.c5-pulldown__contents > * {
	margin-top: 1em;
}
.c5-pulldown__contents .c5-subject {
	margin-top: 0;
	--fontBasis: 21;
	line-height: 1.714;
	text-align: center;
}
/* Motion */
:where(.c5-pulldown__toggle .text) > * {
	clip-path: inset(0);
}
:where(.c5-pulldown__toggle .icon) path {
	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 {
	clip-path: polygon(.5em 0, 100% 0, 100% 100%, 2.25em 100%);
}
:where(.c5-pulldown__toggle).is-active .plus path:first-child {
	rotate: 90deg;
}
:where(.c5-pulldown__toggle).is-active .plus path:last-child {
	rotate: 180deg;
}
: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 .plus path {
	transition: rotate .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);
}

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

/**
 * Video Player
 * .c5-videoplayer > :is(.c5-videoplayer__poster, .c5-videoplayer__volume, .c5-ytplayer, .c5-loader)
 * -------------------------------------------------- */
.c5-videoplayer {
	display: grid;
	place-items: center;
	place-content: center;
	width: fit-content;
	height: 100%;
	margin: auto;
}
.c5-videoplayer > * {
	grid-area: 1 / 1;
}
.c5-videoplayer__poster.c5-play {
	--size: 44px;
	display: grid;
	place-items: center;
}
.c5-videoplayer__poster.c5-play > * {
	grid-area: 1 / 1;
}
.c5-ytplayer.is-nocontrols {
	pointer-events: none;
	user-select: none;
}
.c5-ytplayer,
.c5-videoplayer__poster {
	max-width: 1280px;
	max-height: 720px;
	background: black;
}
@media (hover) {
	.c5-videoplayer__poster.c5-play .icon {
		cursor: pointer;
	}
}
:where(.c5-modal) .c5-videoplayer__volume,
:where(.c5-modal) .c5-videoplayer .c5-loader {
	z-index: 1;
}
:where(.c5-modal .c5-videoplayer):not(.is-short) .c5-ytplayer,
:where(.c5-modal .c5-videoplayer):not(.is-short) .c5-videoplayer__poster {
	aspect-ratio: 16 / 9;
	width: var(--cw);
	height: auto;
}
:where(.is-landscape .c5-modal .c5-videoplayer):not(.is-short),
:where(.is-landscape .c5-modal .c5-videoplayer):not(.is-short) .c5-ytplayer,
:where(.is-landscape .c5-modal .c5-videoplayer):not(.is-short) .c5-videoplayer__poster {
	width: auto;
	height: 100svh;
}
:where(.c5-modal .c5-videoplayer).is-short .c5-ytplayer,
:where(.c5-modal .c5-videoplayer).is-short .c5-videoplayer__poster {
	aspect-ratio: 9 / 16;
	width: auto;
	height: 100svh;
}
:where(.is-portrait .c5-modal .c5-videoplayer).is-short,
:where(.is-portrait .c5-modal .c5-videoplayer).is-short .c5-ytplayer,
:where(.is-portrait .c5-modal .c5-videoplayer).is-short .c5-videoplayer__poster {
	width: var(--cw);
	height: auto;
}
.c5-videoplayer__poster {
	z-index: 1;
	user-select: none;
}
.c5-videoplayer__poster img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.c5-videoplayer__volume {
	--size: 44px;
	z-index: 1;
	position: absolute;
	right: var(--sidegap);
	bottom: calc(var(--sidegap) + 56px);
	/* for Motion */
	--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 > * {
	width: var(--size);
	height: var(--size);
	border: 1px solid currentcolor;
	border-radius: var(--size);
	color: inherit;
	line-height: 0;
	/* for Motion */
	grid-area: 1 / 1;
	clip-path: var(--appearPath);
}
.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-videoplayer).is-played .c5-videoplayer__poster {
	opacity: 0;
	transition: opacity .6s;
}

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

/**
 * 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 .2s;
}
.c5-contents__progress:not(.is-active) {
	opacity: 0;
	transition-duration: .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(--navigationWidth) + var(--sidegap) / 2);
	}
}

/**
 * Common
 * -------------------------------------------------- */
.c5-header > * {
	color: currentcolor;
	fill: currentcolor;
	font: normal 1rem / 0 sans-serif;
}
.c5-header .logo svg {
	max-width: 100%;
	height: auto;
}
.c5-header .logo a {
	display: block;
	color: inherit;
}
.c5-header .linkbuds {
	margin: 0;
}
.c5-header .linkbuds svg {
	width: 100%;
	height: auto;
}
.c5-pagetop {
	--size: calc(var(--cw) * 30 / var(--aspect));
	display: block;
	width: var(--size);
	height: var(--size);
	margin: 1em var(--sidegap) 1em auto;
	border-radius: var(--size);
}
.c5-pagetop svg {
	width: 100%;
	height: auto;
}
@media (hover) {
	.c5-pagetop {
		transition: scale .4s var(--easeBack);
	}
	.c5-pagetop:hover {
		scale: .9;
		transition-duration: .2s;
	}
}
.c5-footer {
	display: grid;
	place-items: center;
	height: var(--footerHeight);
	padding: 0 var(--sidegap);
	text-align: center;
}
.c5-footer .copyright {
	width: calc(100% - 2em);
	padding: 3em 0;
	border-top: 1px solid #e0e0e0;
	--fontBasis: 10;
	font: 400 var(--fontSize) / 1.6 var(--fontSST);
}
@media (max-width: 767.98px) {
	.c5-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		z-index: 2;
		position: fixed;
		inset: 0 0 auto;
		height: var(--headerHeight);
		padding-inline: var(--sidegap);
		color: white;
		background: black;
	}
	.c5-header .logo {
		width: calc(var(--cw) * 59 / var(--aspect));
	}
	.c5-header .linkbuds {
		width: calc(var(--cw) * 83 / var(--aspect));
	}
}
@media (min-width: 768px) {
	.c5-header,
	.c5-cv { display: none; }
	.c5-square .header_logo {
		position: fixed;
		top: 24px;
		left: 30px;
		width: min(var(--cw) * 100 / var(--aspect), 100px);
	}
	.c5-header .linkbuds {
		display: none;
	}
	.c5-pagetop {
		--size: max(var(--cw) * 30 * var(--maxRatio) / var(--aspect), 30px * var(--minRatio));
	}
}

/* :::::: 商品をもっと知りたい方はこちら :::::: */
@media (max-width: 767.98px) {
	.c5-cv {
		z-index: 3;
		position: fixed;
		inset: auto 0 0;
		--fontBasis: 15;
		font-size: var(--fontSize);
		line-height: 1.4;
		filter: drop-shadow(0 1px 4px #0002);
	}
	.c5-cv__text svg {
		--imgBasis: 150;
		width: var(--imgSize);
	}
	.c5-cv__link {
		display: grid;
		grid-auto-flow: column;
		align-items: center;
		justify-content: center;
		column-gap: .75em;
		padding: .75em;
		border-top-left-radius: calc(var(--cw) * 28 / var(--aspect));
		color: white;
		letter-spacing: .05em;
		background: var(--black);
		background-clip: padding-box;
	}
	.c5-cv__link:hover,
	.c5-cv__link:active,
	.c5-cv__link:visited {
		color: white;
	}
	.c5-cv__image {
		align-self: end;
		display: flex;
		margin-top: -1.75em;
	}
	.c5-cv__image img {
		position: relative;
		--imgBasis: 63;
		margin-left: calc(var(--cw) * 4 / var(--aspect));
	}
	.c5-cv__arr {
		display: block;
		overflow: visible;
		width: 1.25em;
		fill: none;
		stroke: currentcolor;
		stroke-width: 1;
		stroke-linecap: round;
		stroke-linejoin: round;
	}
	/* Motion */
	.c5-cv:not(.is-active) {
		pointer-events: none;
		opacity: 0;
		translate: 0 1em;
	}
	.c5-cv .c5-cv__image img,
	.c5-cv .c5-cv__arr {
		transform-origin: left bottom;
	}
	.c5-cv:not(.is-active) .c5-cv__image img {
		opacity: 0;
		transform: translateX(-40%);
	}
	.c5-cv:not(.is-active) .c5-cv__arr {
		opacity: 0;
		transform: scaleX(.6) translateX(-40%);
	}
	.c5-cv.is-motion {
		transition: opacity .4s, translate .4s var(--easeOut);
	}
	.c5-cv.is-motion .c5-cv__image img,
	.c5-cv.is-motion .c5-cv__arr {
		transition: opacity .4s, transform .4s var(--easeOut);
		transition-delay: .2s;
	}
	.c5-cv.is-motion.is-active .c5-cv__image img,
	.c5-cv.is-motion.is-active .c5-cv__arr {
		transition-delay: 0s;
	}
	.c5-cv.is-motion.is-active .c5-cv__image img:nth-of-type(1) {
		transition-delay: .07s;
	}
	.c5-cv.is-motion.is-active .c5-cv__image img:nth-of-type(2) {
		transition-delay: .14s;
	}
	.c5-cv.is-motion.is-active .c5-cv__arr {
		transition-delay: .3s;
		transition-timing-function: var(--easeBack);
	}
}

/* :::::: Loader :::::: */
.c5-loader {
	--size: 120px;
	--color: darkgray;
	position: relative;
}
.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;
	/* 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); }
}

/* :::::: Loading :::::: */
.c5-loading {
	display: grid;
	place-items: center;
	z-index: 3;
	position: fixed;
	inset: 0;
	color: #333;
	background: white;
}
.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;
}

:root {
	--black: #333;
	--gray: #7e7e7e;
	--grad: linear-gradient(to top, #6edbfc, #60b5fd, #4b7bff);
	--gild: linear-gradient(to top, #fde88f, #ebd37b 20%, #ad7400);
	--grayGrad: linear-gradient(to top, #777, #333);
	--fontSST: "SST W20 Roman", "Arial", sans-serif;
	--fontSans: "TypelaboN+ R JIS2004 AP", "Meiryo", sans-serif;
	--fontSerif: "TsukuAOldMinPr6N-L", "Shippori Mincho B1", 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 none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* scrollbar-width: none; */
}
body {
	--aspect: 390;
	--sidegap: calc(var(--cw) * 30 / var(--aspect));
	--headerHeight: calc(var(--cw) * 42 / var(--aspect));
	--footerHeight: calc(var(--cw) * 76 / var(--aspect));
	--squareWidth: auto;
	--contentsWidth: auto;
	--navigationWidth: auto;
	margin: 0;
	color: var(--black);
	fill: currentcolor;
	font: 400 normal 1em / 1.6 var(--fontSerif);
	/* font-feature-settings: "palt"; */
	background: white;
	overscroll-behavior: auto none;
	/* scrollbar-width: none; */
}
body.is-fixed {
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100%;
}
body.scrollbar {
	overflow-y: scroll !important;
}
:where(.c5-container,.c5-modal__container) :where(img,svg) {
	width: var(--imgSize);
	max-width: 100%;
	height: auto;
	pointer-events: none;
	user-select: none;
	-webkit-user-select: none;
}
@media (max-width: 767.98px) {
	:where(.c5-container,.c5-modal__container) :where(img,svg) {
		--imgSize: calc(var(--cw) * var(--imgBasis) / var(--aspect));
	}
	:where(.c5-container,.c5-modal__container) :where(h2,h3,h4,p,li,dt,dd,.c5-button,.c5-play) {
		--fontSize: max(var(--cw) * var(--fontBasis) / var(--aspect), .625rem);
	}
}
@media (min-width: 768px) {
	body {
		--aspect: 1920;
		--headerHeight: auto;
		--footerHeight: auto;
		--contentsWidth: max(var(--cw) * 660 / var(--aspect), 375px);
		--navigationWidth: max(var(--cw) * 300 / var(--aspect), 165px);
		--squareWidth: calc(var(--cw) - var(--contentsWidth) - var(--navigationWidth));
	}
	:where(.c5-container) > * {
		--maxRatio: 1;
		--minRatio: 1;
		--sidegap: max(var(--cw) * 30 * var(--maxRatio) / var(--aspect), 30px * var(--minRatio));
	}
	.c5-square {
		/* MEMO: 960基準/228まで小さくなる */
		--maxRatio: calc(960 / 960);
		--minRatio: calc(228 / 960);
	}
	.c5-contents,
	.c5-modal__contents {
		/* MEMO: 390基準/660まで大きくなり/375まで小さくなる */
		--maxRatio: calc(660 / 390);
		--minRatio: calc(375 / 390);
	}
	.c5-side {
		/* MEMO: 300基準/165まで小さくなる */
		--maxRatio: calc(300 / 300);
		--minRatio: calc(165 / 300);
	}
	:where(.c5-container,.c5-modal__container) :where(img,svg) {
		--imgSize: max(
			var(--cw) * var(--imgBasis) * var(--maxRatio) / var(--aspect),
			var(--imgBasis) * var(--minRatio) * 1px
		);
	}
	:where(.c5-container,.c5-modal__container) :where(h2,h3,h4,p,li,dt,dd,.c5-button,.c5-play) {
		--fontSize: max(
			var(--cw) * var(--fontBasis) * var(--maxRatio) / var(--aspect),
			var(--fontBasis) * var(--minRatio) * 1px
		);
	}
}
:is(a,button):focus{outline:none}
:is(a,button):focus-visible{outline:2px auto navy}
::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,
:where(.c5-modal) .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,
:where(.c5-modal) .splide__pagination__page {
	width: var(--size);
	height: var(--size);
	border-radius: var(--size);
}
:where(.c5-container) .splide__pagination__page.is-active,
:where(.c5-modal) .splide__pagination__page.is-active {
	scale: 1.5;
}
@media (min-width: 768px) {
	:where(.c5-container) .splide__pagination,
	:where(.c5-modal) .splide__pagination {
		--size: max(var(--cw) * 10 * var(--maxRatio) / var(--aspect), 10px * var(--minRatio));
	}
}
.c5-image .splide__pagination {
	position: absolute;
	inset: auto 0 calc(var(--sidegap) / 1.5);
}
.c5-intro__kv .splide__pagination {
	flex-direction: column;
	row-gap: calc(var(--size) * 1.5);
	position: absolute;
	inset: 0 calc(var(--sidegap) / 1.5) 0 auto;
}
.c5-image .splide__pagination__page,
.c5-intro__kv .splide__pagination__page {
	background: var(--gray);
	transition: background .2s, box-shadow .2s var(--easeIn), scale .2s var(--easeBack);
}
.c5-intro__kv .splide__pagination__page {
	border: 1px solid #707070;
}
.c5-image .splide__pagination__page.is-active,
.c5-intro__kv .splide__pagination__page.is-active {
	background: white;
	box-shadow: 0 1px 2px #0002;
}
@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.is-initialized:not(.is-active) .splide__list{display:block}.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}