@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: #f9f9f9;
	}
	.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: #f9f9f9;
	}
}

/**
 * 広場
 * -------------------------------------------------- */
@media (min-width: 768px) {
	.c5-square {
		--space: clamp(48px * var(--minRatio), var(--cw) * 48 / var(--aspect), 48px * 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 {
		opacity: 1;
	}
	
	/* :::::: Product :::::: */
	.c5-square__product {
		align-content: center;
		justify-items: center;
		padding: 0 1em;
		clip-path: inset(0);
		background: #f9f9f9;
	}
	.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: 319;
	}
	.c5-square__product .splide-caption {
		display: grid;
		margin-top: var(--space);
		--fontBasis: 18;
		font-size: var(--fontSize);
		line-height: 1.2;
		text-align: center;
	}
	.c5-square__product .splide-caption > * {
		grid-area: 1 / 1;
		clip-path: inset(0);
	}
	.c5-square__product .splide-caption > :not(.is-active) {
		clip-path: inset(0 0 100%);
	}
	.c5-square__product .splide-caption > .is-anim {
		transition: clip-path .4s var(--easeOut);
	}
	.c5-square__product .splide-caption > .is-anim:not(.is-active) {
		clip-path: inset(100% 0 0);
	}
	.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(2) .splide__pagination__page {
		border: 1px solid #b9e0bc;
		background: #b9e0bc;
	}
	.c5-square li:nth-of-type(3) .splide__pagination__page {
		border: 1px solid #707070;
		background: white;
	}
	.c5-square li:nth-of-type(4) .splide__pagination__page {
		border: 1px solid black;
		background: black;
	}
	.c5-square li:nth-of-type(1) .splide__pagination__page {
		border: 1px solid #ecbfc8;
		background: #ecbfc8;
	}
	
	/* :::::: SPEAKER :::::: */
	.c5-square__speaker {
		pointer-events: auto;
		align-content: center;
		justify-items: center;
		padding: 0 1em;
		background: white;
	}
	.c5-square__speaker .title {
		--fontBasis: 32;
		font-size: var(--fontSize);
	}
	
	/* :::::: KV :::::: */
	.c5-square__kv .image img {
		width: var(--squareWidth);
		height: 100%;
		object-fit: cover;
	}
	
	/* :::::: SONY Logo :::::: */
	.c5-square__series {
		place-items: center;
		background: #f9f9f9;
	}
	.c5-square__series .logo svg {
		--imgBasis: 363;
	}
}

/**
 * ナビゲーションエリア
 * -------------------------------------------------- */
.c5-side {
	padding: var(--sidegap);
	background: white;
}
.c5-side__container {
	display: grid;
	align-content: center;
}
.c5-side__title {
	--fontBasis: 32;
	font-size: var(--fontSize);
}
.c5-side .c5-anchor a {
	padding-inline: 0;
}
.c5-side .c5-anchor .text small {
	font-size: 80%;
}
.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 {
	white-space: nowrap;
}
.c5-side__product .c5-product__title .name svg {
	--imgBasis: 149;
}
.c5-side__product .c5-image img {
	--imgBasis: 233;
	width: var(--imgSize);
}
@media (hover) {
	.c5-side .c5-anchor a {
		transition: opacity .4s;
	}
	.c5-side .c5-anchor a:hover {
		opacity: .6;
		text-decoration: none;
		transition-duration: .2s;
	}
}

/**
 * メインコンテンツエリア
 * -------------------------------------------------- */
.c5-contents {
	--sectionSpace: calc(var(--cw) * 32 / var(--aspect));
	background: white;
}
.c5-contents sup {
	top: auto;
	font-size: max(75%, .625rem);
	line-height: inherit;
	vertical-align: top;
}
@media (min-width: 768px) {
	.c5-contents {
		--sectionSpace: max(var(--cw) * 24 * var(--maxRatio) / var(--aspect), 24px * var(--maxRatio));
	}
}
.c5-subject {
	--fontBasis: 24;
	font-weight: 600;
	font-size: var(--fontSize);
	line-height: 1.5;
	line-break: strict;
}
.c5-lead {
	--fontBasis: 21;
	font-weight: 600;
	font-size: var(--fontSize);
	line-height: 1.476;
	line-break: strict;
}
.c5-paragraph {
	--fontBasis: 14;
	font-weight: 400;
	font-size: var(--fontSize);
	line-height: 1.714;
	line-break: strict;
}
.c5-note {
	padding-left: .6em;
	--fontBasis: 10;
	font-weight: 400;
	line-height: 1.6;
	line-break: strict;
	text-indent: -.6em;
}
.c5-note .external.icon {
	position: relative;
	top: -.1em;
	width: 1em;
	height: 1em;
	margin-left: .25em;
	stroke: #4b7bff;
	vertical-align: middle;
}
p.c5-note,
figcaption.c5-note,
.c5-note li {
	font-size: var(--fontSize);
}
/* ソニーのボタンオーバーライド */
.c5-storeLinkOverride {
	position: relative;
}
.c5-storeLinkOverride .s5-price-api-status,
.c5-storeLinkOverride .s5-inStoreItem1__store,
.c5-storeLinkOverride .s5-inStoreItem1__storeButton {
	position: absolute;
	inset: 0;
	opacity: 0;
}
.c5-buttonWrap {
	display: grid;
	row-gap: .5em;
	width: fit-content;
	margin-inline: auto;
}
.c5-buttonWrap .c5-button {
	margin-top: 0;
}
.c5-buttonWrap .c5-button,
.c5-buttonWrap .c5-cv__link,
.c5-buttonWrap .s5-price-api-status,
.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);
	filter: grayscale(1);
}
.c5-button {
	display: grid;
	place-items: center;
	grid-template-columns: 1fr auto;
	width: fit-content;
	min-width: 13.75em;
	min-height: 3.4375em;
	margin-inline: auto;
	border: .5px solid var(--gray);
	border-radius: 2em;
	--fontBasis: 16;
	font: 400 var(--fontSize) / 1.2 var(--fontSans);
	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 .icon {
	display: grid;
	place-items: center;
	width: calc(5.1875em + .25em);
	height: 100%;
	padding-left: 1em;
	border-radius: 0 2em 2em 0;
	color: white;
	background: var(--grad);
	clip-path: polygon(2.5em 0, 100% 0, 100% 100%, .25em 100%);
}
.c5-button .icon svg {
	grid-area: 1 / 1;
	overflow: visible;
	width: 1.2em;
	height: auto;
	fill: none;
	stroke: currentcolor;
	stroke-width: 3;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.c5-button .icon .arr {
	width: 1.6em;
	stroke-width: 2.5;
}
.c5-button .icon .external {
	stroke-linecap: butt;
	stroke-linejoin: unset;
}
/* Motion */
:where(.c5-button).is-popn {
	animation: popn .6s both;
}
@media (hover) {
	.c5-button {
		transition: scale .4s var(--easeOut);
	}
	.c5-button .icon {
		transition: clip-path .3s var(--easeBack);
	}
	.c5-button:hover,
	.c5-buttonWrap .s5-inStoreItem1__store:hover + .c5-button {
		scale: .94 .9;
		color: inherit;
		transition: scale .2s var(--easeOut);
		text-decoration: none;
	}
	.c5-button:hover .icon,
	.c5-buttonWrap .s5-inStoreItem1__store:hover + .c5-button .icon {
		clip-path: polygon(.5em 0, 100% 0, 100% 100%, 2.25em 100%);
	}
}
.c5-image img,
.c5-image__item {
	width: 100%;
}
.c5-image__link {
	display: grid;
	place-items: center;
}
.c5-image__link > * {
	grid-area: 1 / 1;
}
.c5-image__link .play {
	--size: max(var(--cw) * 40 / var(--aspect), 40px);
	width: var(--size);
	height: var(--size);
	border-radius: var(--size);
	fill: white;
	background: #0005;
}
.c5-image__caption {
	place-self: end start;
	padding: 0 var(--sidegap) 3.75em;
	--fontBasis: 12;
	font-size: var(--fontSize);
	line-height: 1.5;
	text-align: left;
	fill: currentcolor;
}
@media (hover) {
	.c5-image__link .play {
		transition: scale .4s var(--easeOut);
	}
	.c5-image__link:hover .play {
		scale: 1.08;
		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%);
	transition: opacity .3s;
}
:where(.c5-videoplayer).is-loading .c5-play .icon {
	opacity: 0;
}
/* Motion */
:where(.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; }
}
.c5-textlink {
	color: #4b7bff;
	background: linear-gradient(currentcolor, currentcolor) left bottom / 100% 1px no-repeat;
}
.c5-textlink .ico {
	display: inline-block;
	position: relative;
	top: -.1em;
	width: .7em;
	height: .7em;
	margin-inline: .2em .1em;
	fill: none;
	stroke: currentcolor;
	vertical-align: middle;
}
.c5-textlink:hover,
.c5-textlink:active {
	color: #4b7bff;
}
@media (hover) {
	.c5-textlink {
		transition: background-size .4s cubic-bezier(.3,1,.7,1);
	}
	a:hover .c5-textlink,
	.c5-storeLinkOverride:hover .c5-textlink,
	.c5-textlink:hover {
		color: #4b7bff;
		text-decoration: none;
		background-position: right bottom;
		background-size: 0 1px;
		transition: background-size .2s cubic-bezier(.3,1,.7,1);
	}
}

/* :::::: Anchor :::::: */
.c5-anchor {
	display: grid;
	row-gap: clamp(9.615px, var(--cw) * 10 / var(--aspect), 16.923px);
}
.c5-anchor li {
	font-weight: 600;
	--fontBasis: 18;
	font-size: var(--fontSize);
	line-height: 1.444;
}
.c5-anchor a {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	column-gap: .75em;
	position: relative;
	padding: .5em .75em;
	border-radius: .5em;
	background: white;
}
.c5-anchor a:hover,
.c5-anchor a:active,
.c5-anchor a:visited {
	color: inherit;
	text-decoration: none;
}
.c5-anchor .icon {
	width: 2.444em;
	height: 2.444em;
	border: 1px solid currentcolor;
	border-radius: 2.444em;
	color: var(--gray);
	fill: currentcolor;
}
.c5-anchor .icon svg {
	width: 100%;
	height: auto;
}
.c5-anchor .down {
	position: absolute;
	top: calc(50% - .611em);
	right: calc(var(--sidegap) / 1.5);
	width: .889em;
	height: auto;
	stroke: currentcolor;
}
.c5-anchor .text {
	font-weight: inherit;
}
.c5-anchor .text small {
	font-size: .625rem;
}
/* Motion */
a[href^="#"].is-popn {
	animation: popn .6s both;
}
@media (hover) {
	:where(.c5-contents) .c5-anchor a,
	:where(.c5-contents) .c5-anchor a .icon {
		transition: color .4s;
	}
	:where(.c5-contents) .c5-anchor a > * {
		position: relative;
	}
	:where(.c5-contents) .c5-anchor a::before {
		content: "";
		position: absolute;
		inset: 0;
		border-radius: inherit;
		background: var(--grad);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 100% 0;
		opacity: 0;
		transition: background-size .8s var(--easeOut), opacity .2s;
	}
	:where(.c5-contents) .c5-anchor a:hover,
	:where(.c5-contents) .c5-anchor a:hover .icon {
		color: white;
		transition: color .2s;
		text-decoration: none;
	}
	:where(.c5-contents) .c5-anchor a:hover::before {
		background-size: 100% 100%;
		background-position: center top;
		opacity: 1;
		transition-duration: .2s;
	}
}

/* :::::: Chapter :::::: */
.c5-chapter {
	display: grid;
	place-items: center;
	width: 100%;
}
.c5-chapter__title {
	display: grid;
	row-gap: .25em;
	width: 100%;
	padding: 1.3em 0;
	place-items: center;
	color: white;
	--fontBasis: 34;
	font-weight: 600;
	font-size: var(--fontSize);
	line-height: 1.176;
	text-align: center;
	background: var(--grad);
}
.c5-chapter__title span {
	display: inline-block;
}
/* Motion */
.c5-chapter__title.is-standby,
.c5-chapter__title.is-standby span {
	opacity: 0;
}
.c5-chapter__title.is-standby span {
	translate: 0 24px;
}
.c5-chapter__title.is-appear {
	transition: opacity .6s;
}
.c5-chapter__title.is-appear span {
	transition: opacity .6s, translate .6s var(--easeOut);
	transition-delay: .4s;
}

/* :::::: Section :::::: */
.c5-section {
	display: grid;
	width: 100%;
	padding-top: var(--sectionSpace);
	padding-bottom: calc(var(--sectionSpace) * 1.5);
	padding-inline: var(--sidegap);
}
.c5-section .c5-image,
.c5-section .c5-figure {
	margin-inline: calc(var(--sidegap) * -1);
	text-align: center;
}
.c5-section .c5-pulldown,
.c5-section > .c5-pulldown__contents {
	margin-inline: calc(var(--sidegap) * -1);
}
.c5-is-comingsoon {
	pointer-events: none;
}

/**
 * コンテンツ
 * -------------------------------------------------- */
.c5-intro__kv {
	display: grid;
	grid-template-rows: auto 1fr auto auto auto;
	justify-items: center;
	max-height: 100svh;
	padding-top: var(--headerHeight);
}
.c5-intro__kv > * {
	grid-column: 1;
}
@media (min-width: 768px) {
	.c5-intro__kv {
		grid-template-rows: 18.6% 1fr auto auto auto;
		padding-bottom: calc(var(--sidegap)  / 2);
	}
}
.c5-kv__copy {
	align-self: end;
	grid-row: 1;
	z-index: 1;
	color: white;
	padding-top: calc(var(--headerHeight) * 1.5);
}
.c5-kv__copy svg {
	--imgBasis: 321;
	fill: currentcolor;
}
.c5-kv__image {
	grid-row: 1 / 4;
	display: grid;
	position: relative;
	overflow: hidden;
	width: 100%;
}
.c5-kv__image .c5-moviebutton {
	align-self: center;
}
.c5-kv__image .c5-play {
	margin-top: 1em;
	row-gap: .6em;
	color: gray;
	fill: currentcolor;
}
.c5-kv__image .c5-play .icon {
	border-color: white;
	background: white;
}
.c5-kv__image .c5-play .note {
	display: flex;
	align-items: center;
	column-gap: .4em;
	padding: .4em 1.2em;
	border-radius: 2em;
	background: white;
	/* hover */
	opacity: 0;
	scale: .98;
	transition: opacity .4s, scale .4s;
}
.c5-kv__image .c5-moviebutton:hover .c5-play .note {
	opacity: 1;
	scale: 1;
	transition-duration: .2s;
}
.c5-kv__image .c5-play .note .c {
	width: 1.4em;
	height: auto;
	fill: currentcolor;
}
.c5-kv__image .c5-play .note .t {
	width: auto;
	height: 1.6em;
}
.c5-kv__image .c5-moviebutton .thumb {
	opacity: 1;
}
.c5-kv__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.c5-kv__product {
	z-index: 1;
	grid-row: 3 / 5;
	display: flex;
	align-items: end;
	justify-content: space-between;
	position: relative;
	margin-inline: -.5em;
	font-size: var(--fontSize);
	font-size: min(var(--cw) * 32 / var(--aspect), 32 * .0625rem);
}
.c5-kv__product img:first-child{
	--imgBasis: 250;
}
.c5-kv__product img:last-child{
	--imgBasis: 30;
}
.c5-kv__newcolor {
	display: block;
	position: relative;
	aspect-ratio: 28 / 21;
	min-width: 2em;
	height: auto;
	margin-inline: 1% 2%;
	border-radius: .2em;
	background: #ecbfc8 url(../img/sst_newcolor.svg) center / 68% auto no-repeat;
}
.c5-kv__newcolor::before {
	content: "" / "New Color: Pink";
	position: absolute;
	width: .6em;
	height: .4em;
	bottom: .3em;
	right: 98%;
	clip-path: polygon(100% 0, 100% 100%, 0 60%);
	background-color: inherit;
}
.c5-kv__title {
	grid-row: 5;
	position: relative;
	--imgBasis: 320;
	margin-top: calc(var(--cw) * 8 / var(--aspect));
}
.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: 4%;
	color: currentcolor;
}
.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__title {
		margin-top: min(var(--cw) * 24 * var(--maxRatio) / var(--aspect), 24px * var(--minRatio));
	}
	.c5-kv__scroll {
		--w: max(var(--cw) * 12 * var(--maxRatio) / var(--aspect), 12px * var(--minRatio));
	}
}
@media (max-width: 1104.98px) {
	.c5-kv__product {
		font-size: calc(18 * .0625rem);
	}
}
@media (max-width: 767.98px) {
	.c5-kv__product {
		font-size: max(var(--cw) * 16 / var(--aspect), .625rem);
	}
}

