@charset "utf-8";
.wibheros img {
	width: 100%;
	height: auto;
	display: block;
}
.wibheros .wibheros_cntarea {
	overflow-x: hidden;
}
.wibheros #topicPass {
	position: relative;
	z-index: 10;
	background: none;
}
.wibheros #topicPass ul {
	background: none;
}
.wibheros #topicPass ul li {
	color: black;
}
.wibheros #topicPass ul li a:link,
.wibheros #topicPass ul li a:visited,
.wibheros #topicPass ul li a:active {
	color: black;
}
.wibheros main {
	position: relative;
	font-size: var(--fsz-m);
	color: #515d4b;
}
.wibheros .kv_circle {
	position: absolute;
	top: 0;
	right: 3%;
	width: 60%;
}
.wibheros .circleparts {
	animation: circleparts linear 200s infinite;
}
@keyframes circleparts {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}
.wibheros .container_kv {
	position: relative;
	z-index: 10;
}
.wibheros .container_kv .cntinner {
	padding: var(--p-m);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.wibheros .cnt_logoarea {
	flex-basis: 45%;
}
.wibheros .kv_logo {
	margin: 50px 0;
}
.wibheros .onairtime {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: var(--fsz-xl);
	font-weight: 900;
	color: #515d4b;
}
.wibheros .onairtime span {
	font-size: var(--fsz-n);
	font-weight: normal;
	display: block;
}
.wibheros .cnt_catchcopyarea {
	flex-basis: 40%;
}
.wibheros .kv_wiblink .linkbtn {
	width: 100%;
	box-sizing: border-box;
	font-size: var(--fsz-n);
	margin-top: 20px;
}
.wibheros .container_cnt {
	padding: var(--p-m);
	padding-top: 0;
	position: relative;
	z-index: 10;
}
.wibheros .cnt_outline {
	width: 75%;
	margin-bottom: 80px;
	line-height: 1.8;
}
.wibheros .cnt_maincontents {
	position: relative;
	padding: 80px 0 50px 0;
}
.wibheros .cnt_maincontents:before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 300%;
	height: 100%;
	background: #ebedea;
}
.wibheros .maincontents_inner {
	position: relative;
	z-index: 10;
}
.wibheros .nextonair {
	position: absolute;
	top: -100px;
	left: 50%;
	translate: -50% 0;
	width: 100%;
	padding: 10px 3%;
	border-radius: 100px;
	box-sizing: border-box;
	color: white;
	background: linear-gradient(to right, #fe8c30 0%, #ff356d 100%);
}
.wibheros .nextonair p {
	display: inline;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: var(--fsz-l);
	font-weight: 900;
}
.wibheros .nextonair span {
	padding-left: 30px;
}
.wibheros .ttl {
	display: inline-block;
	position: relative;
	left: 50%;
	translate: -50% 0;
	margin-bottom: 50px;
	border-top: 2px solid #515d4b;
	border-bottom: 2px solid #515d4b;
}
.wibheros .ttl:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	width: calc(100% + 8px);
	height: 90%;
	border-left: 2px solid #515d4b;
	border-right: 2px solid #515d4b;
}
.wibheros .ttl span {
	display: block;
	position: relative;
	padding: 15px 100px;
	font-weight: bold;
	z-index: 1;
}
.wibheros .ttl span:before,
.wibheros .ttl span:after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	translate: -50% 0;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	width: 15px;
	height: 10px;
}
.wibheros .ttl span:before {
	background: #ebedea;
	scale: 2;
}
.wibheros .ttl span:after {
	inset: calc(100% - 5px);
	bottom: 0;
	left: 50%;
	background: #515d4b;
	z-index: 1;
}
.wibheros .cnt_cast .ttl span:before,
.wibheros .cnt_sponsorship .ttl span:before {
	background: white;
}

