@charset "UTF-8";

@import url("common.css");

/* =========================================================

	top

========================================================= */
/* ---------------------------------------------------------
	Now On Air Program・ﾒｲﾝﾋﾞｼﾞｭｱﾙ
--------------------------------------------------------- */
.top_mainvisualShadow {
	background: url(../images/contents_shadow.gif) no-repeat 50% 0%;
}
.top_mainvisualBg {
	background: url(../images/bg_01.gif) repeat 0% 0%;
	box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.1) inset;
}
.top_noap {
	float: left;
	width: 480px;
	height: 410px;
	background: url(../images/bg_02.gif) repeat 0% 0%;
}
.top_noapTitle {}
.top_noapPhoto {
	background-image:
		url(../images/top_onAir_bgLeft.gif),
		url(../images/top_onAir_bgRight.gif);
	background-repeat:
		no-repeat,
		no-repeat;
	background-position:
		0% 0%,
		100% 0%;
	padding: 5px 0;
	text-align: center;
	background-color: #000000;
}
.top_noapData {
	padding: 13px 15px 0;
}
.top_noapData table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	color: #ffffff;
}
.top_noapData th {
	width: 65px;
	padding: 1px 0 5px;
	vertical-align: top;
}
.top_noapData td {
	padding: 0 0 0 10px;
	vertical-align: top;
	word-break: break-all;
}
.top_noapBtn {
	position: absolute;
	bottom: 77px;
	right: 13px;
	margin: 0;
	padding: 0;
}
.top_noapNext {
	background: url(../images/top_onAir_next.gif) no-repeat 0% 0% #ffffff;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 325px;
	height: 65px;
	margin: 0;
	padding: 0 15px 0 140px;
}
.top_noapNextText {
	display: table-cell;
	height: 65px;
	vertical-align: middle;
}
.top_mainvisual {
	float: right;
	width: 520px;
	height: 410px;
}
#bx-pager {
	height: 65px;
	padding: 13px 10px !important;
	text-align: center;
	background-color: #1e1e1e;
	letter-spacing: -0.4em;
	box-sizing: border-box;
}
#bx-pager a {
	display: inline-block;
	width: calc((100% - (6px * 12)) / 12);
	margin: 0 3px;
	letter-spacing: normal;
}
#bx-pager img {
	max-width: 100%;
	height: auto;
	border: solid #00a0e9 1px;
}

/* ---------------------------------------------------------
	Heavy Rotation　ヘビーローテーション
--------------------------------------------------------- */
.top_title {}
.top_title:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}
.top_title span {
	display: inline-block;
	float: right;
	padding: 7px 0 0;
}
.top_hrBg {
	background: url(../images/bg_01.gif) repeat 0% 0%;
	margin: 8px 0 20px;
	padding: 3px;
}
.top_hrList {
	letter-spacing: -0.4em;
	background-color: #ffffff;
}
.top_hr {
	display: inline-block;
	width: 116px;
	padding: 10px 0 6px 10px;
	vertical-align: top;
	letter-spacing: normal;
}
.top_hrPhoto {
	background-color: #d2d2d2;
	padding: 8px;
}
.top_hrText {
	padding: 5px 0 0;
	font-size: 0.875em;
}

/* ---------------------------------------------------------
	Whats New!　最新のお知らせ
--------------------------------------------------------- */
.top_wnList {
	margin: 10px 0 0;
	padding: 0 13px;
	border: solid 1px #e5e8e9;
	background-color: #ffffff;
}
.top_wn {
	padding: 20px 0 15px;
	border-bottom: solid 1px #e5e8e9;
}
.top_wn:last-child {
	border: 0;
}
.top_wn:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}
.top_wnPhoto {
	float: left;
	width: 140px;
}
.top_wnData {
	float: right;
	width: 335px;
}
.top_wnDate {
	font-size: 0.875em;
}
.top_wnTitle {
	padding: 2px 0 0;
}
.top_wnText {
	padding: 2px 0 0;
	font-size: 0.875em;
}

