@charset "utf-8";

/*-----------------------------------------------
 * On Air
-------------------------------------------------*/
/* ttl */
.page__ttl_en{
	display: block;
	background: url(../img/common/ttl/ttl_onair_en.svg)no-repeat center center / contain;
	width: min(calc(454 / var(--vw-min) * 100vw),454px);
	height:min(calc(140 / var(--vw-min) * 100vw),140px);
	position: relative;
}
.page__ttl_en .ttl_entxt{
	position: absolute;
	left: min(calc(87 / var(--vw-min)* 100vw), 87px);
	bottom: 0;
	background: url(../img/common/ttl/title_entxt.svg) no-repeat center center / contain;
	width: min(calc(160 / var(--vw-min)* 100vw), 160px);
	height: min(calc(21 / var(--vw-min)* 100vw), 21px);
}

@media screen and (max-width:767px){ 
	.page__ttl_en{
		width: calc(410 / var(--vw-min) * 100vw);
		height: calc(176 / var(--vw-min) * 100vw);
		margin-bottom: 0;
	}
	.page__ttl_en .ttl_entxt {
		right: calc(0 / var(--vw-min) * 100vw);
		bottom: calc(22 / var(--vw-min) * 100vw);
		width: calc(188 / var(--vw-min) * 100vw);
		height: calc(26 / var(--vw-min) * 100vw);
	}
}
.pageLinkLists{
	display: flex;
	justify-content: center;
}
.pageLinkLists .linkItem{
	width: min(calc(240 / var(--vw-min)* 100vw), 240px);
}
.pageLinkLists .linkItem__txt{
	padding: 0;
}
@media screen and (max-width:767px){ 
	.pageLinkLists{
		padding: 0 calc(48 / var(--vw-min)* 100vw);
	}
	.pageLinkLists .linkLists{
		display: flex;
		width: 100%;
		justify-content: space-between;
	}
	.linkLists .linkItem{
		width: calc((100% - calc(14 / var(--vw-min)* 100vw)) / 2);
	}
	.sub .pageLinkLists .linkItem {
        margin-bottom: calc(24 / var(--vw-min) * 100vw);
        margin-right: 0;
    }
}
/*-----------------------------------------------
 * onairArea
-------------------------------------------------*/
.onairArea{
	position: relative;
	z-index: 10;
}
.area__inner{
	width: 100%;
	margin: 0 auto;
}
@media screen and (max-width:767px){ 
	.onairArea{
		padding-top: calc(120 / var(--vw-min) * 100vw);
	}
}
.onairContBox{
	margin-bottom: min(calc(120 / var(--vw-min) * 100vw),120px);
}
.onairCont__ttlWrap{
	display: flex;
	flex-direction: column;
    align-items: center;
	margin-bottom: min(calc(40 / var(--vw-min) * 100vw),40px);
	position: relative;
}
@media screen and (max-width:767px){ 
	.onairCont__ttlWrap{
		margin-bottom:calc(30 / var(--vw-min) * 100vw);
	}
}
/*line*/
.onairCont__ttlWrap::before,
.onairCont__ttlWrap::after{
	display: block;
	content: "";
	height: 1px;
	width: calc((100% - min(calc(410 / var(--vw-min) * 100vw),410px))/2);
	background-color: var(--color-blue);
	position: absolute;
	top: min(calc(40 / var(--vw-min) * 100vw),40px);
	z-index: 300;
}
.onairContBox._tv .onairCont__ttlWrap::before,
.onairContBox._tv .onairCont__ttlWrap::after{
	display: block;
	content: "";
	height: 1px;
	width: calc((100% - min(calc(450 / var(--vw-min) * 100vw),450px))/2);
	background-color: var(--color-blue);
	position: absolute;
	top: min(calc(40 / var(--vw-min) * 100vw),40px);
	z-index: 300;
}
.onairCont__ttlWrap::before{
	left: 0;
}
.onairCont__ttlWrap::after{
	right: 0;
}
.onairContBox._tv .onairCont__ttl__en{
	display: block;
	width: min(calc(410 / var(--vw-min) * 100vw),410px);
	height: min(calc(80 / var(--vw-min) * 100vw),80px);
	background: url(../img/common/ttl/ttl_onair_broadcast.svg) no-repeat center center / contain;
}
.onairContBox._streaming .onairCont__ttl__en{
	display: block;
	width: min(calc(368 / var(--vw-min) * 100vw),368px);
	height: min(calc(116 / var(--vw-min) * 100vw),116px);
	background: url(../img/common/ttl/ttl_onair_streaming.svg) no-repeat center center / contain;
}
.onairCont__ttl{
	font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
}
.onairContBox._streaming .onairCont__ttl{
	margin-top: max(calc(-40 / var(--vw-min) * 100vw),-40px);
}
@media screen and (max-width:767px){ 
	.onairCont__ttl{
		font-size:calc(26 / var(--vw-min) * 100vw);
		margin-top: calc(-15 / var(--vw-min) * 100vw);
	}
	.onairContBox._streaming .onairCont__ttl{
		margin-top: max(calc(-40 / var(--vw-min) * 100vw),-40px);
	}
}

