@charset "utf-8";

/**
 * SONY.jp
 */
.s5-breadcrumbs {
	display: none;
}
a:hover, a:active {
	color: inherit !important;
	text-decoration: none;
	transition: unser;
}
:is(h1,h2,h3,h4,p,ul,ol,dl,figcaption)::selection,
:is(h1,h2,h3,h4,p,ul,ol,dl,figcaption,ul,ol,dl) ::selection {
  color: var(--themecolor);
  background-color: #fffc;
}
.s5-returnToTop__button {
	aspect-ratio: 1 / 1;
	top: -64px;
	width: 40px;
	height: auto;
	margin-bottom: 8px;
	color: #ccc;
}
.s5-returnToTop__button svg {
	width: 100%;
	height: auto;
	fill: none;
	stroke: currentcolor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	border: 2px solid currentcolor;
	border-radius: 50%;
}
@media screen and (min-width: 640px) {
	.s5-returnToTop__button {
		right: 30px;
	}
}
@media screen and (max-width: 639px) {
	.s5-returnToTop__button {
		top: -56px;
	}
}

.c5-l-header {
	display: flex;
	align-items: center;
	z-index: 1;
	position: relative;
	height: var(--headerHeight);
	padding: 0 var(--sidegap);
	background: black;
}
.c5-l-header_logo {
	width: 100px;
	color: white;
	fill: currentcolor;
	line-height: 0;
}
.c5-l-header_logo svg {
	width: 100%;
	height: auto;
}
.c5-l-header.is-hide {
	background: #01011d;
}
.c5-l-header.is-hide .c5-l-header_logo {
	visibility: hidden;
}
@media (max-width: 992px) {
	.c5-l-header_logo {
		width: 80px;
	}
}

.c5-l-footer {
	display: flex;
	justify-content: center;
	position: relative;
}
.c5-l-footer_copyright {
	padding-block: 2em 3em;
	--fontBasis: 14;
}
@media (max-width: 992px) {
	.c5-l-footer_copyright {
		font-size: 12px;
	}
}
@media (max-width: 767.98px) {
	.c5-l-footer {
		height: auto;
	}
	.c5-l-footer_copyright {
		padding-bottom: calc(var(--cvheight) * 1.44);
	}
}

/**
 * コンポーネント
 */
.c5-subject {
	font-weight: inherit;
}
.c5-paragraph {
	line-break: strict;
	--fontBasis: 24;
}
.c5-note {
	--fontBasis: 14;
}
.c5-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	height: 3.4em;
	min-width: 280px;
	padding: 0 1em .1em;
	border: 1px solid #ffffff73; /* 45% */
	border-radius: 3.4em;
	--fontBasis: 24;
	background: #3c5cb178; /* 47% */
	backdrop-filter: blur(10px);
	box-shadow: inset 0 1em 1em #00000029;
}
.c5-button.-back {
	margin: calc(var(--sectiongap) * .5) auto 0;
}
.c5-button svg {
	position: relative;
	top: .05em;
	width: .75em;
	margin-left: .5em;
}
.c5-button .label {
	padding-right: .2em;
	padding-bottom: .2em;
	line-height: 1.4;
	text-align: center;
}
.c5-button .label + svg {
	position: absolute;
	top: calc(50% - .75em / 2);
	right: 1.5em;
}
@media (hover) {
	:root .c5-button {
		transition: background-color .8s;
	}
	:root .c5-button:hover {
		background-color: #ffffff40;
		transition-duration: .2s;
	}
}
@media (max-width: 767.98px) {
	.c5-button {
		min-width: calc(var(--cw) * 320 / var(--aspect));
	}
}
.c5-anchor {
	display: block;
	width: 20em;
	padding: .75em;
	border: 1px solid currentcolor;
	--fontBasis: 18;
	text-align: center;
}
.c5-anchor svg,
.c5-textlink svg {
	position: relative;
	top: -.1em;
	width: .7em;
	margin-left: .5em;
	vertical-align: middle;
}
a.c5-textlink {
	background: linear-gradient(currentcolor, currentcolor) left bottom / 100% 1px no-repeat;
}
.c5-textlink.-back {
	display: block;
	width: fit-content;
	margin-inline: auto;
	--fontBasis: 20;
}
@media (hover) {
	.c5-anchor {
		transition: opacity .4s;
	}
	a.c5-textlink {
		transition: background-size .4s var(--easeOut);
	}
	.c5-anchor:hover {
		opacity: .8;
		transition-duration: .2s;
	}
	a.c5-textlink:hover {
		background-position: right bottom;
		background-size: 0 1px;
	}
}

svg:has([href^="#"]) {
	height: auto;
	fill: none;
	stroke: currentcolor;
	stroke-linejoin: round;
}
svg:has([href^="#svg-down"]),
svg:has([href^="#svg-arrow"]) {
	stroke-linecap: round;
}

/**
 * レイアウト
 */
.c5-modal,
.c5-section {
	--contentWidth: 880;
	position: relative;
	width: calc(100% - var(--sidegap) * 2);
	margin-inline: auto;
}
.c5-section {
	padding: var(--sectiongap) 0;
	border-image: var(--bgcolor) 0 fill / 0 / 0 50vw;
}
.c5-modal {
	display: none;
	background: var(--bgcolor);
}
.c5-l-modal .c5-modal {
	background: none;
}
@media (min-width: 768px) {
	.c5-modal,
	.c5-section {
		width: min(var(--cw) * var(--contentWidth) / var(--aspect), var(--contentWidth) * 1px);
	}
}
:root .c5-is-standby {
	opacity: 0;
	filter: blur(10px);
}
:root .c5-is-motion {
	transition: opacity 1s, filter 1s var(--easeOut);
}
.c5-p-statement > p.is-motion {
	transition-duration: 1.6s;
}
/** モーダルコンテンツ */
.c5-l-modal {
	z-index: 3;
	position: fixed;
	inset: 0;
	background: var(--themecolor);
}
.c5-l-modal:not(.is-active) {
	display: none;
}
.c5-l-modal:not(.is-open) {
	pointer-events: none;
	opacity: 0;
}
.c5-l-modal.is-motion {
	transition: opacity .4s;
}
.c5-l-modal_closer {
	z-index: 1;
	position: fixed;
	top: var(--sidegap);
	right: var(--sidegap);
	font-family: var(--font);
}
.c5-l-modal_container {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	scrollbar-width: none;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	padding: calc(var(--sectiongap) / 2) var(--sidegap);
}
.c5-l-modal_container::-webkit-scrollbar {
	display: none;
}

