@charaset "utf-8";


/*********************************************************

top専用CSS

/*********************************************************/

.commonPadding{padding-left:1.5%;padding-right:1.5%;}
a.non img:hover{opacity: 0.5;}




/* ///////////////////////////////////////////////

トップ（メインビジュアル部分）

///////////////////////////////////////////////　*/
#topMain{
	background-image: url(../../images/topbg.png);
	background-size: cover;
	background-color: #ffe35c;
	border-bottom: 8px solid #000;
}

/* メインビジュアル（センター） ----------------- */
#topMain .mainvisual{float: right;width:70%;}
#topMain .mainvisual a:hover img{opacity: 1;}



/* *********************************************
左カラム
********************************************** */
#topMain #left{width:30%;padding:30px 0px 0px 20px;}

/* バナーエリア */
#topMain #left .bn{left:1%;}
#topMain #left .bn a{display: block;margin-bottom: 10px;background-color: #fff;}
#topMain #left .bn a img{border: 1px solid #000;}



/* *********************************************
放送情報、ニュース
********************************************** */
#topMain #right{right: 1%;}

/* 共通 */
#topMain #onAir,#topMain #news{padding: 5px;font-size: 14px;font-weight: bold;line-height: 1.6;}
#topMain .box {
	border: 1px solid #000;
	border-bottom-width: 2px;
	border-top-width: 2px;
	padding: 10px 15px;
	border-radius: 10px;
}
#topMain #onAir h1,#topMain #news h1 {
	line-height: 1;
	text-align: center;
	font-size: 18px;
	margin-bottom: 10px;
	border-bottom: 1px solid #000;
	padding-bottom: 7px;
}

/* トップバナー ------------------ */
#topMain .topbn{margin-bottom: 10px;text-align: center;}


/* 放送情報 ----------------------------------------- */
#topMain #onAir{background-color: #ff569f;color: #451d00;}
#topMain #onAir h1 {text-shadow: 0px 0px 5px #ff009d;padding-bottom: 5px;}
#topMain #onAir .box {line-height: 1.45;padding-bottom: 30px;}
#topMain #onAir .box a {color: #ffd800;}

#topMain #onAir .box span{display: inline-block;text-indent: -0.5em;}
#topMain #onAir .box span strong{color: #ffd800;}

/* ネット配信 */
#topMain #onAir .box span.net{margin-top: 5px;}
#topMain #onAir .box span small {
	vertical-align: top;
	display: block;
	line-height: 1.2;
	text-indent: 0em;
	font-size: 10px;
	margin-bottom: 5px;
}
#topMain #onAir .box span em {font-size: 12px;}

/* 区切り線 */
#topMain #onAir .box hr{margin-top: 10px;padding-bottom: 10px;border-top: 1px dotted #000;}


/* NEWS（新着） ------------------------------------- */
#topMain #news {background-color: #c4adff;margin-bottom: 10px;}
#topMain #news h1 {text-shadow: 0px 0px 5px #7600ff;}

/* ニュースのスクロールエリア */
#topMain #news .scrollErea {overflow: auto;/*height: 200px;*/height: 660px;line-height: 1.4;}

/* 日付 */
#topMain #news .scrollErea dt{font-size: 11px;color: #0043db;font-weight: bold;}
#topMain #news .scrollErea dt:before{content: "■";}

/* 記事テキスト */
#topMain #news .scrollErea dd{margin-bottom: 7px;padding-bottom: 7px;border-bottom: 1px dotted #fff;}
#topMain #news .scrollErea dd a{display: block;color: #000a5a;text-decoration: none;font-size: 12px;}
#topMain #news .scrollErea dd a:hover{color: #0058ff;}





/* *********************************************
カルーセルバナーエリア
********************************************** */
#bannerErea {background-color: #cfff6a;border-top: 6px solid #fff;border-bottom: 6px solid #fff;}
#bannerErea ul {margin: 10px 30px !important;text-align: center;}
#bannerErea li {border: 3px solid #000;margin: 5px;}
.slide .arrow {top: 0;bottom: 0;margin: auto;height:80px;}



