@charset "utf-8";

.onair{
	width:100%;
	text-align:center;
}


ul.dj-box{
	width:18%;
	margin-right:22%;
}
ul.dj-box li{
	margin-bottom:20px;
}
ul.dj-box li img{
	width:100%;
}
.program-box{
	width:78%;
	float:right;
	text-align:left;
}
.program-box p.website{
	background:#0086cd;
	width:30%;
	margin:0 auto;
	padding:6px 0;
	color:#FFF;
	font-size:90%;
	font-weight:bolder;
	border:none;
	border-radius:20px;
	text-align:center;
}
.program-box p.website a{
	color:#FFF;
}


ul.djlist{
	overflow:hidden;
}
ul.djlist li{
	width:178px;
	float:left;
	display:block;
}
ul.djlist li img{
	width:100%;
}
ul.djlist li p{
	color:#333;
	text-align:center;
}
ul.djlist li ul.snslist{
	display:flex;
	flex-wrap:wrap;
	justify-content:left;
}
ul.djlist li ul.snslist li{
	margin:0 5px 5px 0;
	width:calc(24% - 5px);
}


@media (max-width: 1024px){
	ul.dj-box img{
		width:100%;
	}
}

@media (max-width: 768px){
	.program-box{
		width:100%;
		float:none;
		margin-bottom:30px;
	}
	ul.dj-box{
		width:100%;
		margin-right:0;
		overflow:hidden;
	}
	ul.dj-box li{
		width:30%;
		float:left;
		margin-left:2%;
	}
	.program-box p.website{
		width:60%;
	}
}
@media (max-width: 414px){
	ul.dj-box li{
		width:46%;
		margin-left:3%;
	}
}


ul.snsicon{
display:flex;
flex-wrap:wrap;
justify-content:left;
align-items:center;
}


ul.snsicon li{
margin:0 5px 5px 0;
width:calc(25% - 5px);
}