/**
 * ナビゲーションメニュー
 */
.c5-nav {
	z-index: 1;
	position: fixed;
	color: black;
}
.c5-nav ul {
	grid-area: 1 / 2;
	--fontBasis: 18;
	display: flex;
	gap: 1.6666em;
	padding: 0 var(--sidegap);
}
.c5-nav .c5-comingsoon {
	pointer-events: none;
	opacity: .15;
}
@media (min-width: 768px) {
	.c5-nav {
		display: grid;
		grid-template-columns: 1fr auto 1fr;
		place-items: center;
		inset: 0 0 auto;
		padding: 0 var(--sidegap);
		background: white;
		opacity: 0;
		translate: 0 -100%;
	}
	.c5-nav .logo {
		grid-area: 1 / 1;
		align-items: center;
		justify-self: flex-start;
		width: min(var(--cw) * 80 / var(--aspect), 100px);
		line-height: 0;
	}
	.c5-nav .logo svg {
		width: 100%;
		height: auto;
	}
	.c5-nav ul {
		align-items: center;
		justify-content: center;
		height: var(--headerHeight);
	}
	.c5-nav.is-fix,
	.c5-nav.is-active {
		opacity: 1;
		translate: 0;
	}
	.c5-nav.is-fix.is-abs {
		position: absolute;
	}
	.c5-nav.is-motion {
		transition: opacity .3s, translate .3s var(--easeOut);
	}
	.c5-nav.is-motion.is-active {
		transition: opacity 0s, translate .6s var(--easeOut);
	}
	.c5-nav_drawer {
		display: none;	
	}
}
@media (max-width: 767.98px) {
	.c5-nav {
		--drawerSize: calc(var(--cw) * 64 / var(--aspect));
		z-index: 2;
		top: calc(var(--sidegap) / 2);
		right: calc(var(--sidegap) / 2);
		width: calc(var(--cw) * 320 / var(--aspect));
	}
	.c5-nav_drawer {
		display: grid;
		place-items: center;
		z-index: 1;
		position: absolute;
		top: 0;
		right: calc(var(--sidegap) / 2);
		width: var(--drawerSize);
		height: var(--drawerSize);
		will-change: transform;
	}
	.c5-nav_drawer svg {
		grid-area: 1 / 1;
		fill: none;
		stroke: white;
		width: 90%;
		height: auto;
	}
	.c5-nav_drawer svg:first-child {
		translate: 0 -200%;
	}
	.c5-nav_drawer svg:last-child {
		translate: 0 200%;
	}
	.c5-nav_drawer.is-open svg {
		stroke: black;
		translate: 0;
	}
	.c5-nav_drawer.is-open svg:first-child {
		rotate: -20deg;
	}
	.c5-nav_drawer.is-open svg:last-child {
		rotate: 20deg;
	}
	.c5-nav_drawer.is-open svg:nth-child(2) {
		scale: 0 1;
	}
	.c5-nav_drawer.is-motion svg {
		transition: stroke .2s var(--easeIn), translate .4s .2s var(--easeBack), rotate .2s var(--easeOut);
	}
	.c5-nav_drawer.is-motion.is-open svg {
		transition: stroke .2s var(--easeOut), translate .2s var(--easeOut), rotate .4s .2s var(--easeBack);
	}
	.c5-nav_drawer.is-motion svg:nth-child(2) {
		transition: stroke .2s, scale .4s var(--easeOut);
	}
	.c5-nav ul {
		flex-direction: column;
		align-items: flex-start;
		padding: var(--drawerSize) var(--sidegap) var(--sidegap);
		background: white;
		transform-origin: right top;
	}
	.c5-nav ul:not(.is-active) {
		display: none;
	}
	.c5-nav ul:not(.is-open) {
		pointer-events: none;
		opacity: 0;
		filter: blur(40px);
		scale: .9;
	}
	.c5-nav ul.is-motion {
		transition: opacity .6s, filter .6s var(--easeOut), scale .6s var(--easeOut);
	}
	.c5-nav ul.is-motion.is-open {
		transition-duration: .4s;
	}
	.c5-nav .logo {
		display: none;
	}
}
.c5-nav ul a {
	display: block;
	margin-top: -.2em;
	background: linear-gradient(currentcolor, currentcolor) right bottom / 0 1px no-repeat;
}
@media (hover) {
	.c5-nav ul a {
		transition: background-size .4s var(--easeOut);
	}
	.c5-nav ul a:hover {
		background-position: left bottom;
		background-size: 100% 1px;
	}
}

/**
 * ご購入はこちら
 */
.c5-cv {
	z-index: 1;
	position: fixed;
}
@media (min-width: 768px) {
	.c5-cv {
		--right: 20px;
		top: 120px;
		right: var(--right);
	}
	.c5-cv a {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: .5em;
		width: 64px;
		padding: 1em 0 1.1em;
		border: 1px solid #ffffff73;
		border-radius: 3.4em;
		fill: currentcolor;
		background: #3c5cb178;
		backdrop-filter: blur(10px);
	}
	.c5-cv svg {
		width: 33px;
		height: auto;
	}
	.c5-cv .c5-image {
		width: 40px;
	}
	.c5-cv:not(.is-active) {
		translate: calc(100% + var(--right) + 1px) 0;
	}
	.c5-cv.is-motion {
		transition: translate .3s var(--easeIn);
	}
	.c5-cv.is-motion.is-active {
		transition: translate .6s var(--easeOut);
	}
	@media (hover) {
		.c5-cv a {
			transition: background-color .4s;
		}
		.c5-cv a:hover {
			background: #ffffff40;
			transition-duration: .2s;
		}
	}
}
@media (max-width: 767.98px) {
	.c5-cv {
		display: grid;
		grid-template-columns: auto 1fr auto;
		inset: auto 0 0;
		background: #ffffffc2;
		padding-right: calc(var(--sidegap) * .25);
		color: var(--themecolor);
		backdrop-filter: blur(10px);
	}
	.c5-cv > * {
		display: flex;
		align-items: center;
		justify-content: center;
		height: var(--cvheight);
	}
	.c5-cv .c5-badge {
		display: grid;
		border-right: 1px solid #00152d73;
		--fontBasis: 18;
		line-height: 1.25;
	}
	.c5-cv .c5-badge a {
		padding: 0 1em;
	}
	.c5-cv .c5-badge svg {
		width: 1.25em;
		margin-left: .5em;
		vertical-align: middle;
	}
	.c5-cv .c5-image {
		column-gap: .3em;
		--fontBasis: 24;
	}
	.c5-cv .c5-image img {
		translate: 0 -15%;
		width: calc(var(--cw) * 64 / var(--aspect));
	}
	.c5-cv .c5-button {
		align-self: center;
		min-width: 1em;
		height: calc(var(--cvheight) * .8);
		padding-inline: 1em;
		color: white;
		--fontBasis: 21;
		background: var(--themecolor);
	}
	.c5-cv .c5-button::before {
		content: "";
		z-index: -1;
		position: absolute;
		inset: 0;
		border-radius: inherit;
		background: #3c5cb1cc;
	}
	.c5-cv .c5-button:hover {
		color: white;
	}
	.s5-returnToTop__button {
		top: calc(-56px - calc(100vw * 80 / 660));
	}
}

