/*IMPORT CSS
-------------------------------------*/

@import url("grid.css");


/*------------------------------------
--------------------------------------
■　共通設定
--------------------------------------
-------------------------------------*/

img {
	max-width:100%;
	height: auto;/*高さ自動*/
}

a {
/*display:block;*/
color: #333;
text-decoration: none;
}

a:hover { 
color: #999;
}

a img:hover {
	opacity: 0.8;
}

.center {
	text-align:center;
}





/*ディスプレイの非表示設定
-----------------------------------*/

@media screen and (min-width: 768px){
/* PC時は非表示 */

		.pc-display {
		display: none;
		}
}


@media screen and (max-width: 767px){
/* スマホ時は非表示 */

		.sp-display {
		display: none;
		}
}



/*------------------------------------
--------------------------------------
■　臨時・告知情報
--------------------------------------
-------------------------------------*/

.notice {
	width:100%;
	text-align:center;
	/*height:60px;
	background: #ff5722;*/
	background-color: #bb271c;
	margin:0rem 0 2rem;
	padding:16px 0;
	border-top:2px solid #333;
	border-bottom:2px solid #333;
		letter-spacing:.2rem;

}

.notice a {
	font-size:1.8rem;
	line-height: 1.8;
	color:#fff;
	font-weight: 700;

}
.notice p {
	margin: 0 auto;
	font-size:1.8rem;
	line-height: 1.8;
	color:#fff;
	font-weight: 700;

}
.notice2 {
	width:100%;
	text-align:center;
	background: #ff5722;
	margin:0rem 0 2rem;
	padding:16px 0;
	border-top:2px solid #333;
	border-bottom:2px solid #333;
		letter-spacing:.2rem;

}


.info-fix_wrap {
	margin:10px auto 0 auto;
	text-align:center;
/*	width:100%;*/
	max-width:800px;
	padding:0 10px;
}


/* スマホ時は非表示

@media screen and (min-width: 768px){
		.info-fix_wrap {
			margin:0 auto;
			text-align:center;
			height:auto;
			padding:10px;
			display:none;
		}
}
 */




/*------------------------------------
--------------------------------------
■　レイアウト・セクション
--------------------------------------
-------------------------------------*/

/*メインコンテンツ
-------------------------------------*/
main {
margin: 0 auto;
}





/*ニュース
-------------------------------------*/

.news_box {
	padding:20px;
	margin-bottom:2rem;
}


.topix {
	/*margin-bottom:2rem;*/
}
.topix figcaption {
	line-height: 1.4;
}

.news-article {
border-bottom: 1px solid #dfdfdf;
}

.news-article p {
margin-left:10px;
		width:80%;
}

.news-article-list {
	margin:0 auto;
}

.news-article h3 {
	font-size:1.4rem;
	background: none;
	color: #000;
}

.news-headline {
	margin-top:20px;
}

#news h2 a,
#weather h2 a {
color: #fff;
}

#news li,
#weather li {
list-style-type: none;
		/*border-bottom: 1px solid #ccc;
		padding: 0.5rem 0;*/
}

.news-article {
	margin-bottom: 0;
}
.news-article a {
display: flex;
align-items: center;
padding: .5em 0;
min-height: 0;
}
.news-article p {
	margin-bottom: 0;
	font-size: 1.5rem;
	line-height: 1.3;
}
.news-article span {
	margin-left: .5em;
	font-size: 1.2rem;
}

/*--/ニュース画像サムネイル/---*/
.news-thumb {
	width: 160px;
}
.news-thumb img {
	vertical-align: top;
}


/*ニュース下1本表示ボタン*/
.newsbottom-bn img{width:100%;}


/*ニュース：スマホ時表示ボタン
-----------------------------------*/

ul.sp_news_bana {
	display: flex;
	margin: 10px auto;
	padding: 0;
	list-style: none;
	width:100%;
}

ul.sp_news_bana li{
padding: 10px;
border: 1px solid #fff;
background-color: #207c9b;
font-size: 1.2rem;
line-height: 1.3;
letter-spacing: 1px;
font-weight: 700;
width: 100%;

}

ul.sp_news_bana li a {
		color:#fff;
width: 100%;
}

ul.sp_news_bana li a:hover {
	color:#f6d55c;
}


ul.sp_news_bana li:not(:first-child){
	border-left: none;
}


/*ニュース枠：お詫び
-----------------------------------*/

#news .owabi{
margin: 1rem auto 2.5rem auto;
padding: 0;
padding-bottom: 0;
border: 1px solid #ccc;
}