/* パカッフワッピタックルッ */
.c5-kv__introduction {
	--intervel: .7s;
	z-index: 1;
	grid-row: 1 / 4;
	display: grid;
	overflow: hidden;
}
.c5-kv__introduction > * {
	grid-area: 1 / 1;
}
.c5-kv__introduction img:nth-child(1) { z-index: 3; }
.c5-kv__introduction img:nth-child(2) { z-index: 2; }
.c5-kv__introduction img:nth-child(3) { z-index: 1; }
.c5-kv__introduction.is-anim img {
	animation: kamishibai var(--intervel) var(--easeInOut) both;
}
.c5-kv__introduction.is-anim img:nth-child(2) { animation-delay: calc(var(--intervel) * 1); }
.c5-kv__introduction.is-anim img:nth-child(3) { animation-delay: calc(var(--intervel) * 2); }
.c5-kv__introduction.is-anim img:nth-child(4) { animation-delay: calc(var(--intervel) * 3.4); }
@keyframes kamishibai {
	from { opacity: 1; }
	to { opacity: 0; }
}
.c5-kv__image .c5-play.is-standby {
	opacity: 0;
	pointer-events: none;
}
.c5-kv__image .c5-play.is-appear {
	transition: opacity .6s var(--easeOut);
}
.c5-kv__image .c5-play.is-appear .icon {
	animation: playPopn .6s both;
}
@keyframes playPopn {
	from { scale: .8; }
	33% { scale: 1.08; }
	66% { scale: .98; }
	100% { scale: 1; }
}