/*** ﾀｸﾞ ***/
.top_wnTag {
	display: inline-block;
	padding: 1px 7px 0;
	color: #ffffff;
	font-size: 0.875em;
}
/* New!：朱色 */
.tagColor_f43b3b {
	background-color: #f43b3b;
}
/* 赤色 */
.tagColor_d82100 {
	background-color: #d82100;
}
/* 茶色 */
.tagColor_ae6337 {
	background-color: #ae6337;
}
/* 橙色 */
.tagColor_fa9f00 {
	background-color: #fa9f00;
}
/* 黄緑色 */
.tagColor_9eb727 {
	background-color: #9eb727;
}
/* 緑色 */
.tagColor_008d0b {
	background-color: #008d0b;
}
/* 青竹色 */
.tagColor_41cebf {
	background-color: #41cebf;
}
/* 水色 */
.tagColor_2094ee {
	background-color: #2094ee;
}
/* 青色 */
.tagColor_2d53b6 {
	background-color: #2d53b6;
}
/* 紫色 */
.tagColor_704fc5 {
	background-color: #704fc5;
}
/* 桃色 */
.tagColor_ff83c6 {
	background-color: #ff83c6;
}
/* 黄土色 */
.tagColor_c29a20 {
	background-color: #c29a20;
}
/* 鼠色 */
.tagColor_8c8c8c {
	background-color: #8c8c8c;
}
/* 黒色 */
.tagColor_000000 {
	background-color: #000000;
}



