@charset "utf-8";

/***** swiper *****/
#app {
	width: 100%;
  /* margin: 0 auto; */
	overflow: hidden;
	position: relative;
}
ul.swiper-wrapper {
	border: none;
	list-style: none;
	margin: 0 0 5px;
	padding: 0;
	display: flex;
  align-items: end;
}
.swiper-button-next, .swiper-button-prev {
	top: 30px !important;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: auto !important;
	top: 65px;
}
.swiper-button-next, .swiper-button-prev {
	/* color: #0052a4 !important; */
	/* color: #000000 !important; */
	color: #ffffff !important;
}
ul.swiper-wrapper li.swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
}
ul.swiper-wrapper li.swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	/* height: 60px; */
	/* line-height: 60px; */
	font-size: 21px;
	cursor: pointer;
	position: relative;
	z-index: 1;
	color: #ffffff;
}
ul.swiper-wrapper li.swiper-slide:nth-of-type(1) {
	background: rgba(153, 221, 51, 1);
}
ul.swiper-wrapper li.swiper-slide:nth-of-type(2) {
	background: rgba(0, 204, 204, 1);
}
ul.swiper-wrapper li.swiper-slide:nth-of-type(3) {
	background: rgba(0, 153, 255, 1);
}
ul.swiper-wrapper li.swiper-slide:nth-of-type(4) {
	background: rgba(102, 102, 255, 1);
}
ul.swiper-wrapper li.swiper-slide:nth-of-type(5) {
	background: rgba(204, 0, 255, 1);
}
ul.swiper-wrapper li.swiper-slide:nth-of-type(6) {
	background: rgba(255, 51, 153, 1);
}
ul.swiper-wrapper li.swiper-slide:nth-of-type(7) {
	background: rgba(255, 170, 51, 1);
}
.tab-content {
	opacity: 1;
}
.swiper-slide:first-child.swiper-slide-thumb-active ~ .Tabs__presentation-slider {
  transform: translateX(0) scaleX(0.25);
}
.swiper-slide:nth-child(2).swiper-slide-thumb-active ~ .Tabs__presentation-slider {
  transform: translateX(25%) scaleX(0.25);
}
.swiper-slide:nth-child(3).swiper-slide-thumb-active ~ .Tabs__presentation-slider {
  transform: translateX(calc(25% * 2)) scaleX(0.25);
}
.swiper-slide:nth-child(4).swiper-slide-thumb-active ~ .Tabs__presentation-slider {
  transform: translateX(calc(25% * 3)) scaleX(0.25);
}
.Tabs__presentation-slider {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: 0 0;
  transition: transform 0.25s;
  background: linear-gradient( 45deg , #bdb9ff, #67b8ff);
}
/***** swiper *****/

@media screen and (min-width: 900px) {
	.radio_timetable_title {
		text-align: center;
		font-size: 72px;
		font-weight: bold;
		margin: 60px 0;
		color: #0052a4;
		line-height: 1em;
	}
	.radio_timetable_title span {
		position: relative;
    display: inline-block;
    font-size: 36px;
    padding: 0 6em;
	}
	.radio_timetable_title span:before,
	.radio_timetable_title span:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 5em;
    height: 3px;
    background: #0052a4;
	}
	.radio_timetable_title span:before {
		left: 0;
	}
	.radio_timetable_title span:after {
		right: 0;
	}
	.radio_timetable_links.top ul {
    margin: 30px auto;
	}
	.radio_timetable_links ul {
		display: flex;
    width: 1120px;
    margin: 60px auto;
    justify-content: space-between;
	}
	.radio_timetable_links li {
		width: 24%;
		text-align: center;
	}
	.radio_timetable_links li a {
		display: block;
		font-weight: 500;
		background: #f5f5f5;
		color: #ffffff;
		padding: 1em;
    font-size: 14px;
    border-radius: 100vh;
	}
	.radio_timetable_links li:nth-of-type(1) a {
		background: #01a802;
	}
	.radio_timetable_links li:nth-of-type(2) a {
		background: #00a7e9;
	}
	.radio_timetable_links li:nth-of-type(3) a {
		background: #0052a4;
	}
	.radio_timetable_links li:nth-of-type(4) a {
		background: #842cc2;
	}
	.radio_timetable_links li a img {
		max-height: 16px;
    vertical-align: baseline;
	}
	.radio_timetable_box {
		width: 1120px;
		margin: 0 auto;
	}

	/* 番組表日付ナビ
	----------------------------------------------------------- */
	#main_timetable #date_nav ul	{
		display: flex;
		align-items: end;
		margin: 0 0 5px;
	}
	#main_timetable #date_nav li {
		text-align: center;
		flex: 1;
	}
	#main_timetable #date_nav li a {
		display: block;
		font-weight: 500;
		height: 56px;
		line-height: 56px;
		font-size: 18px;
		color: #ffffff;
	}
	#main_timetable #date_nav li:nth-of-type(1) a {
		background: rgba(153, 221, 51, 1);
	}
	#main_timetable #date_nav li:nth-of-type(2) a {
		background: rgba(0, 204, 204, 1);
	}
	#main_timetable #date_nav li:nth-of-type(3) a {
		background: rgba(0, 153, 255, 1);
	}
	#main_timetable #date_nav li:nth-of-type(4) a {
		background: rgba(102, 102, 255, 1);
	}
	#main_timetable #date_nav li:nth-of-type(5) a {
		background: rgba(204, 0, 255, 1);
	}
	#main_timetable #date_nav li:nth-of-type(6) a {
		background: rgba(255, 51, 153, 1);
	}
	#main_timetable #date_nav li:nth-of-type(7) a {
		background: rgba(255, 170, 51, 1);
	}

	#main_timetable #date_nav li a:hover	{
		color: #ffffff;
		text-decoration: none;
		font-size: 18px;
		opacity: 0.75;
	}

	/* 番組表
	----------------------------------------------------------- */
	.swiper-slide .time-table	{
		width: 1120px;
		border-collapse: unset;
	}
	.swiper-slide .time-table th {
		text-align: center;
		font-weight: 500;
		height: 48px;
		font-size: 18px;
		line-height: 48px;
		color: #FFFFFF;
		border-bottom: 5px solid #ffffff;
		position: relative;
	}
	.swiper-slide .time-table th:first-child::after,
	.swiper-slide .time-table th:last-child::before {
		content: "";
		position: absolute;
		top: 0;
		width: 2.5px;
		height: 100%;
		background: #ffffff;
	}
	.swiper-slide .time-table th:first-child::after {
		right: 0;
	}
	.swiper-slide .time-table th:last-child::before {
		left: 0;
	}
	.swiper-slide #tabs-1 .time-table th {
		background: rgba(153, 221, 51, 1);
	}
	.swiper-slide #tabs-2 .time-table th {
		background: rgba(0, 204, 204, 1);
	}
	.swiper-slide #tabs-3 .time-table th {
		background: rgba(0, 153, 255, 1);
	}
	.swiper-slide #tabs-4 .time-table th {
		background: rgba(102, 102, 255, 1);
	}
	.swiper-slide #tabs-5 .time-table th {
		background: rgba(204, 0, 255, 1);
	}
	.swiper-slide #tabs-6 .time-table th {
		background: rgba(255, 51, 153, 1);
	}
	.swiper-slide #tabs-7 .time-table th {
		background: rgba(255, 170, 51, 1);
	}
	.swiper-slide .time-table .time	{
		width: 15%;
		text-align: center;
		background-color: #82ae82;
		font-size: 16px;
		padding: 1em 0;
		color: #FFFFFF;
		border-bottom: 5px solid #ffffff;
		position: relative;
		vertical-align: middle;
	}
	.swiper-slide .time-table .time::before	{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent transparent transparent #82ae82;
    top: 30px;
    right: -15px;
	}
	.swiper-slide .time-table .title	{
		/* width: 100%; */
		display: flex;
		align-items: center;
		justify-content: space-between;
		text-align: left;
		font-size: 18px;
		padding: 1em 2em;
		background: #f5f5f5;
		border-bottom: 5px solid #ffffff;
	}
	.swiper-slide .time-table .title a	{
		color: #0052a4;
		text-decoration: underline;
	}
	.swiper-slide .time-table .title .programImg {
		width: 300px;
		margin: 0 30px 0 0;
	}
	.swiper-slide .time-table .title .programName	{
		font-weight: 500;
		min-width: 390px;
	}
	.swiper-slide .time-table .title.current .programName	{
		font-size: 24px;
		font-weight: 600;
	}
	.swiper-slide .time-table .title .programContents	{
		margin: 0.5em 0 0;
		font-size: 14px;
	}
	.swiper-slide .time-table .title.current .programContents	{
		font-size: 16px;
	}
	.swiper-slide .time-table .title .btn_gp {
		margin: 0 0 0 30px;
	}
	.swiper-slide .time-table .title .btn_request {
		margin: 15px 0 0;
	}
	.swiper-slide .time-table .title .btn_gp a {
    display: block;
		width: 7em;
    font-weight: 500;
    color: #ffffff;
		padding: 0.5em 1em;
    font-size: 14px;
    border-radius: 100vh;
		/* border-radius: 30px; */
		text-align: center;
		text-decoration: none;
	}
	.swiper-slide .time-table .title .btn_radiko a {
		background: #00a7e9;
	}
	.swiper-slide .time-table .title .btn_radiko a img {
    width: 60px;
    display: block;
    margin: 0.25em auto;
	}
	.swiper-slide .time-table .title .btn_request a {
		background: #01a802;
	}
	.swiper-slide .time-table .time.current	{
		font-weight: bold;
		background: #055d05 !important;
	}
	.swiper-slide .time-table .current::before	{
		border-color: transparent transparent transparent #055d05;
	}

	/***** 広告エリア *****/
	.recbnr_area {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		margin: 30px 0;
		clear: both;
	}
	.recbnr_area div[id='div-gpt-ad-1627602749998-0'] {
		min-width: 300px;
		min-height: 250px;
		margin: 15px;
	}
	.ogbnr_area {
    width: 728px;
    margin: 0 auto;
  }
  .ogbnr_items {
    text-align: center;
  }
  .ogbnr_items li:first-child {
    margin: 0 0 30px;
  }
	div[id='div-gpt-ad-1627602703438-0'] {
		min-width: 728px;
		min-height: 90px;
		text-align: center;
		margin: 30px 0;
	}
}