/* :::::: アンカー :::::: */
.c5-intro__anchor {
	--padding: clamp(16px, var(--cw) * 32 / var(--aspect), 32px);
	padding: var(--padding) calc(var(--padding) / 2);
	background: #f9f9f9;
}
/* Motion */
.c5-intro__anchor.is-standby li {
	opacity: 0;
	translate: -10% 0;
}
.c5-intro__anchor.is-appear li {
	clip-path: inset(0);
	transition: opacity .8s, translate .8s var(--easeOut);
}
.c5-intro__anchor.is-appear li:nth-of-type(2) {
	transition-delay: .1s;
}
.c5-intro__anchor.is-appear li:nth-of-type(3) {
	transition-delay: .2s;
}
.c5-intro__anchor.is-appear li:nth-of-type(4) {
	transition-delay: .3s;
}

/* :::::: PLAY the MUSIC :::::: */
.c5-playthemusic {
	padding-top: calc(var(--sidegap) * 1.5);
	color: white;
	font-weight: 200;
	line-height: 1.625;
	background: black;
}
.c5-playthemusic__title {
	display: grid;
	justify-items: center;
	row-gap: .25em;
	--fontBasis: 24;
	font-size: var(--fontSize);
	line-height: 1.2;
	text-align: center;
}
.c5-playthemusic__title .add {
	margin-top: .25em;
}
.c5-playthemusic__title svg {
	fill: currentcolor;
}
.c5-playthemusic__title .main svg {
	--imgBasis: 335;
}
.c5-playthemusic__title .add svg {
	--imgBasis: 188;
}
.c5-playthemusic__title .sub svg {
	--imgBasis: 284;
}
:where(.c5-playthemusic) .c5-image {
	margin-top: clamp(16px, var(--cw) * 32 / var(--aspect), 32px);
}
:where(.c5-playthemusic) .c5-subject {
	margin-top: 1.75em;
}
:where(.c5-playthemusic) .c5-paragraph {
	margin-top: 1em;
}
:where(.c5-playthemusic) .c5-paragraph b {
	font-weight: inherit;
	white-space: nowrap;
}
.c5-playthemusic__title,
.c5-playthemusic .c5-subject,
.c5-playthemusic .c5-paragraph,
.c5-playthemusic .c5-lead,
.c5-playthemusic .c5-note,
.c5-playthemusic .c5-date,
.c5-playthemusic .c5-button {
	font-weight: 200;
	font-family: var(--fontSerif);
}
.c5-playthemusic .c5-lead {
	--fontBasis: 14;
	margin-top: 1em;
	text-align: center;
}
.c5-playthemusic .c5-lead svg {
	--imgBasis: 216;
	fill: currentcolor;
}
.c5-playthemusic .c5-subject,
.c5-playthemusic .c5-paragraph {
	--fontBasis: 16;
}
.c5-playthemusic .c5-subject {
	display: grid;
	row-gap: .4em;
}
.c5-playthemusic .c5-subject .main svg {
	--imgBasis: 328;
	fill: currentcolor;
}
.c5-playthemusic .c5-date {
	margin-top: 1em;
	font-feature-settings: "palt";
	white-space: nowrap;
}
.c5-playthemusic .c5-date dt {
	--fontBasis: 15;
	font-size: var(--fontSize);
}
.c5-playthemusic .c5-date dd {
	--fontBasis: 17;
	font-size: var(--fontSize);
}
.c5-playthemusic .c5-button {
	margin-top: 2em;
	color: black;
	--fontBasis: 18;
	background: white;
}
.c5-playthemusic .c5-button .icon {
	background: var(--grayGrad);
}