/* =========================================================

	Time Table　番組表

========================================================= */
.time_weekList {
/* 	letter-spacing: -0.4em; */
}
.time_week {
	min-height: 84px;
	padding: 0 0 0 10px;
	display: table-cell;
/* 	letter-spacing: normal; */
}
.time_week:first-child {
	padding: 0;
}
.time_weekControls {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 20px 0;
}
.time_weekNav {
	background-color: #00a0e9;
	border: none;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	padding: 10px 16px;
	font-size: 14px;
	border-radius: 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.time_weekNav,
.time_weekNav:link,
.time_weekNav:visited,
.time_weekNav:hover,
.time_weekNav:focus,
.time_weekNav:active {
	color: #fff;
	text-decoration: none;
}
.time_weekNav:disabled,
.time_weekNav.is-disabled {
	opacity: 0.4;
	cursor: not-allowed;
	pointer-events: none;
}
.time_weekSlider {
	flex: 1;
	overflow: hidden;
}
.time_weekItems {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.time_weekItem {
	text-align: center;
}
.time_weekLink {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 8px 14px;
	border: 0;
	border-radius: 8px;
	background: linear-gradient(180deg, #97aab6 0%, #53788b 100%);
	color: #fff;
	text-decoration: none;
	min-height: 110px;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.time_weekLink,
.time_weekLink:link,
.time_weekLink:visited,
.time_weekLink:hover,
.time_weekLink:focus,
.time_weekLink:active,
.time_weekLink .time_weekLabel,
.time_weekLink .time_weekDow,
.time_weekLink .time_weekToday {
	color: #fff;
	text-decoration: none;
}
.time_weekLink:hover {
	transform: none;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
}
.time_weekLink.is-today,
.time_weekLink.is-selected {
	background: linear-gradient(180deg, #33b0f0 0%, #0087d8 100%);
	box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.35);
}
.time_weekLink.is-sat {
	color: #0074d9;
}
.time_weekLink.is-sun {
	color: #ff4d4f;
}
.time_weekLabel {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 2px;
	width: 100%;
	box-sizing: border-box;
	padding: 0 10px;
	white-space: nowrap;
}
.time_weekMonth {
	font-size: 14px;
	opacity: 0.9;
	text-align: left;
}
.time_weekDay {
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.1;
	text-align: right;
}
.time_weekDow {
	font-size: 14px;
	margin-top: 4px;
}
.time_weekLink.is-sat .time_weekDow {
	color: #0074d9;
}
.time_weekLink.is-sun .time_weekDow {
	color: #ff4d4f;
}
.time_weekToday {
	display: inline-block;
	font-size: 11px;
	color: #fff;
	background-color: rgba(255, 255, 255, 0.25);
	padding: 2px 8px;
	border-radius: 999px;
	margin-bottom: 6px;
}
.layout-pc #pcDayCaption {
	background: #4f7588;
	color: #fff;
	text-align: left;
	font-weight: bold;
	font-size: 18px;
	padding: 8px 14px;
}
.layout-pc #linkTable .time_table01 {
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}
.layout-sp #linkTableSp .time_table01 {
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}

@media (max-width: 768px) {
	.time_weekControls {
		flex-direction: column;
		align-items: stretch;
	}
	.time_weekItems {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.time_weekNav {
		width: 100%;
	}
	.time_weekLink {
		min-height: 100px;
	}
}

.time_weekTop {
	vertical-align: top;
}
.time_weekBottom {
	vertical-align: bottom;
}
.time_table {
	padding: 10px 0;
}
.time_table table {
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
}
.time_table td {
	vertical-align: top;
	border: solid 1px #dee2e4;
}
.time_table01 {
	width: 26px;
	padding: 7px 12px;
	text-align: right;
	background-color: #def5ff;
	font-size: 0.85em;
}
.time_table02 {
	width: 40px;
	padding: 7px 0;
	text-align: center;
	background-color: #eefbff;
}
.time_table03 {
	width: 230px;
	padding: 10px 15px 10px 25px;
	background-color: #ffffff;
}
.time_table04 {
	padding: 10px 15px;
	background-color: #ffffff;
}
.time_tablePeople {
	padding: 8px 0 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 10px;
	align-items: flex-end;
}
.time_tablePhoto {
	display: inline-block;
}
.time_tablePhoto img {
	border: solid 1px #dee2e4;
	width: 100px;
	height: 100px;
	object-fit: cover;
}
.time_tableBtn {
	padding: 0;
	display: block;
}
.time_tableList {
	padding: 0 0 8px;
}
.time_tableIcon {
	display: table-cell;
}
.time_tableText01 {
	padding: 0 0 0 10px;
	display: table-cell;
	font-weight: bold;
	font-size: 0.875em;
}
.time_tableText02 {
	padding: 0 0 0 75px;
	font-size: 0.875em;
}



/* =========================================================

	DJ Showcase　パーソナリティ

========================================================= */
.dj_profile {
	margin: 0 0 20px;
	padding: 20px;
	border: solid 1px #dee2e4;
	background-color: #ffffff;
}
.dj_profilePhoto {
	float: left;
	width: 202px;
}
.dj_profilePhoto img {
	border: solid 1px #dee2e4;
}
.dj_profileList {
	float: right;
	width: 500px;
}
.dj_profileName {
	padding: 10px;
	font-weight: bold;
	font-size: 1.375em;
}
.dj_profileList table {
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
	border-top: solid 1px #dee2e4;
}
.dj_profileList th {
	width: 100px;
	padding: 10px 0;
	text-align: center;
	vertical-align: top;
	border-bottom: solid 1px #dee2e4;
}
.dj_profileList td {
	padding: 10px 5px;
	vertical-align: top;
	border-bottom: solid 1px #dee2e4;
}
.dj_profileMessage {
	background: url(../images/dj_icon_message.png) no-repeat 15px 10px;
	min-height: 45px;
	margin: 20px 0 0;
	padding: 15px 10px 15px 87px;
	background-color: #eff1f2;
}



/* =========================================================

	Local Program　ローカルプログラム

========================================================= */
.local_loaList {
	letter-spacing: -0.4em;
}
.local_loa {
	display: inline-block;
	width: 370px;
	height: 320px;
	margin: 20px 20px 0 0;
	letter-spacing: normal;
	background: url(../images/bg_02.gif) repeat 0% 0%;
}
.local_loa:nth-child(2n) {
	margin: 20px 0 0;
}
.local_loaTitle {}
.local_loaPhoto {
	background-image:
		url(../images/local_bg_left.gif),
		url(../images/local_bg_right.gif);
	background-repeat:
		no-repeat,
		no-repeat;
	background-position:
		0% 0%,
		100% 0%;
	padding: 5px 0;
	text-align: center;
	background-color: #000000;
}
.local_loaData {
	padding: 13px 15px 0;
}
.local_loaData table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	color: #ffffff;
}
.local_loaData th {
	width: 65px;
	padding: 1px 0 5px;
	vertical-align: top;
}
.local_loaData td {
	padding: 0 0 0 10px;
	vertical-align: top;
	word-break: break-all;
}
.local_loaBtn {
	position: absolute;
	bottom: 8px;
	left: 15px;
	margin: 0;
	padding: 0;
}
.local_loaLine {
	margin: 30px 0 10px;
	border: 0;
	border-bottom: solid 1px #dee2e4;
}



/* =========================================================

	Guest Room　ゲスト情報

========================================================= */
.guest_text {
	padding: 0 0 20px 20px;
	font-size: 1.125em;
}
.guest_peopleList {
	letter-spacing: -0.4em;
}
.guest_people {
	display: inline-block;
	width: 230px;
	margin: 0 5px 10px 0;
	padding: 9px 9px 5px;
	vertical-align: top;
	letter-spacing: normal;
	border: solid 1px #dee2e4;
	background-color: #ffffff;
}
.guest_people:nth-child(3n) {
	margin: 0 0 10px;
}
.guest_peoplePhoto {
	padding: 0 0 10px;
}
.guest_peopleData {
	padding: 0 0 6px;
}
.guest_peopleIcon {
	display: table-cell;
}
.guest_peopleText {
	padding: 0 0 0 10px;
	display: table-cell;
}



/* =========================================================

	Heavy Rotation　ヘビーローテーション

========================================================= */
.heavy_table {}
.heavy_table table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	background-color: #ffffff;
}
.heavy_table td {
	padding: 25px;
	vertical-align: top;
	border: solid 1px #dee2e4;
}
.heavy_tablePhoto {}
.heavy_tableBtn {
	padding: 20px 0 0;
}
.heavy_tableText01 {
	font-weight: bold;
}
.heavy_tableText02 {
	padding: 10px 0 0;
	font-size: 0.875em;
}
.heavy_tableText02 p {
	margin: 0 0 1em;
}
.heavy_tableText02 p:last-child {
	margin-bottom: 0;
}



