#main {
	position: relative;
}

.catch {
	font-size: min(48px, 3vw);
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: -.05em;
	text-align: center;
	color: #333;
	margin-bottom: 1em;
}
@media (max-width: 1023px) {
    .catch {
        font-size: min(28px,6vw);
    }
}
.box {
	border: 10px solid rgba(0,0,0,.05);
	padding: 1.5em;
	margin-bottom: min(32px, 2vw);
}
.box .title {
	font-size: min(24px, 1.5vw);
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: -.05em;
	text-align: left;
	color: #333;
	margin-bottom: 1em;
}
@media (max-width: 1023px) {
    .box .title {
        font-size: min(21px,4.5vw);
    }
}
@media (max-width: 767px) {
    .box {
		padding: 1em;
		border-width: 5px;
    }
}


@media (min-width: 1024px) {
	.box ul {
		max-width: 80%;
		margin: auto;
	}
}
@media (max-width: 1023px) {
	.box ul {
		max-width: 95%;
		margin: auto;
	}
}
.box ul li:not(:last-child) {
	margin-bottom: 1em;
}
.box li a {
	display: block;
	line-height: 1.2;
	color: #fff;
	padding: 1em 1.5em;
	/*border-radius: 1em 0;*/
	clip-path: polygon(.5em 0, 100% 0, 100% calc(100% - .5em), calc(100% - .5em) 100%, 0 100%, 0 .5em);
	position: relative;
	font-weight: 600;
	overflow: hidden;
}
.box li a::before {
	content: '';
	display: block;
	width: 210%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background-image: -webkit-linear-gradient(0deg,rgba(244,35,5,1.00) 0%,rgba(244,35,5,1.00) 50%,rgba(16,109,204,1.00) 50%,rgba(16,109,204,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(244,35,5,1.00) 0%,rgba(244,35,5,1.00) 50%,rgba(16,109,204,1.00) 50%,rgba(16,109,204,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(244,35,5,1.00) 0%,rgba(244,35,5,1.00) 50%,rgba(16,109,204,1.00) 50%,rgba(16,109,204,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(244,35,5,1.00) 0%,rgba(244,35,5,1.00) 50%,rgba(16,109,204,1.00) 50%,rgba(16,109,204,1.00) 100%);
	z-index: -1;
	transition: .3s all;
}
@media (hover: hover) {
	.box li a:hover::before {
		right: -110%;
	}
}
.box li a::after {
	content: '';
	display: block;
	width: calc(100% - 1.5em);
	height: 1px;
	background-color: #fff;
	position: absolute;
	right: 0;
	bottom: .8em;
}




.onair dt {
	font-weight: 600;
	font-size: 120%;
	padding-left: 1em;
	position: relative;
	line-height: 1.2;
	background-color: #1a1a1a;
	color: #fff;
}
.onair dt::before {
	content: '『';
	display: inline-block;
	width: 1em;
	text-align: right;
	margin-left: -1em;
}
.onair .catch {
    font-size: 120%;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 0;
    text-align: left;
    color: #333;
    margin-bottom: .5rem;	
}
.onair .catch i {
	font-style: normal;
	font-size: 160%;
}
.onair span {
	display: inline-block;
}
.onair .repeat {
	background-color: #eee;
	margin-top: .5rem;
}
@media(min-width:1500px) {
	.onair dt {
		float: left;
		width: calc(20rem * 1.2);
	}
	.onair dd {
		padding-left: calc(22rem * 1.2);
	}
}
@media(max-width:1499px) {
	.onair dt {
		margin-bottom: 1rem;
		font-size: 160%;
	}
	.onair dd {
		padding-left: calc(1rem * 1.2);
	}
	.onair .catch {
	}
}
@media(max-width:1024px) {
	.onair dt {
		font-size: min(120%, calc((100vw - ((23px + 1rem + 3vw) * 2)) / 15));
	}
	.onair .catch {
		font-size: min(120%, calc((100vw - ((23px + 1rem + 3vw) * 2)) / 15));
	}
}





.ast li {
	padding-left: 1.2em;
	position: relative;
	line-height: 1.2;
}
.ast li:not(:last-child) {
	margin-bottom: .5em;
}
.ast li::before {
	content: '※';
	display: inline-block;
	width: 1.2em;
	margin-left: -1.2em;
}