@charset "utf-8";

/* カード */
.card-list {
	width: 88%;
	margin: 0 auto;
	/* 375：60px、1280：140px */
	padding-top: clamp(3.75rem, 1.678rem + 8.84vw, 8.75rem);
}



/* メインビジュアル */
#mainvisual {
	background-color: #FDFDFC;
}
@media (min-width: 835px) {
	.mainvisual {
		display: flex;
		flex-direction: row-reverse;
	}
}
.keyvisual {
	position: relative;
}
.keyvisual-copy {
	position: absolute;
	top: 6.5%;
	right: 0;
	left: 0;
	width: 70%;
	margin: 0 auto;
}
@media (min-width: 835px) {
	.keyvisual {
		width: 62%;
	}
	.keyvisual-img {
		width: 100%;
		object-fit: cover;
	}
}
.mainvisual-info {
	margin: 0 auto;
}
@media (min-width: 835px) {
	.mainvisual-info {
		width: 38%;
		/* 835：40px、1280：120px */
		padding: clamp(2.5rem, -6.882rem + 17.98vw, 7.5rem) 0;
	}
}
@media (min-width: 835px) {
	.mainvisual-info {
		/* 1281：120px、1920：240px */
		padding-bottom: clamp(7.5rem, -7.535rem + 18.78vw, 15rem);
	}
}
@media (max-width: 834.98px) {
	.mainvisual-info {
		width: 88%;
		/* 375：75px、834：90px */
		padding-bottom: clamp(4.688rem, 3.922rem + 3.27vw, 5.625rem);
		/* padding-bottom: 45px; */
	}
}
.mainvisual-info-logo {
	margin: 0 auto;
	max-width: 500px;
}
@media (min-width: 835px) {
	.mainvisual-info-logo {
		width: 80%;
	}
}
@media (max-width: 834.98px) {
	.mainvisual-info-logo {
		width: 90%;
		margin-top: max(-18%, -100px);
		filter: drop-shadow(0px 0px 1.5px #fff);
	}
}
.mainvisual-info-onair {
	margin: 0 auto;
	max-width: 600px;
}
@media (min-width: 835px) {
	.mainvisual-info-onair {
		width: 80%;
		/* 835：30px、1280：60px */
		padding-top: clamp(1.875rem, -1.643rem + 6.74vw, 3.75rem);
	}
}
@media (max-width: 834.98px) {
	.mainvisual-info-onair {
		width: 88%;
		/* 375：30px、834：45px */
		padding-top: clamp(1.875rem, 1.109rem + 3.27vw, 2.813rem);
	}
}
.mainvisual-info-onair-link {
	display: block;
	text-align: center;
}

/* .mainvisual-info-onair-link {
	display: block;
	font-weight: 900;
	line-height: 1.3;
	text-align: center;
}
@media (min-width: 835px) {
	.mainvisual-info-onair-link {
		835：20px、1920：32px
		font-size: clamp(1.25rem, 0.673rem + 1.11vw, 2rem);
	}
}
@media (max-width: 834.98px) {
	.mainvisual-info-onair-link {
		375：20px、834：32px
		font-size: clamp(1.25rem, 0.637rem + 2.61vw, 2rem);
	}
}
.mainvisual-info-onair-link-strong {
	padding: 0 .1em;
	color: #e33b45;
}
@media (min-width: 835px) {
	.mainvisual-info-onair-link-strong {
		835：30px、1920：48px
		font-size: clamp(1.875rem, 1.009rem + 1.66vw, 3rem);
	}
}
@media (max-width: 834.98px) {
	.mainvisual-info-onair-link-strong {
		375：30px、834：48px
		font-size: clamp(1.875rem, 0.956rem + 3.92vw, 3rem);
	}
}
.mainvisual-info-onair-link-time {
	letter-spacing: .1em;
}
.mainvisual-info-onair-link-nhk {
	color: #009b34;
}
.mainvisual-info-onair-link-etele {
	letter-spacing: -.05em;
} */
.mainvisual-info-list {
	max-width: 400px;
	margin: 0 auto;
}
@media (min-width: 835px) {
	.mainvisual-info-list {
		width: 80%;
	}
}
@media (min-width: 835px) {
	.mainvisual-info-nav {
		position: relative;
		/* 835：30px、1280：60px */
		margin-top: clamp(1.875rem, -1.643rem + 6.74vw, 3.75rem);
	}
	.mainvisual-info-nav-deco {
		position: absolute;
		top: 2px;
		right: 0;
		transform: translate(-50%, -50%);
		z-index: 2;
		/* 835：20px、1280：26px */
		width: clamp(1.25rem, 1.095rem + 0.66vw, 1.625rem);
	}
}
@media (min-width: 835px) {
	.mainvisual-info-nav .common-nav {
		position: relative;
		padding: 1.5em 0 1.5em;
		border-top: 1px solid #e33b45;
		border-bottom: 1px solid #e33b45;
		/* 835：15px、1280：22px */
		font-size: clamp(0.938rem, 0.117rem + 1.57vw, 1.375rem);
		font-weight: 900;
	}
}
.mainvisual-info-nav .common-nav::before,
.mainvisual-info-nav .common-nav::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	height: 1px;
	background: #e33b45;
}
.mainvisual-info-nav .common-nav::before {
	top: 2.5px;
}
.mainvisual-info-nav .common-nav::after {
	bottom: 2.5px;
}
@media (min-width: 835px) {
	.mainvisual-info-nav .common-nav-list {
		/* 835：34px、1280：77px */
		column-gap: clamp(2.125rem, -2.918rem + 9.66vw, 4.813rem);
	}
}
@media (min-width: 835px) {
	.mainvisual-info-nav .common-nav-sns {
		margin-top: 20px;
	}
}
@media (min-width: 835px) {
	.mainvisual-info-movie {
		/* 835：45px、1280：90px */
		padding-top: clamp(2.813rem, -2.465rem + 10.11vw, 5.625rem);
	}
	.mainvisual-info-movie a + a{
		padding-top: 25px;
	}
}
@media (max-width: 834.98px) {
	.mainvisual-info-movie {
		padding-top: 45px;
	}
	.mainvisual-info-movie a + a{
		padding-top: 25px;
	}
}
/* .mainvisual-info-movie .video-link {
	border: 4px solid #2076DF;
} */
@media (min-width: 835px) {
	.mainvisual-info-ensemble {
		/* 835：30px、1280：60px */
		padding-top: clamp(1.875rem, -1.643rem + 6.74vw, 3.75rem);
	}
}
@media (max-width: 834.98px) {
	.mainvisual-info-ensemble {
		padding-top: 45px;
	}
}
@media (min-width: 835px) {
	.mainvisual-info-filmarks {
		/* 835：20px、1280：40px */
		padding-top: clamp(1.25rem, -1.096rem + 4.49vw, 2.5rem);
		width: 42%;
		max-width: 250px;
		margin: auto;
	}
}
@media (max-width: 834.98px) {
	.mainvisual-info-filmarks {
	/* 375：30px、834：45px */
		padding-top: clamp(1.875rem, 1.109rem + 3.27vw, 2.813rem);
		width: 55%;
		margin: auto;
	}
}