.c5-moviebutton {
	display: grid;
	place-items: center;
	position: relative;
	overflow: hidden;
}
.c5-moviebutton::after {
	content: "";
	position: absolute;
	inset: 0;
	background: #0002;
}
.c5-moviebutton > * {
	grid-area: 1 / 1;
}
.c5-moviebutton .c5-play {
	z-index: 1;
}
.c5-moviebutton .thumb {
	opacity: .6;
}
.c5-moviebutton .comingsoon {
	--imgBasis: 300;
	z-index: 1;
}
@media (hover) {
	.c5-moviebutton::after {
		transition: opacity .4s var(--easeOut);
	}
	.c5-moviebutton img {
		transition: scale .6s var(--easeOut);
	}
	.c5-moviebutton:hover img {
		scale: 1.08;
		transition-duration: .2s;
	}
	.c5-moviebutton:hover::after {
		transition-duration: .2s;
	}
	.c5-moviebutton:not(:hover)::after {
		opacity: 0;
	}
	.c5-moviebutton.is-anim .c5-play .icon {
		animation: popn
	}
}

/* Motion */
:where(.c5-playthemusic) > .is-standby {
	opacity: 0;
	translate: 0 24px;
}
:where(.c5-playthemusic) .c5-button.is-standby {
	opacity: 0;
	scale: .8;
}
:where(.c5-playthemusic) > .is-appear {
	transition: opacity .6s, translate .6s var(--easeOut);
}
:where(.c5-playthemusic) .c5-button.is-appear {
	transition: opacity .6s, scale .6s var(--easeBack);
}

