@charset "utf-8";
.contents__header{
	margin-bottom:min(calc(80 / var(--vw-min) * 100vw),80px);
}
@media screen and (max-width:768px){
	.contents__header{
		margin-bottom:min(calc(96 / var(--vw-min) * 100vw),96px);
	}
}
.contents__title--ja:before,
.contents__title--ja:after{
	background:var(--color-brown);
}
.contents__title--en{
	color:var(--color-orange);
}
.onair__contents{
	margin:0 13.3333vw;
}
@media screen and (max-width:768px){
	.onair__contents{
		margin:0 min(calc(48 / var(--vw-min) * 100vw),48px);
	}
}
.onair__each{
	margin-bottom:min(calc(50 / var(--vw-min) * 100vw),50px);
}
@media screen and (max-width:768px){
	.staffcast__each{
		margin-bottom:min(calc(64 / var(--vw-min) * 100vw),64px);
	}
}
.contents__subtitle--ja:before,
.contents__subtitle--ja:after{
	background:var(--color-brown);
}
.contents__subtitle--en{
	color:var(--color-green);
}




/*tab*/
.tab{
	margin: 0 13.3333vw;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: min(calc(60 / var(--vw-min)* 100vw), 60px);
}
.tab--item{
	padding: 0 min(calc(20 / var(--vw-min)* 100vw), 20px);
}
.tab--item button{
	display: flex;
    justify-content: center;
    align-items: center;
    width:min(calc(280 / var(--vw-min)* 100vw), 280px);
    text-decoration: none;
    background: var(--color-brown);
    position: relative;
	color: #FFF;
	height: min(calc(48 / var(--vw-min)* 100vw), 48px);
	border-radius: 48px;
    transition: all 0.3s ease;
}
.tab--item button.is-active,
.tab--item button:hover{
	background: var(--color-pink);
}
@media screen and (max-width:768px){
	.tab{
		margin:0 5vw min(calc(60 / var(--vw-min)* 100vw), 60px);
	}
	.tab--item{
		width: 50%;
	}
	.tab--item button{
		width:100%;
		text-decoration: none;
		background: var(--color-brown);
		position: relative;
		color: #FFF;
		height: min(calc(48 / var(--vw-min)* 100vw), 48px);
		border-radius: 48px;

	}

}
/**/
.onair__block--text {
    font-size: min(calc(24 / var(--vw-min)* 100vw), 24px);
    text-align: center;
    line-height: 2;
    margin-bottom: min(calc(80 / var(--vw-min)* 100vw), 80px);
}
.js-tv .onair__block--text strong{
	font-size: 150%;
	color: var(--color-green);
	font-weight: bold;
}
.js-tv .onair__block--text small{
	font-size: 80%;
}
.onair__block{
	padding-bottom: min(calc(100 / var(--vw-min)* 100vw), 100px);
}
/*
.onair__block--text strong{
	color: var(--color-green);
    display: inline-block;
    padding: 0 0.1em;
    font-size: min(calc(48 / var(--vw-min) * 100vw),48px);
}
*/
.onair__demandlists{
	display: flex;
	flex-wrap: wrap;
}
.onair__demandlists li{
	width: calc((100% - 30px) / 3);
    margin: 0 10px 10px 0;
}

.onair__demandlists a{
	display: block;
	text-decoration: none;
	padding: min(calc(10 / var(--vw-min)* 100vw), 10px);
	border: min(calc(2 / var(--vw-min)* 100vw), 2px) solid var(--color-brown);
	border-radius:min(calc(50 / var(--vw-min)* 100vw), 50px);
    background-color: #fff;
	text-align: center;
	transition: all .3s ease;
	color:var(--color-brown);
	position: relative;
}
.onair__demandlists a:hover{
	color:#FFF;
	background-color: var(--color-pink);
}
.onair__demandlists a:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 7%;
    -webkit-mask: url(../img/common/icon_blank.svg) no-repeat center / contain;
    mask: url(../img/common/icon_blank.svg) no-repeat center / contain;
    width: 16px;
    height: 12px;
    margin: auto 0;
    transition: .3s ease;
    background-color: var(--color-brown);
}
.onair__demandlists a:hover:after{
	background-color:#FFF;
}
.onair__lists li{
	padding:24px;
	display:flex;
	align-items:center;
	border-bottom:1px solid #CCC;
}
.onair__lists li{
	padding:24px;
	display:flex;
	align-items:center;
	border-bottom:1px solid #CCC;
}
.onair__station{
	width:25%;
}
.onair__startdate{
	width:25%;
}
.onair__week{
	width:25%;
}
.onair__remarks{
	width:25%;
}
.onair__gtitle {
	width:50%;
}
.onair__gregion {
	width:50%;
}
.onair__caution{
	font-size:14px;
	padding-top:15px;
	text-align:right;
}
@media screen and (max-width:768px){
	.contents__block{
		margin-bottom:12.8vw;
	}
	.contents__block--text{
		font-size:1.7rem;
		text-align:center;
		line-height:2;
		margin-bottom:9.6vw;
	}
	.contents__block--text small{
		font-size:1.2rem;
	}

	.onair__lists li{
		padding:4vw 0;
		display:flex;
		align-items:center;
		border-bottom:1px solid #CCC;
		flex-wrap:wrap;
		font-size:1.2rem;
	}
	.onair__station{
		width:100%;
		font-size:1.3rem;
	}
	.onair__station span{
		background: var(--color-brown);
		color: #FFF;
		display: inline-block;
		padding: 1% 2%;
		line-height: 1;
		margin-bottom: 2vw;
	}
	.onair__startdate{
		width:50%;
	}
	.onair__week{
		width:50%;
	}
	.onair__remarks{
		width:100%;
	}
	.onair__caution{
		font-size:1.1rem;
		padding-top:3vw;
	}
	.onair__demandlists li{
		width:calc((100% - 4vw) / 2);
		margin:0 2vw 2vw 0;
	}
	.onair__demandlists li:nth-child(2n){
		margin:0 0 2vw;
	}
	.onair__demandlists li a{
		height:100%;
		padding: 5%;
	}
}