@charset "utf-8";
/* _____ ニュース 共通 _____ */
.logo {
	inline-size: 416rem;
	margin-inline: auto;
	margin-block-start: 112rem;
}
.logo:lang(ja) {
	aspect-ratio: 480 / 312;
}
.logo:lang(en) {
	aspect-ratio: 480 / 237;
}
.news-container {
	padding-block: 80rem 240rem;
}

.news-list {
	display: block;
	background-color: var(--color-denki-black);
}
.news-list ~ .news-list {
	margin-block-start: 16rem;
}
.news-date {
	padding: 24rem 16rem;
	color: var(--color-red);
	font-family: var(--font-oswald);
	font-size: 48rem;
	font-weight: 700;
}
.news-date-yyyy {
	display: flex;
	justify-content: space-between;
	margin-block-start: var(--leading-trim);
	margin-block-end: -.25em;
	padding-inline: .25em;
	font-size: 20rem;
}
.news-date-md {
	margin-block: var(--leading-trim);
}
.news-title {
	padding-block: 16rem;
	color: var(--color-white);
	font-size: 24rem;
	font-weight: 500;
}
.news-arrow {
	--_svg-size: 24rem;
	width: 100%;
	height: 100%;
	min-block-size: 120rem;
	max-inline-size: 80rem;
	color: var(--color-denki-black);
	background-color: var(--color-red);
}
@media (min-width: 960px) {
	.news-arrow {
		--_svg-size: 32rem;
		max-inline-size: 120rem;
	}
}




/* _____ リスト表示 _____ */
.news-list .news-head {
	display: grid;
	align-items: center;
	grid-template-columns: max-content minmax(0, 1fr) max-content;
	column-gap: 16rem;
}
@media (min-width: 960px) {
}


/* _____ 詳細表示 _____ */
.news-detail {
	display: block;
	padding-inline: 32rem;
	background-color: var(--color-denki-black);
}
.news-detail .news-head {
	display: grid;
	align-items: center;
	grid-template-columns: max-content minmax(0, 1fr);
	column-gap: 16rem;
}
.news-detail .news-date {
	padding: 32rem 16rem;
}
.news-detail .news-title {
	padding-block: 32rem;
	text-wrap: pretty;
	word-break: auto-phrase;
}
.news-separator {
	width: 100%;
	height: 2px;
	background-color: var(--color-white);
}
.news-body {
	padding-block: 16rem 80rem;
	padding-inline: 16rem;
	font-family: var(--font-base);
	font-size: 24rem;
	font-weight: 400;
	line-height: 1.8;
}
.news-body .text {
	white-space: pre-line;
}
.news-body .list {
	white-space: normal;
	padding-left: 1em;
	text-indent: -1em;
}
.news-body a {
	color: var(--color-link);
	text-decoration-line: underline;
	text-underline-offset: .25em;
	margin-block-end: .25em;
}
.news-body a:hover {
	color: var(--color-red);
	text-decoration-line: none;
}
.news-body .font-regular { font-weight: 400; }
.news-body .font-medium { font-weight: 500; }
.news-body .font-bold { font-weight: 700; }
.news-body .img-m { max-inline-size: 512rem; }
.news-body .img-l { max-inline-size: 640rem; }
.news-body .img-xl { max-inline-size: 864rem; }
.news-body .mt-s { margin-block-start: 8rem; }
.news-body .mt-m { margin-block-start: 16rem; }
.news-body .mt-l { margin-block-start: 24rem; }
.news-body .mt-xl { margin-block-start: 32rem; }
@media (min-width: 960px) {
	.news-body {
		font-size: 20rem;
	}
}


/* _____ リンク _____ */
.news-link {
	display: grid;
	align-items: center;
	justify-items: center;
	grid-template-columns: 1fr;
	inline-size: 320rem;
	padding: 16rem;
	margin-inline: auto;
	margin-block-start: 48rem;
	color: var(--color-red);
	font-size: 24rem;
	font-weight: 500;
	border: 2px currentColor solid;
}
@media (any-hover: hover) {
	.news-list:hover .news-title {
		color: var(--color-red);
	}
	/* .news-list:hover .news-arrow {
		color: var(--color-white);
	} */
	.news-link:hover {
		color: var(--color-white);
		background-color: var(--color-red);
		border-color: var(--color-red);
	}
}
@media (min-width: 960px) {
	.news-link {
		font-size: 20rem;
	}
}