.streamingLists__ttl{
	font-size: min(calc(22 / var(--vw-min) * 100vw),22px);
	background-color: var(--color-blue);
	color: #FFF;
	padding: min(calc(10 / var(--vw-min) * 100vw),10px) min(calc(20 / var(--vw-min) * 100vw),20px);
	margin-bottom: min(calc(30 / var(--vw-min) * 100vw),30px);
}
.streamingLists__txt{
	font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
	margin-bottom: min(calc(32 / var(--vw-min) * 100vw),32px);
}

.streamingLists{
	margin-bottom: min(calc(56 / var(--vw-min) * 100vw),56px);
	display: flex;
    gap: min(calc(12 / var(--vw-min) * 100vw), 12px);
    flex-wrap: wrap;
}



.onairContBox_inner{
	width: min(calc(1000 / var(--vw-min) * 100vw),1000px);
	margin: 0 auto;
}
@media screen and (max-width:767px){ 
	.onairContBox_inner{
		width: 100%;
		padding: 0 calc(48 / var(--vw-min) * 100vw);
	}
}

.onairCont__txt{
	text-align: center;
	color: var(--color-blue);
	font-size: min(calc(24 / var(--vw-min) * 100vw),24px);
    margin-bottom: min(calc(56 / var(--vw-min) * 100vw),56px);
	line-height:min(calc(44 / var(--vw-min) * 100vw),44px);
}
.onairCont__txt small{
    font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
}
@media screen and (max-width:767px){ 
	.onairCont__txt{
		font-size:calc(32 / var(--vw-min) * 100vw);
		margin-bottom: calc(48 / var(--vw-min) * 100vw);
		line-height: calc(56 / var(--vw-min) * 100vw);
	}
}
/* onairLists */

.onairListsWrap:nth-child(n+2){
  margin-top: min(calc(70 / var(--vw-min) * 100vw),70px);

}
.onairList{
  display: flex;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--color-blue);
  margin-bottom: min(calc(24 / var(--vw-min) * 100vw),24px);
}
.onairList .onairList__ttl{
  width: 225px;
  color: var(--color-blue);
}
.onairList .onairList__detail{
  width: calc(100% - 225px);
}
@media screen and (max-width:767px){
  .onairList{
      font-size: calc(26 / var(--vw-min)* 100vw);
      padding-bottom:calc(32 / var(--vw-min)* 100vw);
      margin-bottom: calc(32 / var(--vw-min)* 100vw);
	  flex-direction: column;
  }
  .onairList .onairList__ttl{
      width: 100%;
      padding-right: 0;
  }
  .onairList .onairList__detail{
    width: 100%;

  }
}

/* bottom txt */
.onair__btmTxt{
  font-size: min(calc(14 / var(--vw-min) * 100vw),14px);
}
@media screen and (max-width:767px){
  .onair__btmTxtWrap{
    margin-top: calc(60 / var(--vw-min) * 100vw);
  }
  .onair__btmTxt{
    font-size: calc(24 / var(--vw-min)* 100vw);
  }
}

/**/
.streamingItem{
	display: inline-block;
}


.linkBtn__link--txt{
	display: inline-block;
	position: relative;
	padding-right: min(calc(10 / var(--vw-min) * 100vw), 10px);
}
.arrowBtn_r {
    position: absolute;
    right: min(calc(20 / var(--vw-min) * 100vw), 20px);
    top: 0;
    bottom: 0;
    margin: auto;
    width: min(calc(14 / var(--vw-min) * 100vw), 14px);
    height: min(calc(10 / var(--vw-min) * 100vw), 10px);
    -webkit-mask: url(../img/common/ic/ic_arrow_r.svg) no-repeat center center / contain;
    mask: url(../img/common/ic/ic_arrow_r.svg) no-repeat center center / contain;
    background-color: var(--color-blue);
    transition: all .4s ease;
}
@media screen and (hover:hover){
	.streamingItem:hover .arrowBtn_r{ 
		background-color: #FFF;
	}
}