@charset "utf-8";
.onairCategoryListsWrap{
	width:100%;
	position:relative;
	margin-bottom:48px;
}
.onairCategoryListsInWrap{
	padding-left:24px;
	padding-right:24px;
	padding-bottom:12px;
	overflow:auto;
}
.onairCategoryLists{
	display:flex;
	justify-content:center;
}
.onairCategoryList{
	flex-shrink:0;
	padding:12px 8px 20px 8px;
	width:min(calc(200 / var(--vw-min) * 100vw),200px);
}
.onairCategoryList > .cont_h2__linkBtnWrap{
	position:relative;
	width:auto;
	right:unset;
}
.onairCategoryList > .cont_h2__linkBtnWrap > .cont_h2__link{
	padding:0 24px;
}
.onairCategory_lines{
	position:absolute;
	height:10px;
	left:50%;
	right:50%;
}
.onairCategory_lines:before,
.onairCategory_lines:after{
	content:'';
	position:absolute;
	height:2px;
	background-color:var(--color-main-brown);
}
.onairCategory_lines:before{
	top:0;
	left:0;
	right:0;
}
.onairCategory_lines:after{
	bottom:0;
	left:0;
	right:0;
}
.onairCategory_lines._1{
	top:34px;
}
/** is-current **/
.onairCategoryList.--is-current .cont_h2__link{
	background-color:var(--color-main-brown);
    color:#FFF;
	transform:translate(4px,4px);
}
.onairCategoryList.--is-current .cont_h2__link > .cont_h2__link__txt{
	color:#FFF;
}
.onairCategoryList.--is-current .cont_h2__link:before{
	bottom:12px;
}
.onairCategoryList.--is-current .cont_h2__linkBtn_frame{
	top:4px;
	left:4px;
}
/** loaded **/
.onairCategory_lines{
	transition:left .4s ease .2s,right .4s ease .2s;
}
#onair.is-ani .onairCategory_lines{
	left:0;
	right:0;
}
@media screen and (max-width:767px){
	.onairCategoryListsWrap{
		margin-bottom:var(--sp-size-64);
	}
	.onairCategoryListsInWrap{
		padding-left:var(--sp-size-24);
		padding-right:var(--sp-size-24);
		padding-bottom:var(--sp-size-12);
		overflow:auto;
	}
	.onairCategoryList{
		padding:var(--sp-size-12) var(--sp-size-8) var(--sp-size-20) var(--sp-size-8);
		width:min(calc(280 / var(--vw-min) * 100vw),280px);
	}
	.onairCategoryList > .cont_h2__linkBtnWrap > .cont_h2__link{
		padding:0 var(--sp-size-40);
	}
	.onairCategory_lines{
		height:var(--sp-size-20);
	}
	.onairCategory_lines:before,
	.onairCategory_lines:after{
		height:var(--sp-size-4);
	}
	/* lines */
	.onairCategory_lines._1{
		top:min(calc(48 / var(--min-ww) * 100vw),48px);
	}
	/* is-current */
	.onairCategoryList.--is-current .cont_h2__link{
		transform:translate(min(calc(8 / var(--min-ww)* 100vw),8px),min(calc(8 / var(--min-ww)* 100vw),8px));
	}
	.onairCategoryList.--is-current .cont_h2__link:before{
		bottom:var(--sp-size-24);
	}
	.onairCategoryList.--is-current .cont_h2__linkBtn_frame{
		top:min(calc(8 / var(--min-ww)* 100vw),6px);
		left:min(calc(8 / var(--min-ww)* 100vw),6px);
	}
}
.articleContentIn{
	padding-left:5.4504%;
	padding-right:5.4504%;
	padding-bottom:min(calc(72 / var(--vw-min) * 100vw),72px);
}
#television .articleContentIn{
	padding-bottom:min(calc(150 / var(--vw-min) * 100vw),150px);
}
#streaming .articleContentIn:before{
	display:none;
}
@media screen and (max-width:767px){
	.articleContentWrap{
		width:min(calc(654 / var(--vw-min) * 100vw),654px);
		margin:0 auto;
	}
	.articleContentIn{
		padding-left:min(calc(48 / var(--vw-min) * 100vw),48px);
		padding-right:min(calc(48 / var(--vw-min) * 100vw),48px);
	}
}
.cont_h3{
	position:absolute;
	right:5.4054%;
	top:max(calc(-40 / var(--vw-min) * 100vw),-40px);
	font-size:min(calc(77 / var(--vw-min) * 100vw),77px);
	font-family:var(--font-en);
	z-index:50;
}
@media screen and (max-width:767px){
	.cont_h3{
		right:var(--sp-size-48);
	}
}
#streaming .cont_h3{
	left:5.4054%;
	right:unset;
}
@media screen and (max-width:767px){
	#streaming .cont_h3{
		left:var(--sp-size-48);
	}
}
.cont_h3__txt{
	letter-spacing:0.01em;
}
.cont_h3__ja{
	display:block;
	text-align:right;
	font-size:min(calc(19 / var(--vw-min) * 100vw),19px);
	letter-spacing:0.02em;
	color:var(--color-main-red);
	font-weight:700;
	font-family:var(--font-tsuku);
}
@media screen and (max-width:767px){
	.cont_h3__ja{
		font-size:min(calc(22 / var(--vw-min) * 100vw),22px);
	}
}
#streaming .cont_h3__ja{
	text-align:left;
}
.onair__mainContent{
	margin-top:min(calc(24 / var(--vw-min) * 100vw),24px);
	border-top:2px solid var(--color-main-brown);
	padding:min(calc(48 / var(--vw-min) * 100vw),48px) 0 0;
}
@media screen and (max-width:767px){
	.onair__mainContent{
		margin-top:min(calc(36 / var(--vw-min) * 100vw),36px);
	}
}
.onair__mainCatch{
	text-align:center;
	font-size:min(calc(24 / var(--vw-min) * 100vw),24px);
	font-feature-settings:unset;
	font-weight:700;
	color:var(--color-main-brown);
	margin-bottom:min(calc(24 / var(--vw-min) * 100vw),24px);
}
@media screen and (max-width:767px){
	.onair__mainCatch{
		font-size:min(calc(28 / var(--vw-min) * 100vw),28px);
	}
}
.onair__mainCatch--small{
	font-size:min(calc(22 / var(--vw-min) * 100vw),22px);
}
@media screen and (max-width:767px){
	.onair__mainCatch--small{
		font-size:min(calc(26 / var(--vw-min) * 100vw),26px);
	}
}
.onair__mainCatch--red{
	color:var(--color-main-red);
}
.onair__subCatch{
	font-size:min(calc(18 / var(--vw-min) * 100vw),18px);
	text-align:center;
	color:var(--color-main-brown);
	font-weight:700;
	margin-bottom:min(calc(32 / var(--vw-min) * 100vw),32px);
}
@media screen and (max-width:767px){
	.onair__subCatch{
		font-size:min(calc(24 / var(--vw-min) * 100vw),24px);
		margin-bottom:min(calc(32 / var(--vw-min) * 100vw),32px);
	}
}
.onair__mainCatch + .onair__subCatch{
	margin-top:max(calc(-20 / var(--vw-min) * 100vw),-20px);
}
.onair__hr{
	display:flex;
	justify-content:center;
	margin-bottom:min(calc(20 / var(--vw-min) * 100vw),20px);
}
.onair__hr .cont_h2__ja-icon{
	position:relative;
	left:unset;
	right:unset;
	top:unset;
}
.onair__hr .cont_h2__ja-icon i{
	width:min(calc(10 / var(--vw-min) * 100vw),10px);
	height:min(calc(10 / var(--vw-min) * 100vw),10px);
}
@media screen and (max-width:767px){
	.onair__hr .cont_h2__ja-icon i{
		width:min(calc(14 / var(--vw-min) * 100vw),14px);
		height:min(calc(14 / var(--vw-min) * 100vw),14px);
	}
}
.onair__tvLists{
	padding-bottom:min(calc(28 / var(--vw-min) * 100vw),28px);
}
.onair__tvList{
	padding:min(calc(16 / var(--vw-min) * 100vw),16px) 0;
	border-bottom:1px solid var(--color-main-brown);
}
@media screen and (max-width:767px){
	.onair__tvList{
		padding:min(calc(24 / var(--vw-min) * 100vw),24px) 0;
	}
}
.onair__tvList dt{
	font-size:min(calc(17 / var(--vw-min) * 100vw),17px);
	font-weight:700;
	color:var(--color-main-red);
	padding-bottom:min(calc(5 / var(--vw-min) * 100vw),5px);
}
@media screen and (max-width:767px){
	.onair__tvList dt{
		font-size:min(calc(24 / var(--vw-min) * 100vw),24px);
	}
}
.onair__tvList dd{
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:767px){
	.onair__tvList dd{
		font-size:min(calc(23 / var(--vw-min) * 100vw),23px);
	}
}
.onair__streamingBox{
	margin-bottom:min(calc(60 / var(--vw-min) * 100vw),60px);
}
.onair__streamingLists{
	display:flex;
	justify-content:center;
	padding-top:min(calc(20 / var(--vw-min) * 100vw),20px);
	flex-wrap:wrap;
}
.onair__streamingList{
	margin:0 min(calc(4 / var(--vw-min) * 100vw),4px) min(calc(8 / var(--vw-min) * 100vw),8px);
}
.onair__streamingLink{
	display:block;
	height:min(calc(52 / var(--vw-min) * 100vw),52px);
	padding:3px;
	border-radius:26px;
	background:var(--color-main-red);
	color:#fff;
	text-decoration:none;
	font-weight:700;
	position:relative;
	transition:all 0.3s ease;
	font-size:min(calc(15 / var(--vw-min) * 100vw),15px);
}
@media screen and (max-width:767px){
	.onair__streamingLink{
		height:min(calc(64 / var(--vw-min) * 100vw),64px);
		padding:2px;
		border-radius:32px;
		font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
	}
}
.onair__streamingLink:hover{
	background:var(--color-main-brown);
}
.onair__streamingLink:before{
	content:'';
	position:absolute;
	left:50%;
	width:4px;
	height:6px;
	background:var(--color-main-red);
	top:0;
	z-index:50;
	transition:all 0.3s ease;
}
@media screen and (max-width:767px){
	.onair__streamingLink:before{
		height:4px;
	}
}
.onair__streamingLink:after{
	content:'';
	position:absolute;
	left:50%;
	width:4px;
	height:6px;
	background:var(--color-main-red);
	bottom:0;
	z-index:50;
	transition:all 0.3s ease;
}
@media screen and (max-width:767px){
	.onair__streamingLink:after{
		height:4px;
	}
}
.onair__streamingLink:hover:before,
.onair__streamingLink:hover:after{
	background:var(--color-main-brown);
}
.onair__streamingLink span{
	display:flex;
	width:100%;
	height:100%;
	border:2px solid #fff;
	border-radius:24px;
	padding:0 min(calc(40 / var(--vw-min) * 100vw),40px);
	justify-content:center;
	align-items:center;
	position:relative;
	padding-bottom:min(calc(2 / var(--vw-min) * 100vw),2px);
	position:relative;
	line-height:1.05;
}
@media screen and (max-width:767px){
	.onair__streamingLink span{
		border:1px solid #fff;
		border-radius:32px;
		padding:0 min(calc(46 / var(--vw-min) * 100vw),46px) 0 min(calc(24 / var(--vw-min) * 100vw),24px);
		padding-bottom:0;
	}
}
.onair__streamingLink span:before{
	content:'';
	position:absolute;
	right:min(calc(18 / var(--vw-min) * 100vw),18px);
	top:50%;
	width:min(calc(10 / var(--vw-min) * 100vw),10px);
	height:min(calc(10 / var(--vw-min) * 100vw),10px);
	margin-top:max(calc(-5 / var(--vw-min) * 100vw),-5px);
	background:url(../img/common/icon_btnblank.svg) no-repeat center center / contain;
}
@media screen and (max-width:767px){
	.onair__streamingLink span:before{
		right:min(calc(20 / var(--vw-min) * 100vw),20px);
		width:min(calc(16 / var(--vw-min) * 100vw),16px);
		height:min(calc(16 / var(--vw-min) * 100vw),16px);
		margin-top:max(calc(-8 / var(--vw-min) * 100vw),-8px);
	}
}
.onair__caution{
	text-align:center;
	font-size:min(calc(15 / var(--vw-min) * 100vw),15px);
}
@media screen and (max-width:767px){
	.onair__caution{
		font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
	}
}
#television .onair__caution{
	text-align:left;
}
/**
* scrAni - set
**/
.cont_h3{
	opacity:0;
	transition:.3s ease;
}
.articleContentIn{
	opacity:0;
	transform:scale(90%);
	transition:.6s ease;
	transform-origin:center top;
}
.articleContentIn__cont{
	opacity:0;
	transition:.4s ease;
}
.btn_linkWrap{
	opacity:0;
	transform:translateY(10%);
	transition:.4s ease;
}
/* scrAni - ani */
.content.is-ani .cont_h3{
	opacity:1;
	transition-delay:1s;
}
.content.is-ani .articleContentIn{
	transition-delay:1s;
	opacity:1;
	transform:scale(100%);
}
.content.is-ani .articleContentIn__cont{
	transition-delay:1.65s;
	opacity:1;
}
.content.is-ani .btn_linkWrap{
	opacity:1;
	transform:translateY(0%);
	transition-delay:1.3s;
}
.articleContentWrap:not(:last-of-type) .articleContentIn{
	padding-bottom:min(calc(60 / var(--vw-min) * 100vw),60px);
}
.articleContentWrap:not(:last-of-type) > .articleContentIn:after{
	display:none;
}