/* =========================================================

	会社概要

========================================================= */
.company_table,
.company_margin {
	margin: 0 0 70px;
}
.company_table th {
	width: 110px;
}
.company_list {}
.company_list ul {}
.company_list li {
	background: url(../images/icon_arrow_01.png) no-repeat 20px 4px;
	padding: 0 0 0 38px;
}
.company_text01 {
	padding: 12px 0 0 38px;
}
.company_map {}
.company_icon01 {
	background: url(../images/company_titleIcon_01.png) no-repeat 4px 0%;
	padding-left: 35px;
}
.company_icon02 {
	background: url(../images/company_titleIcon_02.png) no-repeat 0% 0%;
	padding-left: 35px;
}
.company_icon03 {
	background: url(../images/company_titleIcon_03.png) no-repeat 2px 0%;
	padding-left: 36px;
}

/* ---------------------------------------------------------
	番組審議会
--------------------------------------------------------- */
.banshin_icon01 {
	background: url(../images/banshin_titleIcon_01.png) no-repeat 0% 5px;
	padding-left: 35px;
}

/* ---------------------------------------------------------
	採用情報
--------------------------------------------------------- */
.recruit_text {
	padding: 0 0 70px 20px;
	font-size: 1.125em;
}

/* ---------------------------------------------------------
	後援・協賛願
--------------------------------------------------------- */
.kouen_text01 {
	padding: 0 0 15px 20px;
}
.kouen_icon {
	background: url(../images/kouen_icon_pdf.png) no-repeat 20px 0%;
	min-height: 23px;
	margin: 0 0 30px;
	padding: 5px 0 5px 62px;
}
.kouen_mailing {
	background: url(../images/kouen_icon_mailing.png) no-repeat 23px 50%;
	margin: 0 0 70px 20px;
	padding: 17px 23px 17px 86px;
	border: solid 1px #dee2e4;
	background-color: #ffffff;
}
.kouen_text02 {}