/**
 * キービジュアル
 */
.c5-kv {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100dvh;
}
.c5-kv.is-hide {
	opacity: 0;
}
.c5-kv.is-motion {
	transition: opacity .4s;
}
.c5-kv :is(picture, img) {
	min-height: inherit;
}
.c5-kv img {
	object-fit: cover;
}
@media (max-width: 767.98px) {
	.c5-kv img {
		object-position: 55% center;
	}
}
.c5-kv.c5-is-motion {
	transition-duration: 2s;
	transition-delay: .2s;
}
.c5-kv.c5-is-standby picture {
	display: block;
}
.c5-p-intro.c5-is-standby {
	opacity: 1;
	filter: none;
}
.c5-p-intro.c5-is-standby :is(.c5-heading, .c5-belt) {
	opacity: 0;
	filter: blur(10px);
}
.c5-p-intro.c5-is-motion :is(.c5-heading, .c5-belt) {
	transition: opacity 1.5s, filter 1.5s var(--easeOut);
}
.c5-p-intro.c5-is-motion .c5-heading {
	transition-delay: .4s;
}
.c5-p-intro.c5-is-motion .c5-belt {
	transition-delay: .5s;
}


/**
 * イントロ
 */
.c5-p-intro {
	display: grid;
	grid-template-rows: 1fr auto;
	position: relative;
	width: 100%;
	height: calc(100dvh - var(--headerHeight));
}
.c5-p-intro .c5-heading {
	grid-area: 1 / 1;
	display: flex;
	align-items: flex-end;
	gap: calc(var(--basisgap) * .75);
	position: relative;
	line-height: 1;
}
.c5-p-intro .c5-heading h1 {
	order: 1;
	margin: 0;
	filter: drop-shadow(0 .02em .4em #c97724) drop-shadow(0 .05em .4em #ce9e51);
}
.c5-p-intro .c5-heading p {
	filter: drop-shadow(0 .02em .2em #c97724) drop-shadow(0 .05em .2em #ce9e51);
}
.c5-p-intro .c5-heading svg {
	fill: currentcolor;
}
@media (min-width: 768px) {
	.c5-p-intro .c5-heading {
		place-self: flex-start center;
		top: 10%;
		left: -10%;
	}
}
@media (max-width: 767.98px) {
	.c5-p-intro {
		grid-template-columns: 1fr 1fr;
	}
	.c5-p-intro .c5-heading {
		place-self: flex-start center;
		gap: calc(var(--basisgap) * .5);
		top: 6%;
	}
	.c5-p-intro .c5-heading h1 {
		width: calc(var(--cw) * 192 / var(--aspect));
	}
	.c5-p-intro .c5-heading p {
		width: calc(var(--cw) * 24 / var(--aspect));
	}
	.c5-p-intro .c5-heading svg {
		width: 100%;
		height: auto;
	}
}
/** オーディオブックに最適な機能 */
.c5-p-intro .c5-badge {
	grid-area: 1 / 2;
	place-self: flex-end;
	margin: 0 var(--sidegap) var(--basisgap) 0;
	--fontBasis: 18;
	line-height: 1.2;
}
.c5-p-intro .c5-badge a {
	display: grid;
	align-content: center;
	justify-items: center;
	aspect-ratio: 1 / 1;
	width: 7.4em;
	height: auto;
	border: 1px solid #ffffff73;
	border-radius: 7.4em;
	background: #3c5cb178;
	backdrop-filter: blur(10px);
}
.c5-p-intro .c5-badge span {
	padding: .5em 0;
	text-align: center;
}
.c5-p-intro .c5-badge svg {
	width: 1.4em;
	height: auto;
}
/** オリジナル作品 募集中 */
.c5-p-intro .c5-belt {
	grid-area: 2 / 1 / 3 / 3;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1em;
	height: 60px;
	margin-bottom: var(--basisgap);
	padding: 0 var(--sidegap);
	border-image: linear-gradient(var(--themecolor), var(--themecolor)) 1 0 / 1px 0 / .2em 0;
	background: var(--themecolor);
}
.c5-p-intro .c5-belt .c5-image {
	align-self: flex-end;
	width: 65px;
}
.c5-p-intro .c5-belt p {
	--fontBasis: 24;
	line-height: 1.4;
	text-shadow: -.02em .02em #c97724, 0 .05em .5em #ce9e51;
}
@media (hover) {
	.c5-p-intro .c5-badge a {
		transition: background-color .4s;
	}
	.c5-p-intro .c5-badge a:hover {
		background: #ffffff40;
		transition-duration: .2s;
	}
}
@media (max-width: 767.98px) {
	.c5-p-intro .c5-belt {
		height: auto;
		margin-bottom: calc(var(--cvheight) * 1.44);
		padding: .5em;
		text-align: center;
	}
	.c5-p-intro .c5-belt .c5-image {
		width: calc(var(--cw) * 65 / var(--aspect));
		min-width: calc(var(--cw) * 65 / var(--aspect));
	}
}
.c5-p-intro .c5-belt.is-hide,
.c5-p-intro .c5-badge.is-hide {
	opacity: 0;
	filter: blur(10px);
}
.c5-p-intro .c5-belt.is-motion,
.c5-p-intro .c5-badge.is-motion {
	transition: opacity 1s, filter 1s var(--easeOut);
}
.c5-p-intro .c5-belt.is-motion.is-hide,
.c5-p-intro .c5-badge.is-motion.is-hide {
	transition-duration: .4s;
}

/**
 * ステートメント
 */
.c5-p-statement {
	position: relative;
	width: min(100% - var(--sidegap) * 2, 1200px);
	margin: 0 auto;
	padding: var(--sectiongap) 0;
	border-image: linear-gradient(to top, #01011dde, #1d1d34de 75%, #01011d00) 0 fill / 0 / 0 50vw;
}
.c5-p-statement > p {
	margin: calc(var(--sectiongap) * 1.5) 0 0;
	padding-top: calc(var(--sectiongap) / 2);
	--fontBasis: 32;
	line-height: 1.9375;
	text-align: center;
	text-shadow: -.02em .02em #c97724, 0 .05em .5em #ce9e51;
}
.c5-p-reader {
	width: min(100% - var(--sidegap) * 2, 1200px);
	margin: calc(var(--sectiongap) / 2) auto 0;
	padding-top: calc(var(--sectiongap) / 2)
}
.c5-p-reader .c5-subject {
	--fontBasis: 48;
	line-height: 1.4;
	text-align: center;
	text-shadow: -.02em .02em #c97724, 0 .05em .5em #ce9e51;
}
.c5-p-reader .c5-image {
	max-width: 300px;
	margin: var(--basisgap) auto 0;
	text-align: center;
}
.c5-p-reader .c5-image img {
	border-radius: 50%;
}
.c5-p-reader .c5-image figcaption {
	--fontBasis: 24;
	margin-top: .5em;
}
.c5-p-reader .c5-paragraph {
	margin-top: 1em;
	text-align: center;
}
.c5-p-reader .c5-profile {
	--fontBasis: 18;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: calc(var(--basisgap) * .8);
}
.c5-p-reader .c5-button {
	margin: var(--basisgap) auto 0;
}
@media (min-width: 768px) {
	.c5-p-reader .c5-profile {
		max-width: min(var(--cw) * 880 / var(--aspect), 880px);
		margin-inline: auto;
	}
}
@media (max-width: 767.98px) {
	.c5-p-statement {
		width: calc(100% - var(--sidegap));
	}
	.c5-p-reader .c5-image {
		max-width: calc(var(--cw) * 300 / var(--aspect));
	}
}

/**
 * WH-1000XM6 L
 */
.c5-p-promotion {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.c5-p-promotion .c5-image {
	text-align: center;
}
.c5-p-promotion .c5-image img {
	width: min(var(--cw) * 288 / var(--aspect), 288px);
}
.c5-p-promotion .c5-image figcaption {
	margin-top: .5em;
	--fontBasis: 48;
}
.c5-p-promotion .c5-image figcaption small {
	margin-left: 1em;
	font-size: 43.75%;
}
.c5-p-promotion .c5-paragraph {
	margin-top: .3em;
}
.c5-p-promotion .c5-anchor {
	margin-top: var(--basisgap);
}
@media (min-width: 768px) {
	.c5-p-promotion .c5-paragraph {
		text-align: center;
	}
}
@media (max-width: 767.98px) {
	.c5-p-promotion .c5-image img {
		width: calc(var(--cw) * 288 / var(--aspect));
	}
	.c5-p-promotion .c5-image figcaption small {
		font-size: 50%;
	}
	.c5-p-promotion .c5-paragraph {
		--fontBasis: 21;
	}
}

/**
 * 募集要項／応募方法・注意事項
 */
.c5-p-terms {
	--contentWidth: 1200;
	margin-inline: auto;
	padding: calc(var(--sectiongap) / 2) 0;
}
.c5-tabs {
	width: 100%;
}
.c5-is-tabs .c5-tabs_panels {
	display: grid;
	grid-template-rows: auto 1fr;
	align-items: flex-start;
}
.c5-is-tabs .c5-tabs_panels > * {
	grid-area: 1 / 1;
}
.c5-is-tabs .c5-tabs_panel:not(.is-active) {
	display: none;
}
.c5-is-tabs .c5-tabs_panel:not(.is-selected) {
	opacity: 0;
}
.c5-is-tabs .c5-tabs_panel.is-motion {
	transition: opacity .4s;
}
.c5-is-tabs .c5-tabs_panels.is-motion {
	transition: height .4s var(--easeOut);
}
/** タブボタン */
.c5-tabs_buttons {
	display: flex;
	justify-content: space-between;
	--fontBasis: 36;
	line-height: 1.4;
}
.c5-tabs_buttons li {
	flex-basis: calc(50% - 10px);
}
.c5-tabs_buttons a {
	display: block;
	padding: .5em;
	border-bottom: 1px solid #ffffff73;
	text-align: center;
}
.c5-tabs_buttons a[aria-selected="true"] {
	pointer-events: none;
	background: #ffffff40; /* 25% */
}
@media (hover) {
	.c5-tabs_buttons a {
		transition: background-color .2s;
	}
	.c5-tabs_buttons a:not([aria-selected="true"]) {
		transition-duration: .8s;
	}
	.c5-tabs_buttons a:not([aria-selected="true"]):hover {
		background-color: #fff1;
		transition-duration: .2s;
	}
}
@media (max-width: 767.98px) {
	.c5-tabs_buttons {
		--fontBasis: 28;
	}
	.c5-tabs_buttons li {
		flex-basis: calc(50% - 4px);
	}
	.c5-tabs_buttons a {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
	}
}
/** タブパネル */
.c5-tabs_panel {
	width: 100%;
	padding-top: calc(var(--sectiongap) * .5);
}
.c5-tabs_panel .c5-subject {
	--fontBasis: 32;
	line-height: 1.375;
	text-align: center;
}
.c5-tabs_panel .c5-paragraph {
	margin-top: calc(var(--basisgap) * 1.75);
	text-align: center;
}
.c5-tabs_panel .c5-paragraph small {
	display: block;
	margin-top: .5em;
	font-size: 65.625%;
}
.c5-terms small,
.c5-steps small {
	display: block;
	margin-top: .5em;
	font-size: 75%;
}
.c5-terms small.note {
	margin-top: .5em;
}
dd.c5-terms_note,
dd.c5-steps_note {
	font-size: 75%;
}
dd.c5-terms_note small.note,
dd.c5-steps_note small.note {
	margin-top: .25em;
	font-size: inherit;
}
.c5-terms .c5-image {
	max-width: 300px;
}
.c5-terms .c5-image img {
	border-radius: 50%;
}
:is(.c5-terms, .c5-steps) {
	--fontBasis: 24;
	text-align: center;
}
.c5-terms {
	margin-top: calc(var(--basisgap) * 1.75);
}
:is(.c5-terms, .c5-steps) > dt {
	margin-top: calc(var(--basisgap) * 1.75);
	font-size: 133.3333%;
}
:is(.c5-terms, .c5-steps) > dt.c5-terms_note {
	font-size: 112%;
}
@media (max-width: 767.98px) {
	.c5-terms {
		--fontBasis: 21;
	}
	.c5-terms > dt {
		font-size: 152.381%;
	}
}
.c5-p-terms .c5-steps li + li {
	margin-top: calc(var(--basisgap) * 2);
}
.c5-p-terms .c5-steps .c5-label {
	--fontBasis: 32;
	line-height: 1.375;
}
.c5-p-terms .c5-steps .c5-paragraph {
	margin-top: calc(var(--basisgap) * .5);
}
.c5-p-terms .c5-steps .c5-button,
.c5-p-terms .c5-steps .c5-buttons,
.c5-p-terms .c5-steps .c5-paragraph.-closed {
	margin: var(--basisgap) auto 0;
}
.c5-p-terms .c5-steps .c5-button + small,
.c5-p-terms .c5-steps .c5-buttons + small {
	display: inline-block;
	margin-top: 1em;
}
.c5-p-terms .c5-steps .c5-paragraph.-closed {
	padding: 1em;
	border: 1px solid #ffffff73;
}
.c5-p-terms .c5-links {
	margin-top: calc(var(--basisgap) * 2);
	--fontBasis: 24;
	text-align: center;
}
.c5-p-terms .c5-links li + li {
	margin-top: .5em;
}
.c5-p-terms .c5-steps .c5-buttons {
	display: flex;
	justify-content: center;
	gap: 1em;
}
.c5-p-terms .c5-steps .c5-buttons li {
	margin: 0;
}
.c5-p-terms .c5-steps .c5-buttons li small {
	font-size: .875em;
}
.c5-p-terms .c5-steps .c5-buttons .c5-button {
	margin-top: .5em;
}
@media (min-width: 768px) {
	.c5-p-terms .c5-steps .c5-paragraph.-closed {
		width: fit-content;
		padding-inline: 3em;
	}
}
@media (max-width: 767.98px) {
	.c5-p-terms .c5-steps .c5-buttons li {
		flex-grow: 1;
		flex-basis: calc(50% - 1em);
	}
	.c5-p-terms .c5-steps .c5-buttons li small {
		font-size: .6875em;
	}
	.c5-p-terms .c5-steps .c5-buttons .c5-button {
		width: 100%;
		min-width: 1em;
	}
}
/** 選考委員 */
.c5-committee {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 800px;
	margin: 0 auto;
}
.c5-committee .c5-image {
	margin: calc(var(--basisgap) / 2) auto 0;
	text-align: center;
}
.c5-committee .c5-image img {
	border-radius: 50%;
}
.c5-committee .c5-image figcaption {
	--fontBasis: 24;
	margin-top: .5em;
}
.c5-committee .c5-paragraph {
	margin-top: .75em;
	text-align: center;
}
.c5-committee .c5-profile {
	--fontBasis: 18;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: calc(var(--basisgap) * .5);
}
.c5-committee .c5-profile dd {
	margin-top: 1em;
}
.c5-committee_book img {
	width: min(var(--cw) * 150 / var(--aspect), 150px);
	margin: .5em 0;
}
.c5-committee_book figcaption {
	--fontBasis: 16;
}
@media (min-width: 768px) {
	.c5-committee .c5-image {
		width: min(var(--cw) * 300 / var(--aspect), 300px);
	}
}
@media (max-width: 767.98px) {
	.c5-committee .c5-image {
		width: calc(var(--cw) * 300 / var(--aspect));
	}
}

/**
 * 入選候補作一覧
 */
.c5-tabs_panel:where(#panel-entrylist) {
	padding-top: 0;
}
.c5-entrylist_intro {
	padding-block: calc(var(--sectiongap) * .5);
	border-image: var(--bgcolor) 0 fill / 0 / 0 50vw;
}
.c5-entrylist_intro .c5-subject {
	font-weight: 700;
}
.c5-entrylist_intro .c5-paragraph {
	margin-top: 1em;
}
.c5-p-audible {
	margin-top: var(--basisgap);
	text-align: center;
}
.c5-p-audible img {
	width: min(var(--cw) * 300 / var(--aspect), 300px);
}
.c5-p-audible .c5-button {
	margin: var(--basisgap) auto 0;
}
.c5-p-audible .c5-note {
	display: inline-block;
	margin-top: .5em;
}
@media (max-width: 767.98px) {
	.c5-p-audible img {
		width: calc(var(--cw) * 300 / var(--aspect));
	}
	.c5-entrylist_intro .c5-paragraph {
		text-align: left;
		padding-right: .4em;
	}
}
.c5-p-entrylist {
	width: auto;
	min-height: 100lvh;
	padding-top: 0;
	border-image: none;
	background: #1d1d34;
}
.c5-entrylist_title {
	padding: calc(var(--basisgap) * 1.25) var(--sidegap);
	border-image: var(--bgcolor) 0 fill / 0 / 0 50vw;
	--fontBasis: 32;
	text-align: center;
}
.c5-entrylist_title small {
	display: block;
	font-weight: 400;
	font-size: 65.25%;
}
.c5-entrylist_item {
	display: grid;
	justify-items: center;
	padding: calc(var(--basisgap) * 2) var(--sidegap);
	border-image: var(--bgcolor) 0 fill / 0 / 0 50vw;
	text-align: center;
}
.c5-entrylist_num {
	min-width: 12em;
	padding: .5em;
	border-image: var(--frame) 20 / min(var(--cw) * 20 / var(--aspect), 20px);
	--fontBasis: 21;
	--frame: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" style="fill:none;stroke:white;stroke-width:2;stroke-linejoin:round;"><path d="M14.93,99c0-7.39-5.88-13.93-13.93-13.93V14.93c8.05,0,13.93-6.54,13.93-13.93h70.14c0,7.39,5.88,13.93,13.93,13.93v70.14c-8.05,0-13.93,6.54-13.93,13.93H14.93Z"/><rect stroke-width="0.5" x="8" y="8" width="84" height="84"/></svg>');
}
.c5-entrylist_sub {
	margin-top: .5em;
	--fontBasis: 21;
}
.c5-entrylist_subject {
	margin-top: .5em;
	--fontBasis: 48;
	line-height: 1.4;
	text-shadow: 0 -.02em .2em #c9772488, 0 .05em .5em #ce9e51;
}
.c5-entrylist_author {
	margin-top: .25em;
	font-weight: 700;
	--fontBasis: 32;
}
.c5-p-entrylist .c5-buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2em;
	margin-top: 1.75em;
}
.c5-p-entrylist .c5-button {
	margin-top: 0;
}
.c5-p-entrylist .c5-button small {
	font-size: 67%;
}
.c5-p-entrylist .c5-label {
	margin-top: calc(var(--basisgap) * .5);
	font-weight: 400;
	--fontBasis: 24;
}
.c5-p-entrylist .c5-paragraph {
	margin-top: .5em;
	--fontBasis: 18;
	text-align: left;
}
@media (min-width: 768px) {
	.c5-p-entrylist .c5-paragraph {
		max-width: min(var(--cw) * 880 / var(--aspect), 880px);
	}
}
@media (max-width: 767.98px) {
	.c5-p-entrylist .c5-buttons {
		gap: 1em;
	}
	.c5-entrylist_item .c5-paragraph {
		margin-inline: -.5em;
	}
}

/**
 * 注意事項
 */
.c5-p-caution {
	width: calc(100% - var(--basisgap) * 2);
	margin-inline: auto;
	padding: calc(var(--sectiongap) * .5) 0;
}
.c5-p-caution .c5-subject {
	--fontBasis: 32;
}
.c5-p-caution .c5-subject:not(:first-child) {
	margin-top: calc(var(--sectiongap) * .25);
}
.c5-p-caution .c5-subject + * {
	margin-top: calc(var(--basisgap) * .5);
}
.c5-p-caution .c5-list,
.c5-p-caution .c5-paragraph {
	margin-top: 1em;
}
.c5-p-caution :is(ul, ol, p) {
	--fontBasis: 18;
}
.c5-p-caution .c5-list li {
	--indent: 1em;
	padding-left: var(--indent);
	text-indent: calc(var(--indent) * -1);
}
.c5-p-caution .c5-list li > *,
.c5-p-caution .c5-list li::before {
	text-indent: 0;
}
.c5-p-caution ol.c5-list > li {
	--indent: 1.5em;
	counter-increment: num;
}
.c5-p-caution ol.c5-list.-brackets > li {
	--indent: 1.8em;
}
.c5-p-caution ol.c5-list ol.c5-list {
	counter-reset: num;
	margin-block: .5em;
}
.c5-p-caution .c5-list > li::before {
	content: "";
	position: relative;
	top: -.2em;
	vertical-align: middle;
}
.c5-p-caution ol.c5-list > li::before {
	content: counter(num) ".";
	display: inline-block;
	width: 1.5em;
}
.c5-p-caution ol.c5-list.-brackets > li::before {
	content: "(" counter(num) ")";
	margin-right: .3em;
}
.c5-p-caution ol.c5-list.-circle > li::before {
	content: counter(num);
	display: inline-grid;
	place-items: center;
	width: 1.8em;
	height: 1.8em;
	font-size: 70%;
	margin-right: .5em;
	border: 1px solid currentcolor;
	border-radius: 1em;
	line-height: 1;
}
.c5-p-caution ul.c5-list li::before {
	position: relative;
	top: -.1em;
	width: .2em;
	height: .2em;
	margin: 0 .4em;
	border-radius: .2em;
	vertical-align: middle;
	background: currentcolor;
}
.c5-p-caution .c5-textlink.-back {
	margin-top: calc(var(--basisgap) * 2);
}

/**
 * WH-1000XM6について
 */
.c5-p-about {
	display: grid;
	justify-items: center;
	margin-top: calc(var(--sectiongap) / 2);
	padding-top: calc(var(--sectiongap) / 2);
	border-image-outset: calc(var(--sectiongap) / 2) 50vw 0;
}
.c5-p-about .c5-title,
.c5-p-about .c5-title b {
	font-weight: inherit;
	text-align: center;
	--fontBasis: 32;
}
.c5-p-about .c5-title b {
	display: block;
	margin-top: .25em;
	font-size: 150%;
	line-height: 1.4;
}
.c5-p-about > .c5-image {
	width: min(var(--cw) * 383 / var(--aspect), 383px);
	margin-top: calc(var(--sectiongap) * .3);
}
.c5-p-about_section {
	margin-top: calc(var(--sectiongap) * .5);
}
.c5-p-about_section .c5-subject {
	--fontBasis: 32;
	line-height: 1.4;
}
.c5-p-about_section .c5-paragraph {
	margin-top: calc(var(--basisgap) / 2);
	--fontBasis: 18;
}
.c5-p-about_section .c5-note {
	margin-top: 1em;
}
.c5-p-about_section .c5-paragraph.-tkg {
	letter-spacing: -0.033em; /* 個別トラッキング */
	text-align: justify;
}
@media (min-width: 768px) {
	.c5-p-about_section {
		--imgWidth: min(var(--cw) * 300 / var(--aspect), 300px);
		display: grid;
		grid-template-columns: var(--imgWidth) auto;
		column-gap: 40px;
	}	
	.c5-p-about_section.-r {
		grid-template-columns: auto var(--imgWidth);
	}
	.c5-p-about_section .c5-image {
		width: var(--imgWidth);
	}
	.c5-p-about_section.-r .c5-image {
		order: 1
	}	
}
@media (max-width: 767.98px) {
	.c5-p-about_section {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: var(--basisgap);
	}
	.c5-p-about_section .c5-image {
		width: calc(var(--cw) * 420 / var(--aspect));
	}
	.c5-p-about_section .c5-paragraph {
		--fontBasis: 21;
		line-height: 1.429;
	}
}

/**
 * スペック表
 */
.c5-p-product {
	--contentWidth: 1040;
}
.c5-p-product .c5-subject {
	--fontBasis: 48;
	border-bottom: 1px solid currentcolor;
}
.c5-p-product .c5-subject small {
	margin-left: 1em;
	font-size: 43.75%;
}
.c5-p-product > .c5-image {
	width: min(var(--cw) * 288 / var(--aspect), 288px);
}
.c5-spec {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: .25em 2em;
	margin-top: calc(var(--basisgap) * .75);
	--fontBasis: 18;
}
.c5-spec dt {
	grid-column: 1;
}
.c5-spec dd {
	grid-column: 2;
}
.c5-p-product .c5-buttons {
	display: flex;
	gap: var(--sidegap);
}
@media (min-width: 768px) {
	.c5-p-product {
		display: grid;
		gap: calc(var(--basisgap) * 2) var(--basisgap);
		grid-template-columns: 1fr 2.1fr;
	}
	.c5-p-product .c5-buttons {
		grid-column: span 2;
		justify-content: center;
	}
	.c5-p-product .c5-textlink.-back {
		grid-column: span 2;
	}
}
@media (max-width: 767.98px) {
	.c5-p-product .c5-subject {
		margin-top: 1em;
		--fontBasis: 42;
	}
	.c5-p-product .c5-subject small {
		font-size: 50%;
	}
	.c5-p-product > .c5-image {
		margin: 0 auto;
	}
	.c5-p-product .c5-buttons {
		flex-direction: column;
		align-items: center;
		margin-top: var(--basisgap);
	}
	.c5-p-product .c5-textlink.-back {
		margin-top: calc(var(--basisgap) * 2);
	}
}


/**
 * YouTubeモーダルプレーヤー
 */
.c5-ytbutton {
	display: grid;
	place-items: center;
	position: relative;
}
.c5-ytbutton > *,
.c5-ytbutton::before {
	grid-area: 1 / 1;
}
.c5-ytbutton::before {
	content: "";
	position: absolute;
	inset: 0;
	background: #0004;
}
.c5-ytplay {
	position: relative;
	aspect-ratio: 1 / 1;
	width: calc(var(--cw) * 80 / var(--aspect), 80px);
	height: auto;
	padding: 8px;
	border: 1px solid currentcolor;
	border-radius: 50%;
	fill: currentcolor;
}
.c5-l-modal_container:has(.c5-ytplayer) {
	display: grid;
	place-items: center;
	padding: 0;
}
.c5-ytplayer {
	aspect-ratio: 16 / 9;
}
.c5-ytbutton + .c5-textlink {
	display: inline-block;
	margin-top: .5em;
}
@media (min-aspect-ratio: 16 / 9) {
	.c5-ytplayer {
		width: auto;
		height: 100dvh;
	}
}
@media (max-aspect-ratio: 16 / 9) {
	.c5-ytplayer {
		width: var(--cw);
		height: auto;
	}
}
@media (hover) {
	.c5-ytbutton::before {
		transition: opacity .4s var(--easeOut);
	}
	.c5-ytbutton .c5-ytplay {
		transition: scale .4s var(--easeOut);
	}
	.c5-ytbutton:hover::before {
		opacity: 0;
		transition-duration: .2s;
	}
	.c5-ytbutton:hover .c5-ytplay {
		scale: 1.08;
		transition-duration: .2s;
	}
}


/**
 * インタビュー
 */
.c5-l-modal .c5-modal,
.c5-l-modal .c5-section,
.c5-p-interview_section {
	width: calc(100% - var(--basisgap) * 2);
	margin-inline: auto;
}
.c5-p-interview.c5-section {
	padding: 0;
}
.c5-l-modal .c5-p-product {
	padding-bottom: 0;
	border-image: none;
}
.c5-p-interview .c5-title {
	display: flex;
	flex-direction: column;
	gap: 1em;
	fill: currentcolor;
	--fontBasis: 24;
	filter: drop-shadow(0 .01em .2em #c97724aa) drop-shadow(0 .025em .2em #ce9e51aa);
}
.c5-p-interview .c5-title svg {
	height: auto;
}
.c5-p-interview .c5-title + .c5-image {
	margin-top: calc(var(--basisgap) * 1.25);
}
@media (min-width: 768px) {
	.c5-p-interview_section,
	.c5-p-caution {
		width: min(var(--cw) * 880 / var(--aspect), 880px);
		margin-inline: auto;
	}
	.c5-l-modal .c5-p-product {
		width: min(var(--cw) * 1040 / var(--aspect), 1040px);
		padding-bottom: 0;
		border-image: none;
	}
	.c5-p-interview .c5-title svg:first-child {
		width: 345px;
	}
}
@media (max-width: 767.98px) {
	.c5-p-interview .c5-title svg:first-child {
		width: calc(var(--cw) * 345 / var(--aspect));
	}
	.c5-p-interview .c5-title svg:last-child {
		width: calc(var(--cw) * 267 / var(--aspect));
	}
}
/** プロフィール */
.c5-p-interview .c5-profile {
	margin-top: calc(var(--basisgap) * .5);
	--fontBasis: 14;
}
.c5-p-interview .c5-profile dt {
	font-weight: 700;
	font-size: 228.5714%;
}
.c5-p-interview .c5-profile dt + dd {
	margin-top: 1em;
}
.c5-p-interview .c5-profile dt rp,
.c5-p-interview .c5-profile dt rt {
	display: inline;
	font-weight: 400;
	font-size: 43.75%;
}
.c5-p-interview .c5-profile dd:has(a) {
	font-size: 114.2857%;
}
@media (max-width: 767.98px) {
	.c5-p-interview .c5-profile {
		--fontBasis: 21;
	}
	.c5-p-interview .c5-profile dt {
		font-size: 152.381%;
	}
	.c5-p-interview .c5-profile dt + dd {
		line-height: 1.429;
	}
}
/** セクション */
.c5-p-interview_section {
	padding-top: calc(var(--sectiongap) * .6);
}
div.c5-p-interview_section {
	padding-top: calc(var(--sectiongap) * .4);
}
.c5-p-interview_section:nth-of-type(n+2) {
	margin-top: calc(var(--basisgap) * 1.5);
}
.c5-p-interview_section .c5-subject {
	font-weight: 700;
	--fontBasis: 32;
}
.c5-p-interview_section .c5-paragraph {
	margin-top: calc(var(--basisgap) * 1.5);
	--fontBasis: 16;
}
.c5-p-interview_section .c5-paragraph:nth-of-type(n+2) {
	margin-top: 1.75em;
}
.c5-p-interview_section .c5-image {
	margin-top: calc(var(--basisgap) * 1.5);
}
@media (max-width: 767.98px) {
	.c5-p-interview_section .c5-paragraph {
		--fontBasis: 21;
		line-height: 1.429;
	}
}
.c5-p-interview_section + .c5-ytbutton {
	margin-top: calc(var(--sectiongap) * .5);
}
/** シェア */
.c5-p-interview_share {
	display: grid;
	justify-items: center;
	margin-top: calc(var(--sectiongap) * .5);
	padding-bottom: var(--sectiongap);
}
.c5-p-interview_share .c5-subject {
	--fontBasis: 32;
	text-transform: uppercase;
}
.c5-p-interview_share ul {
	display: flex;
	gap: var(--sidegap);
	margin-top: calc(var(--basisgap) * .4);
}
.c5-p-interview_share svg {
	width: 60px;
	height: auto;
	fill: currentcolor;
}

/**
 * テキスト版
 */
.c5-p-summary {
	padding-block: calc(var(--sectiongap) * .5);
}
.summary_title {
	--fontBasis: 24;
	--fontSize: min(var(--cw) * var(--fontBasis) / var(--aspect), var(--fontBasis) * .0625rem);
	font-size: var(--fontSize);
}
@media (max-width: 767.98px) {
	.summary_title {
		--fontSize: calc(var(--cw) * var(--fontBasis) / var(--aspect));
	}
}
.c5-description {
	font-weight: 400;
}
.summary_title .c5-description,
.summary_subject .c5-description {
	display: block;
	width: fit-content;
	font-size: 80%;
}
.c5-p-summary_section {
	margin-top: calc(var(--basisgap) * 1.5);
}
.summary_time {
	--fontBasis: 14;
	font-family: sans-serif;
}
.summary_subject {
	--fontBasis: 18;
	margin-bottom: 1em;
}
.c5-p-summary_section .c5-paragraph,
.c5-p-summary_section .c5-description {
	--fontBasis: 16;
}
.c5-p-summary_section .c5-description + .c5-paragraph,
.c5-p-summary_section .c5-paragraph + .c5-paragraph {
	margin-top: .5em;
}
@media (max-width: 767.98px) {
	.summary_subject {
		--fontBasis: 22;
	}
	.c5-p-summary .c5-paragraph,
	.c5-p-summary .c5-description {
		--fontBasis: 21;
		line-height: 1.429;
	}
}

/**
 * バナー
 */
.c5-p-banners {
	display: grid;
	gap: var(--basisgap);
	padding: calc(var(--sectiongap) / 2) 0;
	border-image-source: linear-gradient(var(--themecolor), var(--themecolor));
	border-image-outset: 0 50vw 50px;
}

/**
 * 読むページ
 */
.c5-p-episode {
	padding-top: 0;
}
.c5-p-episode_header {
	display: grid;
	justify-items: center;
	padding: calc(var(--basisgap) * 2) 0;
	border-image: var(--bgcolor) 0 fill / 0 / 0 50vw;
	text-align: center;
}
.c5-p-episode_main {
	padding: var(--sectiongap) 0;
	padding-bottom: calc(var(--sectiongap)) * .8);
}
.c5-p-episode_footer {
	padding-top: calc(var(--sectiongap) * .5);
	border-top: 1px solid #ffffff73;
	text-align: center;
}
.c5-p-episode_footer .c5-subject {
	font-weight: 700;
	--fontBasis: 32;
	line-height: 1.4;
}
.c5-p-episode_footer .c5-paragraph {
	margin-top: 1em;
}
.c5-p-episode_footer .c5-p-interview_share {
	padding-bottom: calc(var(--sectiongap) * .45);
}
.c5-p-episode_footer .c5-p-interview_share:first-child {
	margin-top: 0;
}
.c5-p-episode_footer .c5-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 2em;
}
.c5-p-episode_footer .c5-textlink.-back {
	margin: 0;
	font-weight: 700;
	--fontBasis: 32;
}
.c5-p-episode_footer .c5-textlink.-prev,
.c5-p-episode_footer .c5-textlink.-next {
	background-position: right bottom;
	background-size: 0 1px;
}
@media (hover) {
	.c5-p-episode_footer .c5-textlink.-prev:hover,
	.c5-p-episode_footer .c5-textlink.-next:hover {
		background-position: left bottom;
		background-size: 100% 1px;
	}
}
@media (max-width: 767.98px) {
	.c5-entrylist_subject {
		margin-inline: -1em;
	}
	.c5-p-episode_footer .c5-textlink .label {
		display: none;
	}
}

/**
 * common/utility
 */
.c5-u-visuallyhidden {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	margin: -1px;
	white-space: nowrap;
	clip: rect(0 0 0 0);
}
:root {
	--aspect: 1260;
	--themecolor: #00152d;
	--bgcolor: linear-gradient(to top, #1d1d34, #01011d);
	--hovcolor: #ffffff40;
	--font: "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 {
	background: black;
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
}
body {
	--headerHeight: 64px;
	overscroll-behavior: auto;
}
.c5-l-header,
.c5-l-main,
.c5-l-footer {
	--cw: 100cqi;
	--sidegap: 30px;
	--basisgap: min(var(--cw) * 40 / var(--aspect), 40px);
	--sectiongap: 200px;
	--breakout: calc(50% - var(--cw) / 2);
	color: white;
	font: 400 1em / 1.75 var(--font);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}
.c5-l-main,
.c5-l-footer {
	background: var(--themecolor);
}
:where(h2,h3,h4,h5,h6,p,ul,ol,dl,figcaption,button,time),
:where(.c5-button,.c5-anchor,.c5-textlink.-back) {
	--fontSize: min(var(--cw) * var(--fontBasis) / var(--aspect), var(--fontBasis) * .0625rem);
	font-size: var(--fontSize);
}
@media (max-width: 992px) {
	body {
		--headerHeight: 50px; /* ヘッダーの高さだけsony.jp合わせ */
	}
}
@media (min-width: 768px) {
	.c5-u-mdonly {
		display: none;
	}
}
@media (max-width: 767.98px) {
	.c5-l-main,
	.c5-l-footer {
		--cvheight: calc(var(--cw) * 80 / var(--aspect));
	}
	.c5-u-dtonly {
		display: none;
	}
	:root {
		--aspect: 660;
	}
	.c5-l-header,
	.c5-l-main,
	.c5-l-footer {
		--sidegap: calc(var(--cw) * 30 / var(--aspect));
		--basisgap: calc(var(--cw) * 40 / var(--aspect));
		--sectiongap: calc(var(--cw) * 200 / var(--aspect));
	}
	:where(h2,h3,h4,h5,h6,p,ul,ol,dl,figcaption,button,time),
	:where(.c5-button,.c5-anchor,.c5-textlink.-back) {
		--fontSize: calc(var(--cw) * var(--fontBasis) / var(--aspect));
	}
}
*,*::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;}
:where(sub){vertical-align:baseline;}
@media(hover){:where(a[href],button){cursor:pointer;}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important;}}