@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@500;700;900&family=Noto+Sans+JP:wght@400;500;700&display=swap');
/* -----------------------------------------------------------------
フォント設定
----------------------------------------------------------------- */
/* -----------------------------------------------------------------
メディアクエリ
----------------------------------------------------------------- */
/* media query */
/* -----------------------------------------------------------------
ホバー
----------------------------------------------------------------- */
/* -----------------------------------------------------------------
ホバーアニメーション
----------------------------------------------------------------- */
/* 半透明になる - 優先度の低いバナーなど */
/* 押しボタン - UIパーツなど */
@keyframes hoverPush {
	30% {
		transform: scale(0.92);
	}

	100% {
		transform: scale(1);
	}
}
/* 飛び出し - 目立たせたい要素など */
@keyframes hoverOutBack {
	50% {
		translate: 0 -10%;
	}

	100% {
		translate: 0 0%;
	}
}
/* -----------------------------------------------------------------
テキスト内リンク設定
----------------------------------------------------------------- */
/* -----------------------------------------------------------------
リンクアイコン付与
----------------------------------------------------------------- */
/* aタグ内のspanにアイコン付与したい際にselectorWrapは使用する */
/* -----------------------------------------------------------------
拡張子別リンクアイコンカラー設定
----------------------------------------------------------------- */
/* -----------------------------------------------------------------
子要素のマージントップを0に強制
----------------------------------------------------------------- */
/* -----------------------------------------------------------------
次要素のマージントップを0に強制
----------------------------------------------------------------- */
/* -----------------------------------------------------------------
カラム別マージントップ設定
----------------------------------------------------------------- */
/* -----------------------------------------------------------------
テキスト非表示
----------------------------------------------------------------- */
/* -----------------------------------------------------------------
クリック・タッチの最小ターゲット設定
----------------------------------------------------------------- */
/* -----------------------------------------------------------------
Webフォント設定
----------------------------------------------------------------- */
/* -----------------------------------------------------------------
CSS変数設定
----------------------------------------------------------------- */
:root {
	--primary: #e8380d;
	--secondary: #94252a;
	--txtColor: #3b3d48;
	--borderColor: #c6c6c6;
	--bgColor: #fff;
	--bgColorSecondary: #3b3d48;
	--bgColorTertiary: #f5f5f5;
	--bgColorTh: #e6e6e6;
	--bgColorThSub: rgba(230,230,230, 0.25);
	--white: #fff;
	--black: #3b3d48;
	--fontFamily: 'Noto Sans JP', 'ヒラギノ角 Pro W3', 'Hiragino Kaku Pro W3', 'メイリオ', Meiryo, 'MS Pゴシック',
		'MS PGothic', sans-serif;
	--txtSizeSp: 1.4rem;
	--txtSizePc: 1.6rem;
	--lineHeight: 1.75;
	--lineHeightTitle: 1.5;
	--letterSpacing: 0.01em;
	--fixedWidth: 1040px;
	--fixedWidthInner: 880px;
	--fixedWidthMain: 800px;
	--zIndexLv0: 0;
	--zIndexLv1: 1;
	--zIndexLv2: 10;
	--zIndexLv3: 100;
	--zIndexLv4: 1000;
	--zIndexLv5: 10000;
	--breakTabLength: 768;
	--breakPcLength: 1025;
	/* 個人設定 */
	--colorKey: #5d38b1;
	--colorKey50: #f9b5d4;
	--colorKey25: #fcdae9;
	--colorKeyText: #5d38b1;
	/* キャラ設定 */
	--colorCureidol: #ed2d7a;
	--colorCurewink: #4060ef;
	--colorCurekyunkyun: #a74eff;
	--colorPurirun: #55a248;
	--colorMeroron: #5f5a64;
	/* イージング */
	--easeOutBack: cubic-bezier(0.4, 1.5, 0.64, 1.5);
	/* アスペクト比計算用 */
	--widthPC: 1440;
	--widthSP: 750;
	--heightCharacterPc: 700;
	--heightCharacterSp: 856;
}
.l-content__main {
	padding-block: 40px;
	padding-inline: 15px;
	margin-top: 0;
	background: var(--white);
}
@media print, screen and (min-width: 1025px) {
.l-content__main {
		padding: 80px
}
	}
