@charset "utf-8";
/*-----------------------------------------------
 * On Air
-------------------------------------------------*/
.sub-onair .secTitle__text {
	white-space: nowrap;
}

.sub-onair__cont {
	max-width: var(--common-in-maxwidth);
	margin: min(calc(40 / var(--vw-min) * 100vw), 40px) auto 0;
	position: relative;
	z-index: 1;
	padding: 0 min(calc(160 / var(--vw-min) * 100vw), 160px);
}
@media screen and (max-width:768px){
	.sub-onair__cont {
		padding: 0 calc(48 / var(--vw-min) * 100vw);
	}
}

/* tab nav */
.sub-onair__tabLists {
	display: flex;
	justify-content: center;
	gap: min(calc(20 / var(--vw-min) * 100vw), 20px);
	margin-bottom: min(calc(50 / var(--vw-min) * 100vw), 50px);
}
.sub-onair__tabItem__link {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: min(calc(200 / var(--vw-min) * 100vw), 200px);
	height: min(calc(50 / var(--vw-min) * 100vw), 50px);
	border: 1px solid var(--color-blue);
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	text-decoration: none;
	color: var(--color-blue);
	position: relative;
}
.sub-onair__tabItem__link:before {
	content: "";
	background-color: var(--color-blue);
	opacity: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
.sub-onair__tabItem__link span {
	position: relative;
	z-index: 1;
}
@media screen and (hover: hover) and (pointer: fine) {
	.sub-onair__tabItem__link:before {
		transition: opacity .3s ease;
	}
	.sub-onair__tabItem__link:hover:before {
		opacity: .3;
	}
}
@media screen and (max-width:768px){
	.sub-onair__tabLists {
		gap: calc(16 / var(--vw-min) * 100vw);
		margin-bottom: calc(60 / var(--vw-min) * 100vw);
	}
	.sub-onair__tabItem__link {
		min-width: calc(280 / var(--vw-min) * 100vw);
		height: calc(70 / var(--vw-min) * 100vw);
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
}

/* block */
.onair__block {
	margin-bottom: min(calc(100 / var(--vw-min) * 100vw), 100px);
}
.onair__block:last-child {
	margin-bottom: 0;
}

/* section title */
.onair__televisionTitle,
.onair__streamingTitle {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: min(calc(50 / var(--vw-min) * 100vw), 50px);
	line-height: 1;
	color: #fff;
	font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
	margin-bottom: min(calc(30 / var(--vw-min) * 100vw), 30px);
	font-family: var(--main-font-family);
}
.onair__televisionTitle {
	background-color: var(--color-blue);
}
.onair__streamingTitle {
	background-color: var(--color-blue);
}
@media screen and (max-width:768px){
	.onair__televisionTitle,
	.onair__streamingTitle {
		height: calc(70 / var(--vw-min) * 100vw);
		font-size: calc(32 / var(--vw-min) * 100vw);
		margin-bottom: calc(40 / var(--vw-min) * 100vw);
	}
}

/* catch copy */
.onair__catch {
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	line-height: 1.7;
	font-weight: bold;
	color: var(--color-blue);
	text-align: center;
	margin-bottom: min(calc(35 / var(--vw-min) * 100vw), 35px);
}
@media screen and (max-width:768px){
	.onair__catch {
		font-size: calc(28 / var(--vw-min) * 100vw);
		margin-bottom: calc(40 / var(--vw-min) * 100vw);
	}
}

/* television lists */
.onair__televisionLists {
	font-weight: bold;
	padding-bottom: min(calc(30 / var(--vw-min) * 100vw), 30px);
}
.onair__televisionItem {
	border-bottom: 1px dashed var(--color-blue);
	padding: min(calc(25 / var(--vw-min) * 100vw), 25px) 0;
}
.onair__televisionName {
	color: var(--color-blue);
}
@media screen and (max-width:768px){
	.onair__televisionItem {
		padding: calc(30 / var(--vw-min) * 100vw) 0;
	}
	.onair__televisionName {
		font-size: calc(28 / var(--vw-min) * 100vw);
	}
}

/* caution */
.onair__caution {
	font-size: min(calc(14 / var(--vw-min) * 100vw), 14px);
	color: var(--color-blue);
	opacity: .8;
}
@media screen and (max-width:768px){
	.onair__caution {
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
}

/* streaming */
.onair__streamingBlock {
	margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.onair__streamingLists {
	display: flex;
	flex-wrap: wrap;
	border-left: 1px solid var(--color-blue);
}
.onair__streamingLists.is-center {
	justify-content: center;
	border-left: none;
}
.onair__streamingLists.is-center .onair__streamingItem {
	border-left: 1px solid var(--color-blue);
}
.onair__streamingItem {
	width: calc(100% / 4);
	border-right: 1px solid var(--color-blue);
	border-bottom: 1px solid var(--color-blue);
}
@media screen and (min-width:769px){
	.onair__streamingItem:nth-child(-n + 4){
		border-top: 1px solid var(--color-blue);
	}
}
@media screen and (max-width:768px){
	.onair__streamingItem {
		width: calc(100% / 2);
	}
	.onair__streamingItem:nth-child(-n + 2){
		border-top: 1px solid var(--color-blue);
	}
}
.onair__streamingLink {
	display: flex;
	justify-content: center;
	align-items: center;
	height: min(calc(70 / var(--vw-min) * 100vw), 70px);
	padding: 0 min(calc(20 / var(--vw-min) * 100vw), 20px);
	line-height: 1.4;
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	color: var(--color-blue);
	text-decoration: none;
	font-weight: bold;
	position: relative;
}
.onair__streamingLink:before {
	content: "";
	position: absolute;
	right: min(calc(10 / var(--vw-min) * 100vw), 10px);
	bottom: min(calc(10 / var(--vw-min) * 100vw), 10px);
	width: min(calc(14 / var(--vw-min) * 100vw), 14px);
	height: min(calc(14 / var(--vw-min) * 100vw), 14px);
	-webkit-mask: url(../img/common/icon/icon_blank.svg) no-repeat center center / contain;
	mask: url(../img/common/icon/icon_blank.svg) no-repeat center center / contain;
	background-color: var(--color-blue);
}
@media screen and (hover: hover) and (pointer: fine) {
	.onair__streamingLink {
		transition: background-color .3s ease, color .3s ease;
	}
	.onair__streamingLink:before {
		transition: background-color .3s ease;
	}
	.onair__streamingLink:hover {
		background-color: var(--color-blue);
		color: #fff;
	}
	.onair__streamingLink:hover:before {
		background-color: #fff;
	}
}
@media screen and (max-width:768px){
	.onair__streamingLink {
		height: calc(90 / var(--vw-min) * 100vw);
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
	.onair__streamingLink:before {
		right: calc(8 / var(--vw-min) * 100vw);
		bottom: calc(8 / var(--vw-min) * 100vw);
		width: calc(20 / var(--vw-min) * 100vw);
		height: calc(20 / var(--vw-min) * 100vw);
	}
}

.onair__streamingLink:not([href]) {
	cursor: default;
}
.onair__streamingLink:not([href]):before {
	display: none;
}
@media screen and (hover: hover) and (pointer: fine) {
	.onair__streamingLink:not([href]):hover {
		background-color: transparent;
		color: var(--color-blue);
	}
}