/* 最新情報 */
.information {
	/* 375：60px、1280：180px */
	padding: clamp(3.75rem, 0.642rem + 13.26vw, 11.25rem) 0;
	color: #FDFDFC;
	background-color: #3B85DF;
}
.information a {
	color: #FDFDFC;
}
.top-news {
	width: 88%;
	margin: 0 auto;
}
@media (min-width: 835px) {
	.top-news {
		display: flex;
		justify-content: center;
		column-gap: min(10%, 160px);
	}
}
@media (max-width: 834.98px) {
	.top-news-heading {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-bottom: 1.5em;
	}
}
@media (min-width: 835px) {
	.top-news-heading {
		width: 20%;
		max-width: 220px;
	}
}
.top-news-heading .section-heading {
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.top-news-heading .section-heading-title {
	color: #FDFDFC;
}
@media (min-width: 835px) {
	.top-news .btn-wrap {
		padding-top: 90px;
	}
}
.top-news-list {
	padding-right: .5em;
	overflow-y: auto;
}
@media (min-width: 835px) {
	.top-news-list {
		width: 70%;
		max-width: 900px;
		max-height: 30em;
	}
}
@media (max-width: 834.98px) {
	.top-news-list {
		max-height: 20em;
	}
}
.top-news-item {
	border-bottom: 1px solid #fff;
	/* 375：17.5px、1280：22px */
	font-size: clamp(1.094rem, 0.977rem + 0.5vw, 1.375rem);
}
@media (min-width: 835px) {
	.top-news-item {
		font-weight: 900;
	}
}
.top-news-item-link {
	display: block;
}
@media (min-width: 835px) {
	.top-news-item-link {
		padding: 2em 2em 2em 0;
	}
}
@media (max-width: 834.98px) {
	.top-news-item-link {
		padding: 1.8em 0;
	}
}
.top-news-item:first-child .top-news-item-link {
	padding-top: 0;
}
.top-news-item-date {
	/* 375：12px、1280：14.5px */
	font-size: clamp(0.75rem, 0.685rem + 0.28vw, 0.906rem) ;
}
.top-news-item-text {
	padding-top: .5em;
}


/* トップイントロ */
.top-intro {
	position: relative;
	/* 375：60px、1280：150px  ／ 375：90px、1280：150px */
	padding: clamp(3.75rem, 1.419rem + 9.94vw, 9.375rem) 0 clamp(5.625rem, 4.071rem + 6.63vw, 9.375rem) 0;
}
@media (max-width: 834.98px) {
	.top-intro {
		/* 375：60px、1280：250px  ／ 375：90px、1280：150px */
		padding: clamp(3.75rem, -1.171rem + 20.99vw, 15.625rem) 0 clamp(5.625rem, 4.071rem + 6.63vw, 9.375rem) 0;
	}
}
.top-intro::before,
.top-intro::after {
	content: '';
	position: absolute;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background-repeat: no-repeat;
}
.top-intro::before {
	background-position: top;
	z-index: -1;
}
@media (min-width: 835px) {
	.top-intro::before {
		top: 0;
		background-image: url("/img/top/top-intro-bg-top.webp");
	}
}
@media (max-width: 834.98px) {
	.top-intro::before {
		top: 0;
		background-image: url("/img/top/top-intro-bg-top-sp.webp");
		background-size: contain;
	}
}
.top-intro::after {
	background-position: bottom;
	background-size: contain;
	z-index: -2;
}
@media (min-width: 835px) {
	.top-intro::after {
		bottom: 0;
		background-image: url("/img/top/top-intro-bg-bottom.webp");
	}
}
@media (max-width: 834.98px) {
	.top-intro::after {
		bottom: 0;
		background-image: url("/img/top/top-intro-bg-bottom-sp.webp");
	}
}
.top-intro-copy-first {
	margin: 0 auto;
}
@media (min-width: 835px) {
	.top-intro-copy-first {
		width: 68%;
		max-width: 869px;
	}
}
@media (max-width: 834.98px) {
	.top-intro-copy-first {
		width: 88%;
		max-width: 700px;
	}
}
.top-intro-copy-text-wrap {
	line-height: 2.5;
	text-align: center;
	/* 375：25px、1280：80px ／ 375：5px、1280：10px */
	padding: clamp(1.563rem, 0.138rem + 6.08vw, 5rem) 0 clamp(0.313rem, 0.183rem + 0.55vw, 0.625rem) 0;
}
@media (max-width: 834.98px) {
	.top-intro-copy-text-wrap {
		width: 88%;
		margin: 0 auto;
		line-height: 2.2;
	}
}
.top-intro-copy-last {
	margin: 0 auto;
}
@media (min-width: 835px) {
	.top-intro-copy-last {
		width: 78%;
		max-width: 1130px;
	}
}
@media (max-width: 834.98px) {
	.top-intro-copy-last {
		width: 80%;
		max-width: 500px;
	}
}

.top-intro-copy-text01 {
	/* 375：15px、1280：22px */
	font-size: clamp(0.938rem, 0.756rem + 0.77vw, 1.375rem);
}
.top-intro-copy-text02 {
	position: relative;
	/* 375：22px、1280：32px */
	font-size: clamp(1.375rem, 1.116rem + 1.1vw, 2rem);
	/* 375：25px、1280：45px ／ 375：40px、1280：60px */
	padding: clamp(1.563rem, 1.045rem + 2.21vw, 2.813rem) 0 clamp(2.5rem, 1.982rem + 2.21vw, 3.75rem) 0;
	font-style: italic;
}
.top-intro-copy-text02 .letter-spacing {
	letter-spacing: 3px;
}
.top-intro-copy-text02 ruby {
	color: #CCAC14;
	position: relative;
}
/* .top-intro-copy-text02 ruby rt {
	position: relative;
	left: 7px;
	letter-spacing: 0px;
} */
.top-intro-copy-text02 ruby[data-ruby] {
	position: relative;
}
.top-intro-copy-text02 ruby[data-ruby]::before {
	content: attr(data-ruby);
	position: absolute;
	top: -20px;
	left: 7px;
	right: 0;
	margin: auto;
	/* 375：10px、1280：15px */
	font-size: clamp(0.625rem, 0.496rem + 0.55vw, 0.938rem);
	width: 100%;
	letter-spacing: 0px;
}
@media (max-width: 834.98px) {
	.top-intro-copy-text02 ruby[data-ruby]::before {
		top: -12px;
		left: 5px;
	}
}

.top-intro-copy-text02 ruby rt {
	display: none;
}
.top-intro-copy-text02 span {
	position: relative;
}
.top-intro-copy-text02 span.left {
	top: -15px;
	left: -5px;
}
.top-intro-copy-text02 span.right {
	bottom: -15px;
	right: 15px;
}
.top-intro-copy-text03 {
	/* 375：20px、1280：26px */
	font-size: clamp(1.25rem, 1.095rem + 0.66vw, 1.625rem);
}

.top-story {
	text-align: center;
	/* 375：14px、1280：18px */
	font-size: clamp(0.875rem, 0.771rem + 0.44vw, 1.125rem);
	line-height: 2.2;
	/* 375：150px、1280：280px */
	margin-top: clamp(9.375rem, 6.008rem + 14.36vw, 17.5rem);
}
@media (max-width: 834.98px) {
	.top-story {
		line-height: 1.8;
	}
}

.story-ma01 {
	/* 375：30px、1280：35px */
	margin-top: clamp(1.875rem, 1.746rem + 0.55vw, 2.188rem);
}.story-ma02 {
	/* 375：55px、1280：80px */
	margin-top: clamp(4.063rem, 3.674rem + 1.66vw, 5rem);
}