@charset "utf-8";

img {
	vertical-align: top;
}

.t_red{
	color: #D1203D;
}



#wrap_top {
	background:linear-gradient(0deg,#e9f2fc,#bad4f6) fixed  #aaa;
}

#wrap_top #container {
  background: none #fff;
}

.topbnr{
	margin: 0 auto;
	padding:4px 0;
	text-align:center;
	width:96%;
}
.topbnr img{
	max-width:100%;
}
.topbnr img:hover {
	filter: brightness(120%);
	transition: 0.7s;
}

.c_in{
	margin: 0;
	padding: 0;
}

#wrap_top.top #copyright {
	color: #00004b !important;
	background: none !important;
}
#contents {
	min-height: 800px !important;
}
.kv_box {
	padding: 0 !important;
}
.kv_box img {
	
	width: 100% !important;
}


#nav ul {
	text-align: center;
}
#nav ul li {
	text-align: left;
}
	@media screen and (max-width: 619px){
		#wrap_top {
			background: none;
		}
		#wrap_top.top #container{
			padding-top:30px;
		}
		#contents {
			min-height: auto !important;
		}
		.hoso {
			padding: 3%;
		}
		.hoso img {
			width: 100%;
		}

		#program_logo {
			padding-top:30px;
		}

	}

/*----------時間変更----------*/

.time_change {
	padding: 4px 0 !important;
}

	@media screen and (max-width: 619px){
		.onairinfo {
			padding: 2.5em 0.5em 0.5em !important;
	    }
    }


/*----------放送文言----------*/

.hoso {
	margin: 10px 20px 0;
	padding:10px 0;
	text-align: center;
}

.hoso img{
	max-width: 90%;
}

	@media screen and (max-width: 619px){
		.hoso {
			margin: 0 4%;
			padding:4% 0 4%;
		}
	}

/*----------ソーシャル----------*/

ul.social {
	display: flex;
	width: 240px;
	justify-content: space-around;
	margin: 0 auto 10px;
}
	@media screen and (max-width: 619px){
		.tx_social_table {
			margin: 0 auto;
		}
		ul.social {
			display: none;
		}
	}


/*----------トップページ公式バナー----------*/
.btn {
	text-align: center;
}

.btn a {
	display: inline-block;
	margin: 20px auto 40px;
	padding: 0 0;
}
.btn a:hover {
	opacity: 0.7;
	transition : 0.5s;   
}
	@media screen and (max-width: 619px){
		.btn a {
			width: 80%;
			margin: 4% auto 4%;
			padding: 0;
			font-size: 24px;
		}
		.btn a img{
			width: 100%;
		}
	}



/* テキストボタン */
.txt_btn a {
	display: block;
	width: 400px;
	margin: 0 auto 1%;
	padding: 6px 0;
	font-weight: bold;
	font-size: 120%;
	text-align: center;
	color: #fff;
	text-shadow:2px 1px #ad172f;
	background: linear-gradient(#d1203d,#b34053);
	border: 2px solid #ad172f;
	border-radius: 100px;
}
.txt_btn a:hover {
	transition: 0.7s;
	opacity: 0.7;
}

.txt_btn_off {
	display: block;
	width: 400px;
	margin: 0 auto 1%;
	padding: 6px 0;
	font-weight: bold;
	font-size: 120%;
	text-align: center;
	color: #fff;
	background: -webkit-linear-gradient(#aaa, #666);
	background: -o-linear-gradient(#aaa, #666);
	background: linear-gradient(#aaa, #666);
	border: 2px solid #555;
	border-radius: 100px;
}

	@media screen and (max-width: 619px){
		.txt_btn a,
		.txt_btn_off {
			width: 80%;
			margin: 0 auto 6%;
			padding: 3% 0;
			font-size: 120%;
		}
	}