@charset "utf-8";



#build-menu,
#build-menu-button { display:none; }


@media (max-width: 780px) {

html{	background:#4c4c4c; }
	
/*////////////////////////////////////////////////////////

災害情報

////////////////////////////////////////////////////////*/
#saigai {	padding-top:0; }
#saigai a {
	padding:16px 0;
	width:320px;
	font-size:133%;
	background:url(../../images/icon_saigai.png) no-repeat 10px center;
	background-size:23px auto;
}

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

ヘッダー

////////////////////////////////////////////////////////*/
body{
	min-width:100%;
}
#headerparts { width:100%; }
#hWrap {
	position:relative;
	margin:0;
	width:100%;
	height:auto;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffffff', endColorstr='#ffc0c0c0');
	background: -moz-linear-gradient(#ffffff, #c0c0c0);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c0c0c0)); 
}
#hWrap h1 {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto;
	width:95px;
	height:40px;
	float:none;
	background:url(../../images/sp_logo.png) no-repeat center top;
	background-size:95px 40px;
}
#hWrap h1 a {
	display:block;
	width:123px;
	height:40px;
}
#hWrap #headBnr {
	margin: 0 auto;
	width: 100%;
	/*height: 100%;*/
	text-align: left;
	overflow: hidden;
	position: relative;
}
#headBnrWrap {
	margin: 0 auto;
	width: 100%;
	height: 100%;
	text-align: left;
	overflow: hidden;
}
#headBnrWrap #headBnr {
	width: 100%;
	/*height: 100%;*/
	text-align: left;
	overflow: hidden;
	position: relative;
	padding-top:20%;
}
#headBnrWrap #headBnr p {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
}
#hWrap #headBnr p {
	margin-top:0;	
	padding-top:0;	
	float:none;
}
#hWrap #headBnr p a,
#hWrap #headBnr p a img {
	display:block;
	width:100%;
	height:100%;
}
#headBnr #bnr_f {
	margin:0;
}
/* メニュー */
#hWrap ul {
	position:relative;
	margin-left:0;
	width:100%;
	height:40px;
	float:none;
	border-left:0;
}
#hWrap > ul li {
	position:absolute;
	top:0;
	width:50px;
	height:40px;
	float:none;	
}
#hWrap > ul li .menuText {
	text-indent:-9999px;
	display:block;
	whith::50px;
	height:40px;
}
#hWrap > ul #menu01 {	display:none; }
#hWrap > ul #menu02 {
	left:0;
	background:url(../../images/sp_menu.png) no-repeat center;
	background-size:50px 40px;
	border-right:1px solid #d6d6d6;
}
#hWrap > ul #menu02 .menuText {	display:none; }
#hWrap > ul #menu03 {
	right:0;
	background:url(../../images/sp_program.png) no-repeat center;
	background-size:50px 40px;
	border-left:1px solid #d6d6d6;
}

/* サブメニュー */
#hWrap > ul li div,
#hWrap > ul li:hover div { display:none;}

/* ナビゲーション */
#headerparts nav { display:none; }