/* :::::: LinkBuds Fit 4つの特長 :::::: */
.c5-feature:where(#feature2,#feature4,#feature5) {
	background: #f9f9f9;
}
.c5-feature:where(#feature4) {
	padding-bottom: 0;
}
/* 見出し */
.c5-feature_subject {
	display: grid;
	align-items: center;
	grid-template-columns: auto 1fr;
	column-gap: .5em;
	--fontBasis: 24;
	font-weight: 600;
	font-size: var(--fontSize);
	line-height: 1.5;
	font-feature-settings: "palt";
}
.c5-feature_subject small {
	font-size: 75%;
}
.c5-feature_subject sup {
	font-size: max(.625rem, 60%);
	vertical-align: super;
}
:where(#feature3) .c5-feature_subject {
	margin-inline: -.5em;
	--fontBasis: 21;
}
:where(#feature3) .c5-note {
	padding-left: 0;
	text-indent: 0;
}
:where(#feature4) .c5-feature_subject {
	margin-inline: -.25em;
}
:where(#feature5) .c5-feature_subject {
	margin-inline: -.8em;
	--fontBasis: 21;
}
.c5-feature_subject .icon {
	width: 2.542em;
	height: 2.542em;
	border: 1px solid currentcolor;
	border-radius: 2.542em;
	color: var(--gray);
	fill: currentcolor;
}
:where(#feature5) .c5-feature_subject .icon {
	border: 0;
}
.c5-feature_subject .icon svg,
.c5-feature_subject .icon img {
	width: 100%;
	height: auto;
}
/* 本文まわり */
:where(.c5-feature) .c5-paragraph,
:where(.c5-feature) .c5-image,
:where(.c5-feature) .c5-figure {
	margin-top: calc(var(--sectionSpace) * .75);
}
:where(.c5-feature) .c5-button {
	margin-top: var(--sectionSpace);
}
:where(#feature3,#feature5) .c5-button {
	width: 100%;
}
:where(.c5-feature) .c5-note {
	margin-top: 1em;
}
/* Motion */
:where(.c5-feature_subject).is-standby .icon {
	opacity: 0;
	scale: .6;
}
:where(.c5-feature_subject).is-standby .text {
	opacity: 0;
	translate: -.5em 0;
}
:where(.c5-feature_subject).is-appear .icon {
	transition: opacity .6s, scale .6s var(--easeBack);
}
:where(.c5-feature_subject).is-appear .text {
	transition: opacity .6s, translate .6s var(--easeOut);
	transition-delay: .4s;
}
:where(.c5-feature) > .is-standby {
	opacity: 0;
	translate: 0 24px;
}
:where(.c5-feature) .c5-button.is-standby {
	opacity: 0;
	scale: .8;
}
:where(.c5-feature) > .is-appear {
	transition: opacity .6s, translate .6s var(--easeOut);
}
:where(.c5-feature) .c5-button.is-appear {
	transition: opacity .6s, scale .6s var(--easeBack);
}
/* ずっと聴き続けたくなる高音質 */
:where(#feature4) .c5-figure {
	display: grid;
	align-content: space-between;
	row-gap: 8%;
	position: relative;
	height: max(var(--cw) * 455 * var(--maxRatio) / var(--aspect), 455px * var(--minRatio));
	padding: var(--sidegap);
	background: white;
}
:where(#feature4) .c5-figure p {
	font-weight: 600;
	--fontBasis: 18;
	font-size: var(--fontSize);
}
:where(#feature4) .c5-figure p:last-child svg {
	--imgBasis: 169;
	margin-bottom: .5em;
}
@media (max-width: 767.98px) {
	:where(#feature4) .c5-figure {
		height: calc(var(--cw) * 455 / var(--aspect));
	}
}
:where(#feature4) .c5-figure .dummy {
	display: none;
	pointer-events: none;
	position: absolute;
	inset: 0;
	opacity: .3;
}
.c5-feature:where(#feature4) .c5-pulldown__section {
	padding-inline: 0;
}
:where(#feature4) .c5-pulldown__section .c5-subject {
	--fontBasis: 20;
	text-align: center;
}
/* WF-1000XM5に採用された高音質技術を搭載 */
.c5-feature4__canvas2 {
	--shift: max(var(--cw) * 32 * var(--maxRatio) / var(--aspect), 32px * var(--minRatio));
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	column-gap: 4%;
	place-items: center;
	margin-top: calc(var(--sectionSpace) * .75);
	text-align: center;
}
.c5-feature4__canvas2 .x {
	--imgBasis: 28;
	width: var(--imgSize);
	height: auto;
	margin-top: var(--shift);
	fill: none;
	stroke: url(#xgrad);
	stroke-linecap: round;
	stroke-width: 5;
}
.c5-feature4__canvas2 img {
	--imgBasis: 144;
	width: var(--imgSize);
}
.c5-feature4__canvas2 .scene1,
.c5-feature4__canvas2 .scene2 {
	position: relative;
	padding-top: var(--shift);
}
.c5-feature4__canvas2 .scene1 {
	margin-right: 1%;
}
.c5-feature4__canvas2 .scene1 img {
	box-shadow: 2px 3px 4px #0004;
}
.c5-feature4__canvas2 .scene2 {
	order: 1;
}
.c5-feature4__canvas2 .caption {
	display: grid;
	justify-content: center;
	position: absolute;
	inset: 0 0 auto;
	width: 100%;
	--fontBasis: 13;
	font-size: var(--fontSize);
	white-space: nowrap;
}
@media (max-width: 767.98px) {
	.c5-feature4__canvas2 {
		--shift: calc(var(--cw) * 32 / var(--aspect));
	}
}
/* Animation */
.c5-feature4__canvas2.is-standby {
	visibility: hidden;
}
.c5-feature4__canvas2.is-standby .caption {
	opacity: 0;
	translate: 0 1em;
}
.c5-feature4__canvas2.is-appear .scene1 {
	animation: processorAppear 1.3s var(--easeOut) both;
}
.c5-feature4__canvas2.is-appear .scene1 .caption {
	animation: captionAppear .6s 1s var(--easeOut) both;
}
.c5-feature4__canvas2.is-appear .scene2 {
	animation: driverxAppear 1.3s 1s var(--easeOut) both;
}
.c5-feature4__canvas2.is-appear .scene2 .caption {
	animation: captionAppear .6s 2s var(--easeOut) both;
}
.c5-feature4__canvas2.is-appear .x {
	animation: xAppear .6s 2.2s both;
}
@keyframes processorAppear {
	from { opacity: 0; transform: translate(73%, 0) scale(.7); }
	55% { opacity: 1; transform: translate(73%, 0) scale(1.1); }
	to { opacity: 1; transform: none; }
}
@keyframes driverxAppear {
	from { opacity: 0; transform: translate(-68%, 0) scale(.7); }
	55% { opacity: 1; transform: translate(-68%, 0) scale(1.1); }
	to { opacity: 1; transform: none; }
}
@keyframes captionAppear {
	from { opacity: 0; translate: 0 1em; }
	to { opacity: 1; translate: none; }
}
@keyframes xAppear {
	from { opacity: 0; scale: .5; }
	45% { opacity: 1; scale: 1.2; }
	to { opacity: 1; scale: 1; }
}
/* ヘッドホン側で圧縮音源をハイレゾ級の高音質にアップスケーリング */
.c5-feature4__canvas {
	display: grid;
	place-items: center;
}
.c5-feature4__canvas > * {
	grid-area: 1 / 1;
	position: relative;
}
.c5-feature4__canvas .scene1 {
	justify-self: start;
}
.c5-feature4__canvas .scene2 {
	z-index: 1;
	display: grid;
	place-items: center start;
	left: -8%;
}
.c5-feature4__canvas .scene2 > * {
	grid-area: 1 / 1;
}
.c5-feature4__canvas .scene3 {
	justify-self: end;
	display: grid;
	grid-template-rows: 1fr auto auto;
	gap: 6% 4%;
	width: 50%;
	height: max(var(--cw) * 165 * var(--maxRatio) / var(--aspect), 165px * var(--minRatio));
	padding: 4% 6% 5% 5%;
}
.c5-feature4__canvas .scene3 img:nth-child(1) {
	grid-area: 1 / 1 / 3 / 3;
	justify-self: center;
	position: relative;
	left: 12%;
}
.c5-feature4__canvas .scene3 img:nth-child(2) {
	grid-area: 2 / 1 / 4 / 2;
}
.c5-feature4__canvas .scene3 img:nth-child(3) {
	grid-area: 3 / 2;
}
.c5-feature4__canvas .scene3 .frame {
	overflow: visible;
	pointer-events: none;
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	fill: none;
	stroke: url(#svg-gold);
}
.c5-feature4__canvas img[src*="phone"] { --imgBasis: 69; }
.c5-feature4__canvas img[src*="sonic"] { --imgBasis: 49; }
.c5-feature4__canvas img[src*="arrow"] { --imgBasis: 123; }
.c5-feature4__canvas img[src*="products"] { --imgBasis: 108; }
.c5-feature4__canvas img[src*="note"] { --imgBasis: 34; }
.c5-feature4__canvas img[src*="caption"] { --imgBasis: 85; }
.c5-feature4__canvas img {
	width: var(--imgSize);
}
/* Motion */
#feature4 .c5-figure p.is-standby {
	opacity: 0;
	translate: 0 1em;
}
#feature4 .c5-figure p.is-appear {
	transition: opacity .4s, translate .4s var(--easeOut);
}
/* Animation */
.c5-feature4__canvas.is-standby {
	visibility: hidden;
}
.c5-feature4__canvas.is-appear .scene1 {
	animation: hiResScene1 3s var(--easeOut) both;
}
.c5-feature4__canvas.is-appear .scene2 img[src*="sonic"] {
	animation: hiResScene2_1 3s var(--easeOut) both;
}
.c5-feature4__canvas.is-appear .scene2 img[src*="arrow"] {
	animation: hiResScene2_2 3s var(--easeOut) both;
}
.c5-feature4__canvas.is-appear .scene3 .frame {
	animation: hiResScene_frame 3s var(--easeBack) both;
}
.c5-feature4__canvas.is-appear .scene3 img[src*="products"] {
	animation: hiResScene3_1 3s var(--easeBack) both;
}
.c5-feature4__canvas.is-appear .scene3 img[src*="note"] {
	animation: hiResScene3_2 3s var(--easeBack) both;
}
.c5-feature4__canvas.is-appear .scene3 img[src*="caption"] {
	animation: hiResScene3_3 3s var(--easeOut) both;
}
@keyframes hiResScene1 {
	from { opacity: 0; transform: translate(190%, 0) scale(.9); }
	20% { opacity: 1; transform: translate(190%, 0) scale(1.2); }
	40%, to { opacity: 1; transform: none; }
}
@keyframes hiResScene2_1 {
	from { opacity: 0; translate: -80% 0; }
	30% { opacity: 0; translate: -80% 0; }
	50%, to { opacity: 1; translate: 0; }
}
@keyframes hiResScene2_2 {
	from { opacity: 0; translate: -20% 0; }
	40% { opacity: 0; translate: -20% 0; }
	60%, to { opacity: 1; translate: 0; }
}
@keyframes hiResScene_frame {
	from, 55% { opacity: 0; scale: .9; }
	75%, to { opacity: 1; scale: 1; }
}
@keyframes hiResScene3_1 {
	from, 65% { opacity: 0; scale: .6; }
	85%, to { opacity: 1; scale: 1; }
}
@keyframes hiResScene3_2 {
	from, 70% { opacity: 0; scale: .6; }
	90%, to { opacity: 1; scale: 1; }
}
@keyframes hiResScene3_3 {
	from, 75% { opacity: 0; translate: 0 50%; }
	95%, to { opacity: 1; translate: 0; }
}