#news .owabi h4{
margin:0;
padding: 10px 10px 0 10px;
font-size: 1.2em;
text-align:center;
}

#news .owabi p{
margin:0;
padding: 10px;
}


/*気象・防災・ライブカメラ
-------------------------------------*/










/*スポーツニュース
-------------------------------------*/

.sport_box {
	padding:20px;
	background-color:#f2f2f2;
	margin-bottom:2rem;
}

section.sport_box figcaption {
	padding:10px 0;
}

.swiper-container {
width: 100%;
height: auto;
}

.spo-p {
	margin:1rem;
	font-size: 1.6rem;
}

@media screen and (max-width: 420px) {
	.spo-p {
		font-size: 1.5rem;
		line-height: 1.3;
	}
}





/*------------------------------------
--------------------------------------
■　かごしまじかん記事表示設定
--------------------------------------
-------------------------------------*/

.kgtime_box {
	padding:20px;
	margin-bottom:2rem;
}


div.blog_post_wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin:0 auto;
	width:100%;
}

div.service-box {
	border: 1px solid #f2f2f2;
	padding: 0;
	margin: 0;
	width: 25%;
	background-color: #fff;
	float: left;
}


div.service-box a{
	display: block;
	height:100%;
	width: 100%;
	color: #000;
}

div.service-box a:hover{
	text-decoration: none;
	opacity: 0.8;
	background-color: #f2f2f2;
	color: #000;
	transition: .4s;
}

.service-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.service-box p {
	margin:1rem;
	font-size: 1.6rem;
}

.pickup-box p {
	margin:0 1rem  1rem;
}

@media screen and (max-width: 768px) {
.service-box p {display:none;}
}



/*==イベントお知らせ==*/

.wrap_event_box {
	width: 100%;
	padding:0;
	margin:0 auto 2rem;
	display: flex;
	flex-wrap :wrap;
	justify-content: flex-start;
}



div.event-box {
	border: 1px solid #f2f2f2;
	padding: 0;
	margin: 0;
	width: calc(100% / 3); /* 33.3333333…％ */
	background-color: #fff;
/*	display: flex;
	float: left;
	width: 33%;
*/
}


div.event-box a{
	display: block;
	height:100%;
	width: 100%;
	color: #000;
}

div.event-box a:hover{
	text-decoration: none;
	opacity: 0.8;
	background-color: #f2f2f2;
	color: #000;
	transition: .4s;
}

.event-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.event-box p {
	margin:1rem;
	font-size: 1.6rem;
}

@media screen and (max-width: 420px) {
	.event-box p {
		font-size: 1.5rem;
		line-height: 1.3;
	}
}





@media screen and (max-width: 768px){

		div.service-box {
			border: 1px solid #f2f2f2;
			padding: 0;
			margin: 0;
			width: 50%;
			background-color: #fff;
/*			float: left;*/
		}


		/*==イベントお知らせ==*/

		div.event-box {
			border: 1px solid #f2f2f2;
			padding: 0;
			margin: 0 0 16px 0;
			width: 100%;
			background-color: #fff;
/*			float: left;*/
		}


}



/*===[画像のトリミング設定]===*/

.trim {
	width: 100%;  /* トリミングしたい幅 */
	padding-top: 56.2%;  /* トリミングしたい高さ */
	overflow: hidden;
	position: relative;
	background-color: #fff;
}
.trim img {
	padding:0;
	margin:0;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 150%;
 	max-height: 150%;
}

/*===[ピックアップカテゴリー設定]===*/

