/* ----------　ヘッダー ---------- */
/* 見出し部分は非表示 */
header {
	display: none;
}

/* ----------　ヘッダー ロゴ---------- */
/* デフォルト 文字色：白、背景色なし */
#headerLogo {
	border-radius: var(--bs-border-radius-xxl) !important;
	margin-top: 1rem;
	padding-left: 1rem;
	padding-right: 1rem;
	transition: background .4s;
}
#headerLogo a {
	color: #fff;
}

/* デフォルト(背景色あり) 文字色：白、背景色：濃紺透過 */
#headerLogo.bg-on {
	background: #141b2e82;
}

/* アクティブ 文字色：メインカラー、背景色：白透過 */
#headerLogo.bg-on.color-switch {
	background: #ffffffad;
}
#headerLogo.color-switch a  {
	color: #113B55;
}

@media ( max-width : 992px) {
	#headerLogo {
		position: absolute;
		left: 4px;
		top: 4px;
		margin-top: 0;
	}
}

/* ----------　コンテンツ幅 ---------- */
@media ( min-width : 1200px) {
	.container:not(.wide) {
		max-width: 1140px;
	}
}

/* ---------- KV ---------- */
.mv {
	background: url(/perseid-live/img/bg_mv.jpg) center/cover no-repeat;
	padding: 8rem 0 6rem;
}

@font-face {
	font-family: 'Kaisei Decol';
	font-weight: 500;
	src: url("/perseid-live/fonts/KaiseiDecol-Medium2.woff2") format("woff");/* 「ペルセウス座流星群ライブ配信」のみ格納したフォントファイル */
	font-display: swap;
}

.kaisei-decol-medium {
	font-family: "Kaisei Decol", serif;
	font-weight: 500;
	font-style: normal;
}

.heading-main {
	background: linear-gradient(180deg, #FFFFFF 42.41%, #FAD483 131.25%);
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: clamp(3.3750rem, 2.4951rem + 3.7540vw, 7.0000rem);
}

.heading-sub {
	font-size: clamp(2.5000rem, 1.7718rem + 3.1068vw, 5.5000rem);
	text-shadow: 0px 4px 28px #000000CC;
}

/* 配信日時 */
.intro p {
	text-shadow: 0px 4px 20px #000000;
}

.schedule {
	text-shadow: 0px 7px 40px #000000BF;
}

.schedule-pill {
	color: #233C58;
	background: #FBE355;
	text-shadow: none;
	box-shadow: 0px 4px 40px #000000BF;
}

/* ----------　その他情報 ---------- */
.info {
	background-color: #141B2E;
}

.card-img  {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

@media ( min-width : 992px) {
	.card-img  {
		border-bottom-left-radius: var(--bs-border-radius-xl)!important;
		border-top-right-radius: 0!important;
	}
}

.highlights {
	border: 2px solid #27B2A6;
	color: #27B2A6;
}

.overview-table dt {
	color: #27B2A6;
}