@charset "utf-8";
@keyframes scroll-onairtext {
	from {
		background-position:0 center;
	}
	to {
		background-position:332px center;
	}
}
@keyframes scroll-onairtext-s {
	from {
		background-position:0 center;
	}
	to {
		background-position:51.84vw center;
	}
}
.content__title {
	height:160px;
	background:#d84f7c url(../img/onair/title.svg) repeat-x 0 center / 332px auto;
	animation: color-gradient 7.5s linear infinite,scroll-onairtext 6s linear infinite;
}
@media screen and (max-width:768px){
	.content__title {
		height:25.6vw;
		background:#d84f7c url(../img/onair/title.svg) repeat-x 0 center / 53.12vw auto;
		animation: color-gradient 7.5s linear infinite,scroll-onairtext-s 6s linear infinite;
	}
}
.onair__wrap {
	padding:80px 0;
	border-bottom:1px solid #000;
	background:#FFF;
}
.onair__catch {
	height:176px;
	background:url(../img/common/startdate.svg) no-repeat center center / contain;
	margin-bottom:80px;
}
.onair__lists {
	width:880px;
	margin:0 auto;
}
.onair__list {
	padding-bottom:80px;
}
.onair__title {
	width:100%;
	border-bottom:1px solid #000;
	height:48px;
	display: flex;
	justify-content: flex-start;
	margin-bottom:40px;
}
.onair__title--en {
	display: block;
	height:30px;
	font-size:40px;
	line-height:30px;
	font-weight: 700;
	color:#d84f7c;
	margin-right:25px;
}
.onair__title--ja {
	display: block;
	height:30px;
	font-size:20px;
	line-height:39px;
	font-weight: 700;
	color:#000;
}
.onair__detail {
	display: flex;
	align-items: flex-start;
	border-bottom:1px solid #000;
	padding:18px 0;
}
.onair__detail h3 {
	font-size:20px;
	color:#d84f7c;
	font-weight: 700;
	width:320px;
	line-height:1.6;
	display: flex;
}
.onair__detail a {
	color:#d84f7c;
	font-weight: 700;
	line-height:1.6;
	text-decoration: none;
	display: inline-block;
}
.onair__detail a:after {
	content:'';
	display: inline-block;
	width:8px;
	height:8px;
	background:url(../img/onair/blank_icon.svg) no-repeat center center / contain;
	margin-left:8px;
	margin-top:2px;
	margin-right:8px;
}
.onair__detail a:hover {
	text-decoration: underline;
}
.onair__detail time {
	font-size:16px;
	width:240px;
	line-height:2;
}
.onair__detail--note {
	font-size:16px;
	width:320px;
	line-height:2;
}
.onair__detail--note small {
	font-size:14px;
}
.onair__detail--full {
	font-size:16px;
	width:100%;
	line-height:2;
}
.onair__caution {
	padding-top: 15px;
	font-size:14px;
	text-align: center;
	margin-top:-30px;
}
@media screen and (max-width:768px){
	.onair__wrap {
		padding:12.8vw 0 6.4vw;
	}
	.onair__catch {
		height:27.7333vw;
		margin-bottom:12.8vw;
	}
	.onair__lists {
		width:87.2vw;
	}
	.onair__list {
		padding-bottom:12.8vw;
	}
	.onair__title {
		height:8.5333vw;
		margin-bottom:6.4vw;
	}
	.onair__title--en {
		height:5.3333vw;
		font-size:2.8rem;
		line-height:5.3333vw;
		margin-right:3.4vw;
	}
	.onair__title--ja {
		height:5.3333vw;
		font-size:1.4rem;
		line-height:7.9vw;
	}
	.onair__detail {
		padding:2.4vw 0;
		flex-wrap: wrap;
	}
	.onair__detail h3 {
		font-size:1.6rem;
		width:50%;
		line-height:1.6;
	}
	.onair__detail h3 a {
		font-size:1.6rem;
	}
	.onair__detail h3 a:after {
		width:2.1333vw;
		height:2.1333vw;
		margin-left:2.1333vw;
		margin-top:2px;
	}
	.onair__detail time {
		font-size:1.2rem;
		width:50%;
	}
	.onair__detail--note {
		font-size:1.2rem;
		width:100%;
		padding-left:50%;
	}
	.onair__detail--full {
		font-size:1.2rem;
		width:100%;
	}
	.onair__caution {
		padding-top: 2.4vw;
		font-size:1rem;
		margin-top:-9.6vw;
	}
	.onair__detail--note small {
		font-size:1rem;
	}
}