.cat_label {
	display: block;
	padding: 1rem;
	color: #FFF;
	font-weight: 700;
	margin: 0 auto;
	font-size: 14px;
	font-size: 1.4rem;
	width: 100%;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*テレビ:*/
.cat_tv {
	background: #204a9b;
}

/*ラジオ：*/
.cat_radio {
	background: #10324e;
}

/*地域ブロガー*/
.cat_blog {
	background:#184a74;
}

/*かごしま暮らし*/
.cat_cat_kglife {
	background:#20639b;
}

/*やくしまじかん*/
.cat_yakushima {
	background: #588ab4;
}

/*あまみじかん*/
.cat_amami {
	background:#90b1cd;
}

/*イベント：*/
.cat_event {
	background: #207c9b;
}

/*ニュース・スクープ投稿・投稿セレクション*/
.cat_scoop {
	background: #94848a;
}





/*募集・イベント・プレゼント
-------------------------------------*/

.eve_pre_box {
	padding:20px;
	margin-bottom:2rem;
}





/*MBCからのお知らせ
-------------------------------------*/

.info_box {
	padding:20px;
	background-color:#f2f2f2;
	margin-bottom:2rem;
}

.info_box h2 {
	padding:10px 0;
}

.info_box figcaption{
	margin:10px auto;
}


.info_box_left {
	padding:10px;
	background-color:#fff;
	border-radius:4px;
	margin-bottom:20px;
}



.info_list {
	padding:10px;
	background-color:#fff;
	border-radius:4px;
}

.info_list li {
	font-size:1.4rem;

}





/*番宣スライド・番組表
-------------------------------------*/

.taimetable_box {
	padding:20px;
	margin-bottom:2rem;
}

/*番宣スライド*/

.main-carousel .slide {
   width: 100%;
/*   height: 450px;*/
}

.flickity-button {
position: absolute;
background: hsla(0,0%,100%,.75);
border: none;
color: #333;
padding: 0;
}


@media screen and (max-width: 861px){
		.main-carousel .slide {
		   width: 100%;
		   height: 180px;
		}
		.flickity-page-dots {
				display:none;
		}
}


/*youtube埋め込み*/

.movie-wrap {
 position: relative;
 padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
 height: 0;
 overflow: hidden;
}
 
.movie-wrap iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}






/*テレビ・ラジオ番組表
-----------------------------------*/

table#program_table{
width:100%;
}

.t_td {
	margin:0;
	padding:1rem 0;
	text-align:center;
	color:#fff;
	font-weight: 700;
}

.tv_table_l {
	background-color:#46779f;
}
.tv_table_r {
	background-color:#ff9800;
}

.radio_table_l {
	background-color:#1c3446;
}

.radio_table_r {
	background-color:#ff9800;
}


.t_td a {
	color:#fff;

}

.t_td a:hover {
	color:#ffeb3b;

}

.radiooshirase img{
width: 100%;}

#program_table iframe {
width: 100%;
height: 100%;
border:none;
display:block;
}

.program_table_img,.program_table_list{
	margin:0;
	padding:10px 0;
	height: 130px;
}

@media print, screen and (min-width:961px) {
.program_table_img{width: 30%;}
.program_table_list{width:64%;}
}

@media only screen and (min-width: 769px) and (max-width: 960px) {
.program_table_img{display:none;}
.t_td,.program_table_list{display:block;}
}



/*SNSアカウント一覧
-------------------------------------*/



.sns_box {
	padding:20px;
	background-color:#d8e5f0;
	margin-bottom:2rem;
}






/*スポンサーバナー
-------------------------------------*/

.sponsor{
	padding:20px;
	margin-bottom:2rem;
}



/*Google AdSense表示
-------------------------------------*/

.add_box {
	width:100%;
	text-align:center;
}

.add_box a {
		display: inline-block;
		background-color:  #fff;
		padding:20px ;   
}







/*------------------------------------
--------------------------------------
■　フッターエリア
--------------------------------------
-------------------------------------*/


footer {
background-color: #fff;
padding: 5rem 0 0;
		color: #666;
}

footer ul li {
	font-size:1.2rem;
}


footer h5 {
border-bottom: 2px solid #fff;
	font-size:2rem;

}


/*会社案内・サイトマップ*/

.siteinfo_box {
	padding:10px;
	background-color:#f2f2f2;
	width: 100%;
}


.siteinfo_box ul {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap:wrap;
	margin-top:2.5rem;
}

.siteinfo_box ul li {
	margin-right:20px;
	list-style:none;
}







/*コピーライト
-------------------------------------*/
.copyright {
text-align: center;
padding: 1rem 0;
background-color: #fff;
		font-size:1rem;
}
.copyright a {
color: #000;
text-decoration: none;
	display: inline-block;
}

/*ページトップへ戻るボタン
-------------------------------------*/
#pagetop {
position: fixed;
bottom: 15px;
right: 15px;
}
#pagetop a {
display: block;
background: #20639b;
color: #fff;
width: 60px;
padding: 10px 5px;
text-align: center;
}

#pagetop a:hover {
background: #03a9f4;
}





/*------------------------------------
--------------------------------------
■　テキストの装飾
--------------------------------------
-------------------------------------*/

/*見出し
-------------------------------------*/

h2 {
		font-size:1.6rem;
		font-weight: 700;
		background-color:#20639b;
		color:#fff;
		padding: 1rem;
		letter-spacing: .2rem;
		margin: 0;

}