.wibheros .main_bknum {
	margin: 0 auto 30px auto;
}
.wibheros .main_bknum_ttl {
	background: #dbdfd7;
	padding: 20px 3%;
	font-size: var(--fsz-l);
	border-radius: 10px 10px 0 0;
}
.wibheros .main_bknum_ttl span {
	font-weight: bold;
	font-size: var(--fsz-n);
	display: block;
	margin-bottom: 5px;
}
.wibheros .moviearea {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
}
.wibheros .moviearea iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.wibheros .bknum_list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.wibheros .bknum_one {
	flex-basis: 32.33%;
	margin: 0 0.5%;
	margin-bottom: 10px;
}
.wibheros .bknum_one a {
	color: #515d4b;
}
.wibheros .bknum_ttl {
	background: white;
	padding: 3%;
	font-size: var(--fsz-n);
}
.wibheros .bknum_ttl p {
	padding-bottom: 15px;
	border-bottom: 1px solid #ff356d;
	margin-bottom: 10px;
}
.wibheros .bknum_ttl span {
	display: block;
	font-size: var(--fsz-s);
	color: #999;
}
.wibheros .cnt_cast,
.wibheros .cnt_sponsorship {
	padding: 50px 0;
	width: 142.85%;
}
.wibheros .cast_list,
.wibheros .sponsorship_list {
	display: flex;
	flex-wrap: wrap;
}
.wibheros .cast_one {
	flex-basis: 48%;
	margin: 0 1%;
	background: #dbdfd7;
}
.wibheros .cast_box {
	display: flex;
	justify-content: space-between;
	flex-flow: row-reverse;
	align-items: center;
	padding-bottom: 10px;
	background: white;
}
.wibheros .castname {
	flex-basis: 60%;
}
.wibheros .castname p {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: var(--fsz-xl);
	font-weight: 900;
}
.wibheros .castimg {
	flex-basis: 38%;
}
.wibheros .castprof {
	padding: 3%;
}
.wibheros .cnt_sponsorship {
	position: relative;
	z-index: 10;
}
.wibheros .sponsorship_one {
	flex-basis: 24%;
	margin: 0 0.5% 10px 0;
}
.wibheros #sideArea {
	width: 100%;
	float: none;
}
.wibheros #sideArea .sns iframe {
	width: 100% !important;
}
@media screen and (min-width: 1920px) {
	.wibheros_cntarea {
		padding: 50px 15%;
	}
}
@media screen and (max-width: 897px) {
	.wibheros .cnt_logoarea {
		flex-basis: 48%;
	}
	.wibheros .cnt_catchcopyarea {
		flex-basis: 45%;
	}
}
@media screen and (max-width: 767px) {
	.wibheros .container_kv .cntinner {
		display: block;
	}
	.wibheros .cnt_logoarea {
		margin-bottom: 30px;
	}
	.wibheros .kv_circle {
		width: 80%;
	}

	.wibheros .cnt_cast,
	.wibheros .cnt_sponsorship {
		width: 100%;
	}
	.wibheros .cnt_catchcopyarea {
		width: 80%;
		margin: 0 auto 0 0;
	}
	.wibheros .cnt_outline {
		width: 100%;
	}
	.wibheros .cnt_maincontents {
		padding: 50px 0;
	}
	.wibheros .nextonair {
		top: -70px;
	}
	.wibheros #sideArea {
		display: none;
	}
}
@media screen and (max-width: 600px) {
	.wibheros .bknum_list {
		display: block;
	}
	.wibheros .bknum_one,
	.wibheros .bknum_one:nth-of-type(3n-1) {
		margin: 0 auto 10px auto;
		background: white;
	}
	.wibheros .bknum_one a {
		display: flex;
		justify-content: space-between;
	}
	.wibheros .bknum_one .thumb {
		flex-basis: 200px;
	}
	.wibheros .bknum_one .bknum_ttl {
		flex-basis: calc(100% - 200px);
		box-sizing: border-box;
	}
	.wibheros .cast_list {
		display: block;
	}
	.wibheros .cast_one {
		margin-bottom: 20px;
	}
	.wibheros .sponsorship_one {
		flex-basis: 32.33%;
	}
}
@media screen and (max-width: 480px) {
	.wibheros .cnt_catchcopyarea {
		width: 100%;
	}
	.wibheros .kv_circle {
		width: 95%;
	}

	.wibheros .nextonair {
		padding: 10px 20px;
		top: -85px;
	}
	.wibheros .nextonair p {
		display: block;
	}
	.wibheros .nextonair span {
		padding-left: 0;
	}
	.wibheros .ttl {
		margin-bottom: 30px;
	}
	.wibheros .bknum_one .thumb {
		flex-basis: 150px;
	}
	.wibheros .bknum_one .bknum_ttl {
		flex-basis: calc(100% - 150px);
	}
}
@media screen and (max-width: 360px) {
	.wibheros .ttl span {
		padding: 15px 40px;
	}
	.wibheros .bknum_one .thumb {
		flex-basis: 100px;
	}
	.wibheros .bknum_one .bknum_ttl {
		flex-basis: calc(100% - 100px);
	}
	.wibheros .sponsorship_one {
		flex-basis: 49%;
	}
}

/*バックナンバーページ*/
.wibheros .container_kv .cntinner {
	padding-top: 20px;
	padding-bottom: 20px;
}
.wibheros .bknumpage .cnt_logoarea {
	flex-basis: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.wibheros .bknumpage .kv_logo {
	flex-basis: 300px;
}
.wibheros .bknumpage .onairtime {
	flex-basis: calc(100% - 320px);
}
.wibheros .bknumpage .cnt_maincontents {
	padding: 50px 0;
}
.wibheros .bknumpage .pageLinkArea li span.current {
	background: #515d4b;
	color: white;
}
.wibheros .bknumpage .pageLinkArea li a,
.wibheros .bknumpage .pageLinkArea li span {
	padding: 5px;
	background: #ddd;
	color: #515d4b;
	transition: all 0.2s;
}

@media screen and (max-width: 767px) {
	.wibheros .bknumpage .kv_logo {
		flex-basis: 200px;
	}
	.wibheros .bknumpage .cnt_logoarea {
		margin-bottom: 0;
	}
	.wibheros .bknumpage .onairtime {
		flex-basis: calc(100% - 220px);
	}
}
@media screen and (max-width: 480px) {
	.wibheros .bknumpage .cnt_logoarea {
		display: block;
	}
	.wibheros .bknumpage .kv_logo {
		width: 60%;
		margin: 0 auto 10px 0;
	}
	.wibheros .bknumpage .onairtime {
		flex-basis: calc(100% - 220px);
	}
}