/* *********************************************
ワードプレス サムネ一覧
********************************************** */
#newsContents{margin-bottom: 130px;}
#newsContents h1 {
	text-align: center;
	padding: 70px 0px 10px;
	margin-bottom: 30px;
	font-size: 34px;
	line-height: 1;
	border-bottom: 1px solid #ccc;
}
#newsContents li {width: 25%;display: inline-block;padding: 5px;margin-bottom: 10px;vertical-align: top;}

/* 画像 */
#newsContents li .thumb {border: 1px solid #999;height:130px;text-align: center;overflow: hidden;position: relative;}
#newsContents li .thumb img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}

/* リンクテキスト */
#newsContents li a{display: block;text-decoration: none;}
#newsContents li p{padding-top: 10px;font-weight: bold;font-size: 16px;line-height: 1.3;}

/* NEWマーク */
#newsContents li .new {
	position: absolute;
	color: #ff0062;
	background-color: #ffe200;
	/*border-right: 1px solid #ffe200;
	border-bottom: 1px solid #ffe200;*/
	z-index: 1;
	line-height: 1;
	padding: 1px 10px 2px;
	font-size: 14px;
	font-weight: 700;
}





/*################################################################################
  media query
################################################################################*/


/* ***********************************************************
スマホ専用
*********************************************************** */
@media screen and (max-width: 480px) {
	
	a.non img:hover{opacity: 1;}
	
	/* ///////////////////////////////////////////////
	トップ（メインビジュアル部分）
	///////////////////////////////////////////////　*/
	
	#topMain{background-size: 200%;background-repeat: no-repeat;}
	
	/* メインビジュアル（センター） ----------------- */
	#topMain .mainvisual{width: 100%;border-bottom: 10px solid #000;float: none;}
	
	/* 左右カラム共通項目 -------------------------- */
	#topMain #left{width: 100%;padding: 15px;}
	
	
	/* *********************************************
	左カラム（バナーエリア）
	********************************************** */
	#topMain #left .bn{padding: 0px 0px 10px;}
	#topMain #left .bn a{width: 48%; margin: 1%;display: inline-block;}
	#topMain #left .bn a.large{float: left;}
	
	#topMain #left .bn .smpClear{clear: both;}
	
	/* *********************************************
	放送情報、ニュース
	********************************************** */
	
	/* 共通 */
	#topMain #onAir h1,#topMain #news h1 {font-size: 18px;padding-bottom: 5px;}
	
	
	/* 放送情報 ----------------------------------------- */
	#topMain #onAir{letter-spacing: 0px;}
	#topMain #onAir .box span{display: block;text-indent: -0.5em;}
	#topMain #onAir  br.non{display: none;}
	
	/* ネット配信 */
	#topMain #onAir .box span.net{margin-top: 10px;}
	#topMain #onAir .box span small{display: inline-block;}
	
	/* NEWS（新着） ------------------------------------- */
	#topMain #news .scrollErea {overflow: inherit;height: inherit;line-height: 1.4;}
	
	
	
	/* *********************************************
	カルーセルバナーエリア
	********************************************** */
	#bannerErea ul {margin: 10px 20px!important;}
	#bannerErea li {margin: 3px;}
	
	/* プラグイン矢印 ******************* */
	.slide .prev{left: -23px;}
	.slide .next{right: -23px;}
	.slide .arrow {height:80px;}
	
	
	/* *********************************************
	ワードプレス サムネ一覧
	********************************************** */
	#newsContents{margin-bottom: 0px;}
	#newsContents h1 {font-size: 24px;letter-spacing: -1px;margin-bottom: 20px;padding-top: 50px;}
	
	#newsContents li{width:50%;margin-bottom: 5px;}
	
	/* 画像 */
	#newsContents li .thumb {height:80px;}
	
	/* リンクテキスト */
	#newsContents li p{padding-top: 7px;font-size: 14px;}
	
	
	
}