h3 {
font-size: 2.2rem;
font-weight: 700;
color: #20639b;
}


.days_s_txt {
		margin-left: .5em;
font-size: 1.2rem;
}


/*バナー・ボタンの装飾
-------------------------------------*/

.btn-flat-bana {
		font-size:1.6rem;
		position: relative;
		display: inline-block;
		font-weight: bold;
		padding: 1rem 2rem 1rem 1rem;
		text-decoration: none;
		color: #fff;
		transition: .4s;
		width:100%;
		margin-bottom:.5rem;
		background: #436886;
		letter-spacing: .2rem;
}

.btn-flat-bana:hover {
		background: #67a0ce;
	  color: #fff;
}



.btn-flat-bana_info {
		font-size:1.8rem;
		position: relative;
		display: inline-block;
		font-weight: bold;
		padding: 1rem 2rem 1rem 1rem;
		text-decoration: none;
		color: #fff;
		transition: .4s;
		width:100%;
		margin-bottom:.5rem;
		background: #436886;
}

.btn-flat-bana_info:hover {
		background: #67a0ce;
	  color: #fff;
}


.btn-flat-bana_sp {
		font-size:1.8rem;
		position: relative;
		display: inline-block;
		font-weight: bold;
		padding: 1rem;
		text-decoration: none;
		color: #fff;
		transition: .4s;
		width:100%;
		margin-bottom:.5rem;
		/*background: #ff5722;*/
		background: #ab423c;
		letter-spacing:.2rem;
}

.btn-flat-bana_sp:hover {
		background: #e62117;
	  color: #fff;
}


.btn-flat-bana_sp01 {
		font-size:1.8rem;
		position: relative;
		display: inline-block;
		font-weight: bold;
		padding: 1rem;
		text-decoration: none;
		color: #e62117;
		transition: .4s;
		width:100%;
		margin:1rem 0 2rem 0;
		background: #fff;
		letter-spacing:.2rem;
		border: 2px solid #e62117;
}

.btn-flat-bana_sp01:hover {
		background: #e62117;
	  color: #fff;
}


/*======*/
.btn-flat-bana_txt {
		font-size:1.8rem;
		position: relative;
		display: inline-block;
		font-weight: bold;
		padding: 1rem;
		text-decoration: none;
		color: #000;
		transition: .4s;
		width:100%;
		margin-bottom:.5rem;
		/*background: #ff5722;*/
		letter-spacing:.2rem;
}
/*======*/






@media screen and (max-width: 640px) {

.btn-flat-bana_sp {
		font-size:1.6rem;
		position: relative;
		display: inline-block;
		font-weight: bold;
		padding: 2rem;
		text-decoration: none;
		color: #fff;
		transition: .4s;
		width:100%;
		margin-bottom:.5rem;
		/*background: #ff5722;*/
		background: #ab423c;
		letter-spacing:.4rem;
}


}






/*臨時気象情報ボタン
-------------------------------------*/

.btn-flat-bana_red {
		font-size:2rem;
		position: relative;
		display: inline-block;
		font-weight: bold;
		padding: 1rem 2rem 1rem 1rem;
		text-decoration: none;
		color: #fff;
		transition: .4s;
		width:100%;
		margin-bottom:.5rem;
		background: #bb271c;
		letter-spacing: .2rem;
}

.btn-flat-bana_red:hover {
		background: #ECECEC;
		color: #00BCD4;
}



/*もっと見るボタン
-----------------------------------*/

.btn_box {
	margin: 0 auto;
text-align: center;
width: 100%;
}

.btn-more-flat { 
  color: #2b4255;
  display: inline-block;
  height: 40px;
  font-size: 1.8rem;
  line-height: 40px;
  background: #d5e0ea;
  text-decoration: none;
  margin: 1em;
	border-radius:0 4px 4px 0;
	font-weight: 700;

}

.btn-more-flat-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  color: white;
}
.btn-more-flat-icon i {
  font-size: 2rem;
  line-height: 40px;
  transition: .3s;
}
.btn-more-flat-text {
  display: inline-block;
  width: 130px;
  text-align: center;
}

.btn-more {
  background:#2b4255;
	border-radius: 4px 0 0 4px;
}

.btn-social-flat:hover .btn-social-flat-icon i {
  -webkit-transform: rotateX(360deg);
  transform: rotateX(360deg);
}


/*海プロ・水色ボタン
-----------------------------------*/