/* ---------------------------------------------------------
	個人情報保護方針
--------------------------------------------------------- */
.privacy_text01 {
	padding: 0 0 0 20px;
	font-weight: bold;
	font-size: 1.125em;
}
.privacy_base {
	padding: 0 0 50px 20px;
}
.privacy_text02 {
/* 	padding: 20px 0 35px 20px; */
	padding: 20px 0 0 0;
}
.privacy_list {
/* 	padding: 0 0 50px 35px; */
	padding: 20px 0 0 15px;
}
.privacy_list ul {
	list-style-type: disc;
}
.privacy_list li {}
.privacy_global {
	margin: 25px 0 0;
	padding: 15px;
	background-color: #ffffff;
}
.privacy_globalBanner {
	display: table-cell;
	vertical-align: middle;
}
.privacy_globalText {
	display: table-cell;
	padding: 0 0 0 16px;
	font-size: 0.875em;
	vertical-align: middle;
}



/* =========================================================

	お問い合わせ

========================================================= */
.contact_text01 {
	padding: 0 0 0 20px;
}
.contact_list {
	padding: 25px 0 50px 35px;
}
.contact_list ul {
	list-style-type: disc;
}
.contact_list li {}
.contact_icon01 {
	background: url(../images/contact_titleIcon_01.png) no-repeat 8px 0%;
	padding-left: 35px;
}
.contact_info {
	margin: 0 0 70px;
	padding: 15px 0;
	border: solid 1px #dee2e4;
	background-color: #ffffff;
}
.contact_infoTel {
	background: url(../images/contact_icon_tel.png) no-repeat 25px 6px;
	float: left;
	width: 285px;
	padding: 2px 0 8px 90px;
}
.contact_infoFax {
	background: url(../images/contact_icon_fax.png) no-repeat 25px 6px;
	float: right;
	width: 285px;
	padding: 2px 0 8px 90px;
	border-left: solid 1px #dee2e4;
}
.contact_icon02 {
	background: url(../images/contact_titleIcon_02.png) no-repeat 0% 2px;
	padding-left: 35px;
}
.contact_flow {
	padding: 20px 0;
	text-align: center;
}
.contact_form {
	padding: 0 0 80px;
}
.contact_table {}
.contact_table th {
	width: 110px;
}
.contact_table td {}
.contact_border {
	border: solid 1px #dee2e4;
}
.contact_errorText {
	color: #d82100;
}
.contact_fullWidth {
	width: 100%;
	padding: 6px 0;
}
.contact_errorBoder {
	border: solid 1px #d82100;
}
.contact_btn {
	padding: 30px 0 0;
}
.contact_btnLeft {
	float: left;
	width: 260px;
	text-align: right;
}
.contact_btnRight {
	float: right;
	width: 490px;
}



/* =========================================================

	福井県内イベント情報

========================================================= */
.event_navi {
	letter-spacing: -0.4em;
}
.event_prev,
.event_next {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
}
.event_prev a,
.event_next a {
	display: block;
	width: 75px;
	color: #ffffff;
	border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.event_prev a {
	background: url(../images/event_icon_prev.png) no-repeat 33px 50% #00a0e9;
	padding: 3px 0 2px 45px;
}
.event_next a {
	background: url(../images/event_icon_next.png) no-repeat 87px 50% #00a0e9;
	padding: 3px 45px 2px 0;
	text-align: right;
}
.event_month {
	display: inline-block;
	width: 520px;
	font-size: 1.25em;
	text-align: center;
	vertical-align: middle;
	letter-spacing: normal;
}
.event_table {}
.event_table th {
	width: 110px;
}
.event_table td {}