@media screen and (max-width: 899px) {
	.radio_timetable_title {
		text-align: center;
		font-size: 54px;
		font-weight: bold;
		margin: 30px 0;
		color: #0052a4;
		line-height: 1em;
	}
	.radio_timetable_title span {
		position: relative;
    display: inline-block;
    font-size: 16px;
    padding: 0 6em;
	}
	.radio_timetable_title span:before,
	.radio_timetable_title span:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 5em;
    height: 2px;
    background: #0052a4;
	}
	.radio_timetable_title span:before {
		left: 0;
	}
	.radio_timetable_title span:after {
		right: 0;
	}
	.radio_timetable_box {
		width: 100%;
	}

	/* 番組表日付ナビ
	----------------------------------------------------------- */
	:root {
    --swiper-navigation-size: 30px !important;
	}
	.swiper-button-next,
	.swiper-button-prev {
    top: 21px !important;
	}
	ul.swiper-wrapper li.swiper-slide {
		font-size: 18px;
		height: 42px;
	}
	#main_timetable #date_nav {
		overflow-x: auto;
	}
	#main_timetable #date_nav ul	{
		display: flex;
		align-items: end;
    width: max-content;
    margin: 0 auto 5px;
	}
	#main_timetable #date_nav li {
		width: 10em;
		text-align: center;
	}
	#main_timetable #date_nav li a {
		display: block;
		font-weight: 500;
		font-size: 12px;
		color: #ffffff;
    padding: 0.5em 0;
	}
	#main_timetable #date_nav li:nth-of-type(1) a {
		background: rgba(153, 221, 51, 1);
	}
	#main_timetable #date_nav li:nth-of-type(2) a {
		background: rgba(0, 204, 204, 1);
	}
	#main_timetable #date_nav li:nth-of-type(3) a {
		background: rgba(0, 153, 255, 1);
	}
	#main_timetable #date_nav li:nth-of-type(4) a {
		background: rgba(102, 102, 255, 1);
	}
	#main_timetable #date_nav li:nth-of-type(5) a {
		background: rgba(204, 0, 255, 1);
	}
	#main_timetable #date_nav li:nth-of-type(6) a {
		background: rgba(255, 51, 153, 1);
	}
	#main_timetable #date_nav li:nth-of-type(7) a {
		background: rgba(255, 170, 51, 1);
	}
	#main_timetable #date_nav li a:hover	{
		text-decoration: none;
	}
	#main_timetable #date_nav li.current a	{
		color: #ffffff;
		font-size: 16px;
		/* background: #0052a4; */
	}

	/* 番組表
	----------------------------------------------------------- */
	.swiper-slide .time-table	{
		width: 100%;
		border-collapse: unset;
	}
	.swiper-slide .time-table th {
		text-align: center;
		font-weight: 500;
		font-size: 14px;
		color: #FFFFFF;
		border-bottom: 4px solid #ffffff;
		position: relative;
		padding: 0.5em 0;
	}
	.swiper-slide .time-table th:first-child::after,
	.swiper-slide .time-table th:last-child::before {
		content: "";
		position: absolute;
		top: 0;
		width: 2px;
		height: 100%;
		background: #ffffff;
	}
	.swiper-slide .time-table th:first-child::after {
		right: 0;
	}
	.swiper-slide .time-table th:last-child::before {
		left: 0;
	}
	.swiper-slide #tabs-1 .time-table th {
		background: rgba(153, 221, 51, 1);
	}
	.swiper-slide #tabs-2 .time-table th {
		background: rgba(0, 204, 204, 1);
	}
	.swiper-slide #tabs-3 .time-table th {
		background: rgba(0, 153, 255, 1);
	}
	.swiper-slide #tabs-4 .time-table th {
		background: rgba(102, 102, 255, 1);
	}
	.swiper-slide #tabs-5 .time-table th {
		background: rgba(204, 0, 255, 1);
	}
	.swiper-slide #tabs-6 .time-table th {
		background: rgba(255, 51, 153, 1);
	}
	.swiper-slide #tabs-7 .time-table th {
		background: rgba(255, 170, 51, 1);
	}
	.swiper-slide .time-table .time	{
		width: 20%;
		text-align: center;
		background-color: #82ae82;
		font-size: 14px;
		padding: 12px 0;
		color: #FFFFFF;
		border-bottom: 4px solid #ffffff;
		position: relative;
		vertical-align: top;
	}
	.swiper-slide .time-table .time::before	{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 7px;
    border-color: transparent transparent transparent #82ae82;
    top: 14px;
    right: -7px;
	}
	.swiper-slide .time-table .title {
		width: 80%;
		text-align: left;
		font-size: 14px;
		padding: 0.75em 1em;
		background: #f5f5f5;
		border-bottom: 5px solid #ffffff;
	}
	.swiper-slide .time-table .title .programImg {
		width: 90%;
		margin: 0 0 0.25em;
	}
	.swiper-slide .time-table .title .programName {
		font-size: 16px;
	}
	.swiper-slide .time-table .title .programContents {
		font-size: 12px;
		margin: 0.5em 0 0;
	}
	.swiper-slide .time-table .title .btn_gp	{
		margin: 0.5em 0 0;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
	}
	.swiper-slide .time-table .title .btn_request {
		margin: 0 0 0 0.5em;
	}
	.swiper-slide .time-table .title .btn_gp a {
    display: block;
		width: 8em;
    font-weight: 500;
    color: #ffffff;
		padding: 0.5em 1em;
    font-size: 12px;
		border-radius: 30px;
		text-align: center;
		text-decoration: none;
	}
	.swiper-slide .time-table .title .btn_radiko a {
		background: #00a7e9;
	}
	.swiper-slide .time-table .title .btn_radiko a img {
    width: 60px;
	}
	.swiper-slide .time-table .title .btn_request a {
		background: #01a802;
	}
	.swiper-slide .time-table .title a	{
		color: #0052a4;
		text-decoration: underline;
	}
	.swiper-slide .time-table .time.current	{
		font-weight: bold;
		background: #055d05 !important;
	}
	.swiper-slide .time-table .current::before	{
		border-color: transparent transparent transparent #055d05;
	}

	/* -----------------------------------------------------------
		リンク
	----------------------------------------------------------- */
	.radio_timetable_links ul {
    margin: 30px auto;
		width: 75%;
	}
	.radio_timetable_links li {
		text-align: center;
		margin: 0 0 15px;
	}
	.radio_timetable_links li a {
		display: block;
		font-weight: 500;
		background: #f5f5f5;
		/* color: #333333; */
		color: #ffffff;
		padding: 1em;
    font-size: 14px;
    border-radius: 100vh;
	}
	.radio_timetable_links li:nth-of-type(1) a {
		background: #01a802;
	}
	.radio_timetable_links li:nth-of-type(2) a {
		background: #00a7e9;
	}
	.radio_timetable_links li:nth-of-type(3) a {
		background: #0052a4;
	}
	.radio_timetable_links li:nth-of-type(4) a {
		background: #842cc2;
	}
	.radio_timetable_links li a img {
		max-height: 16px;
    vertical-align: baseline;
	}

	/***** 広告エリア *****/
	.recbnr_area {
		text-align: center;
		margin: 30px 0;
	}
	.recbnr_area div[id='div-gpt-ad-1627602749998-0'] {
		min-width: 300px;
		min-height: 250px;
		margin: 15px;
	}
	.ogbnr_area {
    max-width: 320px;
    margin: 0 auto;
  }
  .ogbnr_items {
    text-align: center;
  }
  .ogbnr_items li:first-child {
    margin: 0 0 15px;
  }
}