.btn-flat-bana_blue {
		font-size:1.6rem;
		position: relative;
		display: inline-block;
		font-weight: bold;
		padding: 1rem 2rem 1rem 1rem;
		text-decoration: none;
		color: #00BCD4;
		transition: .4s;
		width:100%;
		margin-bottom:.5rem;
		background: #ECECEC;
		letter-spacing: .2rem;
}

.btn-flat-bana_blue:hover {
		background: #ECECEC;
		color: #2196f3;
}


/*　マスター　ライブ配信
-----------------------------------*/
/*#youtubelive-t{
margin: 0;
text-align: center;
padding : 0 1rem;
}

#youtubelive-t h2{
margin: .5rem auto;
padding : 6px 0;
border-bottom:1px solid #00548c;
color : #00548c;
max-width: 600px;
font-size : 1.3rem;
}

#youtubelive-t p{
padding :0 0 6px 0;
font-size : .95rem;
}
*/

/*#youtubelive{
margin: 10px auto 0 auto;
text-align: center;
}

#youtubelive:empty {
  display: none;
}


@media screen and (max-width: 640px) {
#youtubelive{
  position: relative;
width: 90%;
  padding-top: 50.8%;
}

#youtubelive:empty{
padding-top: 0;
}


#youtubelive iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
}
*/


/*=====[サイマルyoutubeの設定]==============================================================================================*/

.rinji-haishin {
margin:0 auto;
text-align:center;
max-width:800px;
box-sizing: border-box;
padding:20px;
}
@media screen and (max-width: 500px) {
.rinji-haishin {
    padding-left: 3vw;
    padding-right: 3vw;
}
}

.youtubelive{
position: relative;
overflow:hidden;
}

.youtubelive::before{
content:"";
display:block;
width:100%;
aspect-ratio: 16/9;
}
.youtubelive:empty{
padding-top: 0;
height:0;
}
.youtubelive iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
object-fit:cover;
}





/*
#youtubelive{
position: relative;
width: 100%;
padding-top: 56.25%;
}

#youtubelive:empty{
padding-top: 0;
}


#youtubelive iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
@media screen and (max-width: 640px) {
#youtubelive{
padding-top: 50.8%;
}
}
*/

/*
#youtubelive{
margin: 10px auto 0 auto;
text-align: center;
}
#youtubelive:empty {
  display: none;
}


@media screen and (max-width: 640px) {
#youtubelive{
position: relative;
width: 90%;
padding-top: 50.8%;
}

#youtubelive:empty{
padding-top: 0;
}


#youtubelive iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
}
*/


/* youtube　ライブ配信3 */

.yt-waku{
margin : 0 auto;
padding : 1rem 1rem 2rem 1rem;
clear: both;
text-align: center;
max-width:800px
}

.yt-waku h3{
padding: .25em 0 .5em .75em;
color:#3498db;
border-left: 6px solid #3498db;
border-bottom: 1px solid #ccc;
text-align: left;
}


.youtube2
{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube2 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.jstpab
{
  position: relative;
  width: 100%;
/*   padding-top: 56.25%; */
}

.jstpab iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


/* 屋久島バナー */
.yakushima{
margin:0;
}



/*===[Googleカスタム検索]=======================================================*/

#search-box{
margin: .5rem 0;
padding: 1.5rem 1rem 0 1rem;
background-color: #f2f2f2;
text-align:center;
}


.search_box {margin: 0 auto;padding:0;width:100%;}
.search_box form{margin: 0 auto;}

.search_box input[type="text"] ,
.search_box input[type="submit"] {
	height:40px;
}


.search_box input[type="text"] {
	font-size:1.6rem;
	width:200px;
}


.search_box input[type="submit"] {
	background-color:#20639b;
	color:#fff;
	border:none;
}


@media screen and (max-width: 768px) {
.search_box {margin: 0 auto 1.5rem auto;padding:0;width:100%;}
.search_box input[type="text"] {width:190px;margin-bottom:0;}
.search_box input[type="submit"] {padding: 0 10px;margin-bottom:0;}
}



/*===[0706追加]=======================================================*/
.bana_box {
  height:60px;
  width:100%;
  background-color:#de2518;
  text-align:center;
  display:table;
padding: 20px;
margin-bottom: 2rem;
}

.bana_box a {
	font-size : 16px;
	font-weight: 700;
	color: #fff !important;
  vertical-align:middle;
  display:table-cell;
text-decoration: none;
}