/* :::::: スピーカーで聴いていた音楽をシームレスに持ち出せる :::::: */
.c5-speaker > .c5-note {
	text-align: center;
}
.c5-speaker .c5-image .c5-note {
	width: 55%;
	margin-left: auto;
}
.c5-speaker__subject {
	--fontBasis: 21;
	font-weight: 600;
	font-size: var(--fontSize);
	line-height: 1.5;
	text-align: center;
}
:where(.c5-speaker) .c5-paragraph,
:where(.c5-speaker) .c5-image {
	margin-top: calc(var(--sectionSpace) * .75);
}
:where(.c5-speaker) .c5-button {
	margin-top: var(--sectionSpace);
}
:where(.c5-speaker) .c5-note {
	margin-top: 1em;
}
/* Motion */
:where(.c5-speaker__subject).is-standby,
:where(.c5-speaker) > .is-standby {
	opacity: 0;
	translate: 0 24px;
}
:where(.c5-speaker) .c5-button.is-standby {
	opacity: 0;
	scale: .8;
}
:where(.c5-speaker__subject).is-appear,
:where(.c5-speaker) > .is-appear {
	transition: opacity .6s, translate .6s var(--easeOut);
}
:where(.c5-speaker) .c5-button.is-appear {
	transition: opacity .6s, scale .6s var(--easeBack);
}

/* :::::: 製品 :::::: */
.c5-product {
	position: relative;
	padding-top: calc(var(--sectionSpace) * 1.5);
}
.c5-product::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	width: 71.795%;
	margin-inline: auto;
	border-top: 1px solid #e0e0e0;
}
.c5-product__title {
	display: grid;
	justify-items: center;
	--fontBasis: 12;
	font-size: var(--fontSize);
}
.c5-product__title .sub {
	font-weight: inherit;
}
.c5-product__title .name {
	margin-top: 1em;
}
.c5-product__title .name img {
	width: var(--imgSize);
}
#linkbuds-fit .c5-product__title .name svg {
	--imgBasis: 233;
}
#linkbuds-open .c5-product__title .name svg {
	--imgBasis: 288;
}
#linkbuds-speaker .c5-product__title .name svg {
	--imgBasis: 340;
}
.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);
}
.c5-product .c5-image img {
	width: var(--imgSize);
}
#linkbuds-fit .c5-image img {
	--imgBasis: 351;
}
#linkbuds-open .c5-image img {
	--imgBasis: 277;
}
#linkbuds-speaker .c5-image img {
	--imgBasis: 277;
}
:where(.c5-product) .c5-button {
	margin-top: calc(var(--sectionSpace) * .9);
}
: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);
}
:where(.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: .08s;
}
:where(.c5-product__title).is-appear .code {
	transition-delay: .16s;
}
: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 .c5-pulldown__contents {
	overflow: hidden;
}
.c5-pulldown__section {
	position: relative;
	padding-top: calc(var(--sectionSpace) * .75);
	padding-inline: var(--sidegap);
}
.c5-pulldown__section + .c5-pulldown__section {
    margin-top: calc(var(--sectionSpace) * 1.15);
	padding-top: var(--sectionSpace);
}
.c5-pulldown__section + .c5-pulldown__section::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	width: 71.795%;
	margin-inline: auto;
	border-top: 1px solid #e0e0e0;
}
.c5-pulldown__contents > * {
	margin-top: 1em;
}
.c5-pulldown__contents .c5-subject {
	margin-top: 0;
	--fontBasis: 20;
	line-height: 1.714;
	text-align: center;
}
.c5-pulldown__section .c5-figure {
	margin-inline: 0;
}