.p-broadcast {
	margin-top: 30px;
}
@media print, screen and (min-width: 1025px) {
.p-broadcast {
		margin-top: 30px
}
	}
.p-broadcast__info1 {
	margin-top: 13px;
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
	letter-spacing: 0.05em;
}
@media print, screen and (min-width: 1025px) {
.p-broadcast__info1 {
		margin-top: 20px;
		font-size: 2.8rem
}
	}
.p-broadcast__info2 {
	margin-top: 5px;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: center;
	letter-spacing: 0.05em;
}
@media print, screen and (min-width: 1025px) {
.p-broadcast__info2 {
		margin-top: 9px;
		font-size: 1.6rem
}
	}
.p-streaming {
	margin-top: 25px;
}
@media print, screen and (min-width: 1025px) {
.p-streaming {
		margin-top: 50px
}
	}
.p-streaming__unlimited {
	margin-top: 25px;
}
@media print, screen and (min-width: 1025px) {
.p-streaming__unlimited {
		margin-top: 50px
}
	}
.p-streaming__unlimited-info {
	margin-top: 25px;
	font-size: 1.4rem;
	font-weight: 400;
	letter-spacing: 0.05em;
}
@media print, screen and (min-width: 1025px) {
.p-streaming__unlimited-info {
		margin-top: 50px;
		font-size: 1.6rem
}
	}
.p-streaming__charge {
	margin-top: 25px;
}
@media print, screen and (min-width: 1025px) {
.p-streaming__charge {
		margin-top: 60px
}
	}
.p-streaming__charge-info {
	margin-top: 25px;
	font-size: 1.4rem;
	font-weight: 400;
	letter-spacing: 0.05em;
}
@media print, screen and (min-width: 1025px) {
.p-streaming__charge-info {
		margin-top: 50px;
		font-size: 1.6rem
}
}


.onair-info {
		width:100%;
		margin:35px auto 75px;
}

@media print, screen and (min-width: 1025px) {
.onair-info {
		width:640px;
}
	}


.p-onair-ttl2 {
	width: 100%;
}
.p-onair-ttl2.p-onair-ttl2--broadcast {
		margin-inline: auto;
	}
.p-onair-ttl2.p-onair-ttl2--subscribe {
		margin-inline: auto;
	}
.p-onair-ttl3 {}
.p-other-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px 15px;
	margin-top: 15px;
    margin-bottom: 50px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.p-other-list {
		grid-template-columns: 1fr 1fr 1fr
}
	}
@media print, screen and (min-width: 1025px) {
.p-other-list {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap: 28px 20px;
		margin-top: 50px
}
	}
.p-other-list__item {}
.p-other-list__banner {
	display: block;
	text-align: center;
	box-shadow: 0px 0px 20px rgba(93, 56, 177, 0.15);
}
.p-other-list__banner img {
		filter: drop-shadow(0px 0px 10px rgba(244, 108, 169, .075));
	}
@media print, screen and (min-width: 1025px) {
.p-other-list__banner img {
			filter: drop-shadow(0px 0px 20px rgba(244, 108, 169, .075))
	}
	}
.p-other-list__banner:focus-visible {
		animation: hoverPush 340ms linear;
	}
@media (hover: hover) and (pointer: fine) {
		.p-other-list__banner:hover {
		animation: hoverPush 340ms linear;
		}
	}
.p-other-list__note {
	position: relative;
	padding-left: 1em;
	margin-top: 6px;
	font-size: 1.2rem;
	font-weight: 400;
}
@media print, screen and (min-width: 1025px) {
	}
.p-other-list__note::before {
		position: absolute;
		top: 0;
		left: 0;
		display: inline-block;
		width: 1em;
		content: '※';
	}