/* スライドメニュー */
#build-menu-page {
  left: 0;
  position: relative;
  background-color: #fff;
}
#build-menu {
	visibility: visible;
	z-index: 0;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	display: none;
	width: 250px;
  padding: 0;
  position: static;
  z-index: 0;
  top: 0;
  height: 100%;
  overflow-y: auto;
  left: 0;
	background:#4c4c4c;
}
#build-menu-button {
	display:block;
	text-indent:-9999px;
	width:50px;
	height:40px;
}
#build-menu ul {
	margin:10px auto 0;
	padding-bottom:10px;
	width:220px;
	border-bottom:1px solid #ffffff;
}
#build-menu ul:last-child { border-bottom:0; }
#build-menu ul li a {
	display:block;
	padding:11px 0;
	width:220px;
	text-indent:35px;
	color:#ffffff;
	font-size:108.3%;
	
}
#build-menu ul #menu_fbs a {
	background:url(../../images/menu_fbs.png) no-repeat left center;
	background-size:30px 30px;
}
#build-menu ul #menu_news a {
	background:url(../../images/menu_news.png) no-repeat left center;
	background-size:30px 30px;
}
#build-menu ul #menu_sport a {
	background:url(../../images/menu_sport.png) no-repeat left center;
	background-size:30px 30px;
}
#build-menu ul #menu_drama a {
	background:url(../../images/menu_drama.png) no-repeat left center;
	background-size:30px 30px;
}
#build-menu ul #menu_music a {
	background:url(../../images/menu_music.png) no-repeat left center;
	background-size:30px 30px;
}
#build-menu ul #menu_anime a {
	background:url(../../images/menu_anime.png) no-repeat left center;
	background-size:30px 30px;
}
#build-menu ul #menu_mini a {
	background:url(../../images/menu_mini.png) no-repeat left center;
	background-size:30px 30px;
}
#build-menu ul #menu_nnn a {
	background:url(../../images/menu_nnn.png) no-repeat left center;
	background-size:30px 30px;
}
#build-menu ul #menu_ann a {
	background:url(../../images/menu_ann.png) no-repeat left center;
	background-size:30px 30px;
}
#build-menu ul #menu_fbsEvent a {
	background:url(../../images/menu_fbsevent.png) no-repeat left center;
	background-size:30px 30px;
}
#build-menu ul #menu_film a {
	background:url(../../images/menu_film.png) no-repeat left center;
	background-size:30px 30px;
}
#build-menu ul #menu_localEvent a {
	background:url(../../images/menu_localevent.png) no-repeat left center;
	background-size:30px 30px;
}
#build-menu ul #menu_goods a {
	background:url(../../images/menu_goods.png) no-repeat left center;
	background-size:30px 30px;
}
#build-menu ul #menu_sns a {
	background:url(../../images/menu_sns.png) no-repeat left center;
	background-size:30px 30px;
}
.build-menu-animating #build-menu-page {
	position: fixed;
	overflow: hidden;
	width: 100%;
	top: 0;
	bottom: 0;
}
.build-menu-animating.build-menu-close #build-menu-page,
.build-menu-animating.build-menu-open #build-menu-page {
	-webkit-transition: -webkit-transform 250ms;
	-moz-transition: -moz-transform 250ms;
	-o-transition: -o-transform 250ms;
	-ms-transition: -ms-transform 250ms;
	transition: transform 250ms;
}
.build-menu-animating.build-menu-open #build-menu-page {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.build-menu-animating #build-menu { display: block; }
.build-menu-open #build-menu {
	display: block;
	-webkit-transition-delay: 0ms, 0ms, 0ms;
	-moz-transition-delay: 0ms, 0ms, 0ms;
	-o-transition-delay: 0ms, 0ms, 0ms;
	-ms-transition-delay: 0ms, 0ms, 0ms;
	transition-delay: 0ms, 0ms, 0ms;
}
.build-menu-open #build-menu,
.build-menu-close #build-menu {
	-webkit-transition: -webkit-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-moz-transition: -moz-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-o-transition: -o-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-ms-transition: -ms-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	transition: transform 250ms, opacity 250ms, visibility 0ms 250ms;
}

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

コンテンツ

////////////////////////////////////////////////////////*/
#contentsWrap { 
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:96%;
}
#contentsWrap #contents { 
	float:none;
	width:100%;
}

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

右サイドボックスコンテンツ

////////////////////////////////////////////////////////*/
.boxContents article { box-sizing:border-box; }
aside.boxContents {
	float:none;
	width:100%;
}
aside.boxContents article {	display:none; }
.boxContents article ul li a:hover { color:#333333; }

/* FBSイベント */
.boxContents #fbsEvent #event_movie video {
	display:block;
	width:100%;
	height:auto;
}

/* SNS */
.boxContents #sns ul li a {
	min-height:60px;
}
/*////////////////////////////////////////////////////////

下層ページ

////////////////////////////////////////////////////////*/
#contentsWrap {
	padding-bottom:60px;
}


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

フッター

////////////////////////////////////////////////////////*/
#footerparts {
	padding:0;
	border-top:3px solid #4b4b4b;
}
#pageTop {
	display:block;
	position:relative;
}
#pageTop a,
#pageTop a:hover {
	display:block;
	position:absolute;
	top:-50px;
	right:5px;
	width:50px;
	height:50px;
	background:url(../../images/sp_pagetop.gif) no-repeat center 15px #4b4b4b;
	background-size:23px 17px;
	border-radius:5px 5px 0 0;
}
#ftr_pc {	display:none; }
#ftr_sp {	display:block; }
#ftr_sp ul li {
	margin-bottom:1px;
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background:url(../../images/arrow02.gif) no-repeat 97% center #e1e1e1;
	background-size:8px 11px;
}
#ftr_sp ul li a {
	display:block;
	padding:12px 0 12px 15px;
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	color:#333333;
}
#ftr_sp ul li a:hover {
	color:#333333;
}
#ftr_sp small {
	display:block;
	padding:10px;
	text-align:center;
	line-height:1.6em;
}


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

フォーム用　ヘッダー・フッター

////////////////////////////////////////////////////////*/
#form_headerparts,
#lite_headerparts {
	height:40px;
	background:url(../../images/header_logo.jpg) no-repeat center #ffffff;
	background-size:113px auto;
}
#form_footerparts,
#lite_footerparts {
	background:#4c4c4c;
}


}