/* :::::: プロジェクト :::::: */
.c5-paragraph__project {
	padding-bottom: calc(var(--sectionSpace) * 1.2);
}
.c5-paragraph__project .c5-lead {
	margin-top: 2em;
	--fontBasis: 18;
}

/* :::::: キャンペーン :::::: */
.c5-pulldown__campaign {
	padding-top: var(--sectionSpace);
	text-align: center;
}
.c5-pulldown__campaign .c5-subject {
	display: block;
	--fontBasis: 26;
	line-height: 1.357;
}
.c5-pulldown__campaign .c5-lead {
	display: grid;
	margin-top: 1em;
	--fontBasis: 18;
	line-height: 1.357;
}
.c5-pulldown__campaign .c5-lead strong {
	margin-top: .15em;
	font-weight: inherit;
	font-size: 155.556%;
}
.c5-pulldown__campaign .c5-image [width="560"] {
	--imgBasis: 280;
	width: var(--imgSize);
}
.c5-pulldown__campaign .c5-button {
	width: 100%;
}
/* Motion */
:where(.c5-pulldown__toggle) .text > * {
	clip-path: inset(0);
}
:where(.c5-pulldown__toggle) .icon svg {
	transform-origin: center center;
}
:where(.c5-pulldown__toggle).is-active .open  {
	clip-path: inset(100% 0 0);
}
:where(.c5-pulldown__toggle):not(.is-active) .close  {
	clip-path: inset(0 0 100%);
}
:where(.c5-pulldown__toggle).is-active .icon {
	clip-path: polygon(.5em 0, 100% 0, 100% 100%, 2.25em 100%);
}
:where(.c5-pulldown__toggle).is-active .icon svg:first-child {
	rotate: 90deg;
}
:where(.c5-pulldown__toggle).is-active .icon svg:last-child {
	rotate: 180deg;
}
:where(.c5-pulldown .c5-pulldown__contents):not(.is-active) {
	height: 0;
}
:where(.c5-pulldown__toggle).is-motion .text > * {
	transition: clip-path .2s var(--easeOut);
}
:where(.c5-pulldown__toggle).is-motion.is-active .text > * {
	transition-duration: .4s;
	transition-timing-function: var(--easeInOut);
}
:where(.c5-pulldown__toggle).is-motion .icon {
	transition: clip-path .6s var(--easeBack);
}
:where(.c5-pulldown__toggle).is-motion .icon svg {
	transition: rotate .3s var(--easeOut);
}
:where(.c5-pulldown__toggle).is-motion.is-active .icon {
	transition-delay: .2s;
}
:where(.c5-pulldown .c5-pulldown__contents).is-motion {
	transition: height .6s var(--easeOut);
}
:where(.c5-pulldown .c5-pulldown__contents).is-motion.is-active {
	transition-timing-function: var(--easeInOut);
}

/* :::::: ノイキャン⇔外音を自由自在に切り替え :::::: */
.feature2-more__figure__table {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: calc(var(--cw) * 28 / var(--aspect));
}
.feature2-more__figure__table dt {
	position: relative;
	padding-bottom: .5em;
	border-bottom: 1px solid var(--gray);
	font-weight: 500;
	--fontBasis: 15;
	font-size: var(--fontSize);
	line-height: 1;
}
.feature2-more__figure__table dt::after {
	content: "";
	position: absolute;
	top: 100%;
	left: calc(50% - .375em);
	width: 1.25em;
	height: .7em;
	background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="11" viewBox="0 0 20 11" preserveAspectRatio="none" fill="%23707070"><path d="M8.739,10.415L0,0h20l-8.739,10.415c-.575.686-1.606.782-2.302.216-.08-.065-.153-.137-.219-.216"/></svg>') center top / 100% 100% no-repeat;
}
.feature2-more__figure__table dd {
	margin-top: 2.8em;
	--fontBasis: 9;
	font-size: var(--fontSize);
}
.feature2-more__figure__table figcaption {
	margin-top: 1.2em;
}
.feature2-more__figure__caption {
	margin-top: 1em;
	padding: 1em;
	font-weight: 600;
	--fontBasis: 14;
	font-size: var(--fontSize);
	background: url(../img/img_feature2_modal_caption1.svg) center / contain no-repeat;
}
.feature2-more1__section2 .feature2-more__figure__caption {
	background-image: url(../img/img_feature2_modal_caption2.svg);
}
@media (min-width: 768px) {
	.feature2-more__figure__table {
		column-gap: max(var(--cw) * 28 * var(--maxRatio) / var(--aspect), 28px * var(--minRatio));
	}
}