/*===[2020/10/8追加]===================================================*/
/* --- 気象のデザイン変更 ---- */
.sp-bnr-box,
.sp-bnr-box li {
	margin-bottom: 0;
}

.flat-bnr {
	display: block;
	padding: 10px;
	width: 100%;
	background-color: #ccc;
	color: #fff;
	font-weight: 700;
	line-height: 1.3;
}

@media screen and (max-width: 767px) {
	.sp-display-none {
		display: none;
	}
	.sp-bnr-box {
		display: flex;
		align-items: center;
		margin: 10px auto 0;
		text-align: center;
	}
	.sp-bnr-box li {
		width: 100%;
		font-size: 1.2rem;
		letter-spacing: 1px;
	}
	.sp-bnr-box li + li {
		border-left: 1px solid #fff;
	}
	.flat-bnr {
		padding: 15px 5px;
		background-color: #207c9b;
		display: block;
	}
	.flat-bnr:hover {
		color: #f6d55c;
	}
	.bnr-image-on {
		justify-content: center;
		background-color: #fff;
	}
	.flat-bnr-image {
		display: block;
	}
	.flat-bnr-image img {
		vertical-align: middle;
	}
}

@media screen and (min-width: 768px) {
	.pc-display-none {
		display: none;
	}
	.flat-bnr {
		margin-bottom: .5rem;
		background-color: #436886;
		letter-spacing: .2rem;
		transition: .4s;
	}
	.flat-bnr:hover {
		background-color: #67a0ce;
		color: #fff;
	}
	li.pc-partnership .flat-bnr{
		background-color: #2d91e2;
		background-image: linear-gradient(#2dade2, #2d91e2);
		padding: 20px 5px;
		text-align:center;
		font-size : 1.15em;
}

}



/* 番組表 スマホ表示 バナーボタン */
.taimetable_box ul.sp_news_bana li {
	margin-bottom: 0;
	padding: 15px 10px;
}


/*===[2022/4/6追加]===================================================*/
/* --- ニュース関連バナー変更 ---- */
.news-bnr_wrap {
	display: grid;
	grid-template-rows: 1fr auto auto;
	grid-template-columns: 1fr 1fr;
	gap: 1px;
	margin: 0 auto 1.5em;
}
.news-bnr a {
	display: block;
	padding: .5em 0;
	text-align: center;
}
.news-bnr img {
	vertical-align: top;
}
.bnr-scoop {
	grid-area: 1 / 1 / 2 / 3;
	background: #116eb4;
}
.bnr-scoop a {
	padding: 0;
}
.bnr-newsblog {
	grid-area: 2 / 1 / 3 / 2;
	background: #116eb4;
}
.bnr-jnn { background: #d9e021; }
.bnr-trf { background: #29abe2; }

@media (min-width: 768px) {
	.news-bnr_wrap {
		grid-template-rows: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
	}
	.bnr-scoop {
		grid-area: 1 / 1 / 2 / 2;
	}
	.bnr-newsblog {
		grid-area: 1 / 2 / 2 / 2;
	}
	.news-bnr a {
		padding: 0;
	}
}


/*===[2022/4/14追加]===================================================*/


.wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin:20px 0;
}

.item {
  padding: 4px;
  width: 32%;
  background-color: #fff;
}


.item p {
  font-size: 14px;
margin: 6px auto 0;
}



@media not all and (min-width: 768px) {
  .item {
width: 100%;
  }

  .item:not(:last-child) {
margin-bottom: 30px;
  }
}

.form_button a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px auto 0;
  padding: 10px;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  background-color: #ffffff;
  border: 1px solid #333333;
  border-radius: 62px;
}
/*
.form_button a::after {
  content: '';
  width: 10px;
  height: 10px;
  background-image: url(/img/top/yajirusi.svg);
  background-size: auto;
  background-repeat: no-repeat;
}*/


/*2023/05/24追加分：トップふるさとプロジェクト
-----------------------------------*/
#furusato_box {
	padding:20px;
	background-color:#f2f2f2;
}

#furusato_box h2 {
	margin-bottom:1rem;
}

#furusato_box h4 {
	font-size:1.8rem;
	font-weight: 700;
	line-height: 1.3;
	padding:1rem 0 0 0;
	margin:0;
	color:#20639b;
}


#furusato_box p {
	font-size:1.4rem;
	padding:.6rem 0;
	margin:0;
}

/*202506_タグプラス表示div*/

.tagplus_box {
	width:100%;
	margin: 1rem auto;
}