/**
 * 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 {
	position: absolute;
	inset: 0;
	height: 100svh;
}
.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;
}
.c5-modal__section {
	display: grid;
	place-items: center;
}
/* 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 {
	pointer-events: none;
	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-videoplayer__player, .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__player {
	aspect-ratio: 16 / 9;
}
.c5-videoplayer__player.is-short {
	aspect-ratio: 9 / 16;
}
.c5-videoplayer__poster.c5-play {
	--size: 44px;
	display: grid;
	place-items: center;
}
.c5-videoplayer__poster.c5-play > * {
	grid-area: 1 / 1;
}
.c5-videoplayer__player.is-nocontrols {
	pointer-events: none;
	user-select: none;
}
.c5-videoplayer__player,
.c5-videoplayer__poster {
	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-videoplayer__player,
: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) .c5-videoplayer__player,
: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-videoplayer__player,
: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 .c5-videoplayer__player,
: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: inherit;
	height: inherit;
	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);
	fill: currentcolor;
}
/* 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 .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 {
	z-index: 2;
}
.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;
	fill: url(#svg-grad);
}
@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;
		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) * 68 / 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 {
		display: grid;
		grid-auto-flow: column;
		grid-template-columns: auto 1fr 1fr;
		z-index: 3;
		position: fixed;
		inset: auto 0 0;
		font-size: max(var(--cw) * 15 / var(--aspect), .625rem);
		line-height: 1.4;
		filter: drop-shadow(0 1px 4px #0002);
	}
	.c5-cv .c5-buttonWrap {
		width: 100%;
	}
	.c5-cv__link {
		display: grid;
		grid-auto-flow: column;
		justify-content: center;
		align-items: center;
		column-gap: .5em;
		padding: .75em;
		color: white;
		background: #60b5fd;
	}
	.c5-buttonWrap .c5-cv__link,
	.c5-cv__link + .c5-cv__link {
		background: #4b7bff;
	}
	.c5-cv__link:hover,
	.c5-cv__link:active,
	.c5-cv__link:visited {
		color: white;
		text-decoration: none;
	}
	.c5-cv__link .arr {
		width: 1.25em;
		stroke: currentcolor;
		stroke-width: 2;
		stroke-linecap: round;
		stroke-linejoin: round;
	}
	.c5-cv__image {
		align-self: end;
		display: flex;
		padding: 0 1em .5em;
		background: white;
	}
	.c5-cv__image img {
		position: relative;
		margin-top: -3.2em;
		--imgBasis: 56;
	}
	.c5-cv__attention {
		display: grid;
		place-content: center;
		z-index: -1;
		position: absolute;
		inset: 0;
		overflow: hidden;
		border-radius: inherit;
		/* filter: blur(8px); */
	}
	.c5-cv__attention::before,
	.c5-cv__attention::after {
		content: "";
		grid-area: 1 / 1;
		width: 100%;
		height: 100%;
		border-radius: inherit;
		background: white;
		/* background-clip: border-box; */
	}
	.c5-cv__attention::after {
		align-self: center;
		width: 100vw;
		height: 100vw;
		background: var(--grad);
		mask: conic-gradient(#0000 200deg, #000 360deg, #0000 360deg);
	}
	/* Motion */
	.c5-cv:not(.is-active) {
		pointer-events: none;
		opacity: 0;
		transform: scale(.8);
	}
	.c5-cv:not(.is-anim) .c5-cv__attention {
		opacity: 0;
	}
	.c5-cv.is-motion {
		transition: opacity .4s, transform .4s var(--easeOut);
	}
	.c5-cv.is-motion.is-active {
		transition-timing-function: ease, var(--easeBack);
	}
	.c5-cv.is-gleam .c5-cv__attention {
		animation: fade 1s .4s ease both;
	}
	.c5-cv.is-gleam .c5-cv__attention::after {
		animation: gleam 1s .4s linear both;
	}
}
@keyframes fade {
	from { opacity: 1; filter: none; }
	60% { opacity: 1; filter: blur(8px); }
	to { opacity: 0; filter: none; }
}
@keyframes gleam {
	from { rotate: 0deg; }
	50% { rotate: 200deg; }
	to { rotate: 400deg; }
}

/* :::::: 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: #707070;
	--grad: linear-gradient(to top, #6edbfc, #60b5fd, #4b7bff);
	--gold: 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;
	/* 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));
	margin: 0;
	color: var(--black);
	fill: currentcolor;
	font: 400 normal 1em / 1.6 var(--fontSans);
	/* 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;
}
.c5-container {
	--squareWidth: auto;
	--contentsWidth: auto;
	--navigationWidth: auto;
}
:where(.c5-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) :where(img,svg) {
		--imgSize: calc(var(--cw) * var(--imgBasis) / var(--aspect));
	}
	:where(.c5-container) :where(h2,h3,h4,p,li,dt,dd,figcaption,.c5-paragraph,.c5-note,.c5-button,.c5-play) {
		--fontSize: max(var(--cw) * var(--fontBasis) / var(--aspect), .625rem);
	}
}
@media (min-width: 768px) {
	body {
		--aspect: 1920;
		--headerHeight: auto;
		--footerHeight: auto;
	}
	.c5-container {
		--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 {
		/* 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);
	}
	.c5-container :where(img,svg) {
		--imgSize: max(
			var(--cw) * var(--imgBasis) * var(--maxRatio) / var(--aspect),
			var(--imgBasis) * var(--minRatio) * 1px
		);
	}
	:where(.c5-container) :where(h2,h3,h4,p,li,dt,dd,figcaption,.c5-paragraph,.c5-note,.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: white;
	background: #60b5fd;
	-webkit-text-fill: transparent;
}
*,*::before,*::after{box-sizing:border-box;}
:where(ul,ol){list-style:none;padding:0;}
:where(img,svg,video,iframe){vertical-align:middle;}
:where(img[height],picture>img,video[height]){height:auto;}
:where(input,button,textarea,select,small){font:inherit;}
:where(body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,ul,ol,dl,dd){margin:0;}
:where(img,picture,video,iframe){display:inline-block;max-width:100%;}
:where(a){color:inherit;text-decoration:inherit;text-decoration-skip-ink:auto;}
:where(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;color:inherit;background:none;}
@media(hover){:where(a,button){cursor:pointer}}
:where(sub){vertical-align:baseline;}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important;}}

/** splide-core.min.css */
:where(.c5-container) .splide__pagination {
	--size: calc(var(--cw) * 10 / var(--aspect));
	column-gap: calc(var(--size) * 1.5);
	line-height: 1;
}
:where(.c5-container) .splide__pagination__page {
	width: var(--size);
	height: var(--size);
	border: 1px solid #707070;
	border-radius: var(--size);
}
:where(.c5-container) .splide__pagination__page.is-active {
	scale: 1.5;
}
@media (min-width: 768px) {
	:where(.c5-container) .splide__pagination {
		--size: max(var(--cw) * 10 * var(--maxRatio) / var(--aspect), 10px * var(--minRatio));
	}
}
.c5-image .splide__pagination {
	position: absolute;
	inset: auto 0 calc(var(--sidegap) / 1.5);
}
.c5-image .splide__pagination__page {
	background: var(--gray);
	transition: background .2s, scale .2s var(--easeBack);
}
.c5-image .splide__pagination__page.is-active {
	background: white;
}
@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.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}