@charset "utf-8";
/* CSS Document */



body{
	background:#fafafa;
}




#g-head{

border-bottom:1px solid #ccc;
height:45px;
background:#ffffff;

}

#g-head h1 a{
	padding:5px 0 0 0;
	margin:0 auto;
	background-image: url(http://img.sp2.fujitv.co.jp/v/fcsimg/common/logo.png);
	background-repeat: no-repeat;
	background-size:100%;
	width:120px;
}


#main{
	width:96%;
	margin:10px auto;
}	

#contents{
	border:0px;
}

/* ------- 情報ページ -----
----------------------------------- */

#topPageN .disBox {
	display:box;
	display:-moz-box;
	display:-webkit-box;
	display:-o-box;
	display:-ms-box;
	width: 100%;
	margin-bottom: 2%;
}
#topPageN .brBox {
	border: 2px solid #000;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	background-color: #fff;
}
#topPageN .brBox a {
	display: block;
}

/* 共通 */
#topPageN .sizeS,
#topPageN .sizeL {
	font-size: 70%;
	line-height: 1.2em;
}
#topPageN .sizeS figure,
#topPageN .sizeL figure {
	border-bottom: 2px solid #000;
}
#topPageN .sizeS img,
#topPageN .sizeL img,
#topPageN .sizeLL img  {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	width: 100%;
	vertical-align: bottom;
}

#topPageN .columT{
	border-radius:0 0 8px 0;
	-moz-border-radius:0 0 8px 0;
	-webkit-border-radius:0 0 8px 0;
	-o-border-radius:0 0 8px 0;
	-ms-border-radius:0 0 8px 0;
	width: 100%;
	vertical-align:top;
}

#topPageN .sizeS p,
#topPageN .sizeL p {
	padding: 2px;
}
#topPageN .sizeS {
	width: 32%;
	margin-right: 2%;
}
#topPageN .sizeL,#topPageN .sizeL2  {
	width: 66%;
	margin-right: 2%;
}


/* ---　SNSボタン
-----------------------------------------*/


.sns-btn{
	text-align:center;
	margin:10px 0;
}


.sns-btn li{
	display:inline;
	margin:1%;

}



/* ---　戻るボタン
-----------------------------------------*/

.home{
	text-align:center;
	margin:10px auto;
	width:100%;
}

.homeC input{
	text-align:center;
	border:1px solid #000;
	padding:10px;
	width:100%;
	background:#fff;
cursor:pointer;  
-webkit-appearance: button; 

}

.home{
	text-align:center;
	border:1px solid #000;
	width:80%;
	background:#fff;
}

.home input{
	text-align:center;
	padding:10px;
	border:none;
	color:#000; 
background-color:#fff; 
cursor:pointer;  
-webkit-appearance: button; 

	
}

.home span::before{
background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/common/fuji-mark.png) no-repeat 0 0px;
	display: inline-block;
	vertical-align:middle;
	content: "";
	background-size:100%;
	width:19px;
	height:20px;
}




/* ---　画像のカド丸
-----------------------------------------*/

.radius{
	border-radius:8px;
}

.radius-top{
	border-radius:8px 8px 0 0;
}

.radius-left_bottom{
	border-radius:0 0 0 8px;
}


.sizeL2 .columT dt img{
	 width:100%;
 }


.sizeL2 .columT dt{
	 float:left;
	 width:37%;
 }


.sizeL2 .columT dd{
	 float:right;
	 width:58%;
	 font-size:60%;
	 line-height:1.2em;
	 padding:1%;
 }

.sizeL2 .columT img{
	vertical-align:bottom;
	width:40%;
 }
 
.sizeL2 .columT .colum-name{
	font-weight:bold;
}

#topPageN .m0 {
	margin-right: 0;
}

/* news トップボックス */
#topPageN #box-S2L1 .right {
	width: 32%;
	margin-left: 2%;
}
#topPageN #box-S2L1 .right .sizeS {
	width: 100%;
}
#topPageN #box-S2L1 .right .sizeS:first-child {
	margin-bottom: 5%;
}


.colum-tokudane{
	background-color:#8fdeff;
	vertical-align:bottom;
	width: 32%;
	margin-right: 2%;
	border: 2px solid #000;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.colum-tokudane img{
	width: 100%;

}


/* ======================================
 情報・報道ページ
 ====================================== */




/*------------------------  星座ランキングアイコン背景   ------------------------*/

#topWeather1{
	background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/topmeza_happy.png) no-repeat;
	background-size:100%;
}
/* 星座登録してね */
#topWeather2{
	background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/topmeza_good.png) no-repeat;
	background-size:100%;
}

#topWeather3{
	background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/topmeza_usual.png) no-repeat;
	background-size:100%;
}


#topWeather4{
	background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/topmeza_bad.png) no-repeat;
	background-size:100%;
}

/* 更新時間までまってね */
#topWeather5{
	background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/topmeza_unlucky.png) no-repeat;
	background-size:100%;
}

#topWeather6{
	background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/topmeza_soon.png) no-repeat;
	background-size:100%;
}


#topWeather7{
	background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/topmeza_def.png) no-repeat;
	background-size:100%;
}

#topWeather1,#topWeather2,#topWeather3,#topWeather4,#topWeather5,
#topWeather6,#topWeather7{
	position:relative;
}

#rankBg{
position:absolute;
top: 8%;
left: 5%;
}

#rankBg dt{
	float:left;
}
#rankBg dd{
	float:right;
	text-indent:-9999em;
	margin-top:2px;
}


/* ランキング */

.rank1,.rank2,.rank3,.rank4,.rank5,.rank6,.rank7,
.rank8,.rank9,.rank10,.rank11,.rank12{
	background-size:100%;
	width:60px;
	height:60px;
}

.rank1{background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/rank01.png) no-repeat;}
.rank2{background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/rank02.png) no-repeat;}
.rank3{background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/rank03.png) no-repeat;}
.rank4{background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/rank04.png) no-repeat;}
.rank5{background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/rank05.png) no-repeat;}
.rank6{background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/rank06.png) no-repeat;}
.rank7{background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/rank07.png) no-repeat;}
.rank8{background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/rank08.png) no-repeat;}
.rank9{background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/rank09.png) no-repeat;}
.rank10{background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/rank10.png) no-repeat;}
.rank11{background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/rank11.png) no-repeat;}
.rank12{background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/rank12.png) no-repeat;}

.con1,.con2,.con3,.con4,.con5,.con6,
.con8,.con9,.con10,.con11,.con12{
		background-size:100%;
	width:70px;
	height:60px;
}


/* おひつじ座 */
.con1{background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/con-01.png) no-repeat;}
/* おうし座 */
.con2{background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/con-02.png) no-repeat;}
/* ふたご座 */
.con3{background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/con-03.png) no-repeat;}
/* かに座 */
.con4{background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/con-04.png) no-repeat;}
/* しし座 */
.con5{background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/con-05.png) no-repeat;}
/* おとめ座 */
.con6{background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/con-06.png) no-repeat;}
/* てんびん座 */
.con7{background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/con-07.png) no-repeat;
width:70px;
	height:66px;
}
/* さそり座 */
.con8{background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/con-08.png) no-repeat;}
/* いて座 */
.con9{background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/con-09.png) no-repeat;}
/* やぎ座 */
.con10{background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/con-10.png) no-repeat;}
/* みずがめ座 */
.con11{
	background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/con-11.png) no-repeat;
	width:70px;
	height:68px;}
/* うお座 */
.con12{background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/con-12.png) no-repeat;}


/* ======================================
 FNNニュース＆とれたてフジテレビ(タブ表示JQ)
 ====================================== */

#topNewsList{ position:relative;background:#fff;
border-radius:8px;
border:2px solid #000;
padding-bottom:40px;
margin:10px 0;
}
#topNewsList > section h1{ position:absolute; width:50%; height:40px; line-height:40px;
font-size:90%; text-align:center; 
}
	/* 現在地でない時 */
	#topNewsList > section h1.notNow{ background:#90c31f; border-radius:8px 0 0 0;
	border-bottom:2px solid #000;}

#topNewsList > section h1 span{ display:block; position:relative; margin:0 auto;
font-size:80%;
}

#topNewsList > section ul{ padding:40px 10px 0 10px;}
#topNewsList > section ul li{ border-bottom:1px dotted #CCCCCC;
							line-height:1.2em;
							 font-size:80%;
							 }
#topNewsList > section ul li a{ display:block; position:relative; padding:10px 40px 10px 15px;}
#topNewsList > section ul li a::before{
	 position:absolute; width:18px; height:30px; top:50%; right:10px; margin-top:-9px;
	 background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/common/sprite_top.png) no-repeat; content:" ";
	 background-size:100%;}
/* マーク */
#topNewsList > section h1.now span::before{
	width:28px; height:28px; position:absolute; top:50%; left:0; margin-top:-15px;

	}

#topNewsList > section h1.notNow span::before{
	width:28px; height:32px;position:absolute; top:50%; left:0; margin-top:-16px;
}


/* FNN NEWS */
#topNewsList > section#fnn{
	background:#FFF;
border-radius:8px;}
#topNewsList > section#fnn h1{ top:0; left:-1px; border-right:2px solid #000;}
#topNewsList > section#fnn h1 span{width:7em;
border-radius:8px 0 0 0;
padding-bottom:20px;
}


/* とれたてフジテレビ */
#topNewsList > section#toretate{
	background:#FFF;
border-radius:8px;
}
	
#topNewsList > section#toretate h1{top:0; right:0px;
border-radius:0 7px 0 0;
}
#topNewsList > section#toretate h1 span{width:10em; letter-spacing:0em;}

#topNewsList > section#toretate ul{ display:none;}/* JQの初期値 */
#topNewsList > section#toretate .moreBtn{ display:none;
}/* JQの初期値 */

.moreBtn p {
display: block;
width: 7em;
height: 30px;
padding: 0 10px 0 10px;
margin: 0 15px 0 0;
background:#90c31f;
float: right;
line-height: 30px;
color: #000;
text-align: center;
border-radius: 0 0 6px 6px;
font-size:80%;
}

.moreBtn p::after {
width: 16px;
height: 16px;
background: url(http://img.sp2.fujitv.co.jp/v/fcsimg/common/arrow_more.png) 1px 3px no-repeat;
content: "　";
background-size:100%;
}

/* フッター
------------------------------ */
footer {
	margin-top: 1%;
	text-align: center;
}
body footer {
	position: static;
	color: #666;
	font-size: 70%;
	line-height: 1.6em;
	height: auto;
}
body footer::before {
	display: none;
}
footer #fNav {
	border: 2px solid #000;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding: 10px 0;
	margin: 0 10px;
	background-color: #fff;
	font-size:80%;
}
footer .copyright {
	padding: 10px 0;
	font-size:70%;
}






<!-- カテゴリーページ -->

div.category-list{
	margin:10px auto;
}




.category-list li img{
	margin:0 10px 0 0;
	height:auto;
	vertical-align:bottom;
	border-right:1px solid #000;
}


.category-list li{
	border:1px solid #000;
		margin:0 auto 3px auto;
	width:98%;
	font-size:90%;
	display:table;
	background:#fff;
}

.category-list li span{
	display:table-cell;
	vertical-align:middle;
}

.category-list li a:link{
	color:#000;
}



/*----------------------------------------------------------------------
　　　　9/28追加、変更箇所
------------------------------------------------------------------------*/

.category-list li span:nth-child(2){
	padding-left:10px;
}


.category-list li img{
	vertical-align:bottom;
}


.cat1{	background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/category/d-category01.jpg) no-repeat;}
.cat2{	background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/category/d-category02.jpg) no-repeat;}
.cat3{	background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/category/d-category03.jpg) no-repeat;}
.cat4{	background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/category/d-category04.jpg) no-repeat;}
.cat5{	background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/category/d-category05.jpg) no-repeat;}
.cat6{	background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/category/d-category06.jpg) no-repeat;}
.cat7{	background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/category/d-category07.jpg) no-repeat;}
.cat5024{  background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/category/d-category5024.jpg) no-repeat;}
.cat5025{  background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/category/d-category5025.jpg) no-repeat;}
.cat5026{  background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/category/d-category5026.jpg) no-repeat;}
.cat5027{  background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/category/d-category5027.jpg) no-repeat;}
.cat5030{  background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/category/d-category5030.jpg) no-repeat;}
.cat5033{  background:url(http://img.sp2.fujitv.co.jp/v/fcsimg/category/kazoku.jpg) no-repeat;}

.cat1,.cat2,.cat3,.cat4,.cat5,.cat6,.cat7,.cat5024,.cat5025,.cat5026,.cat5027,.cat5030,.cat5033{
	background-size:100%;
	width:100px;
	height:76px;
	border-right:1px solid #000;
}




/*----------------------------------------------------------------------
　　　　9/28追加、変更箇所ここまで
------------------------------------------------------------------------*/





<!-- /カテゴリーページ -->

/**　タイトル **/

.tilte{
	line-height:42px;
	height:42px;
	text-indent:0.5em;
	letter-spacing:0.1em;
}


/**　カラー **/

.pink{
	color:#ff6dc6;
}



/*----------------------------------------------------------------------
　　　　2014 4/14追加 Twitterタイムライン、facebook like box
------------------------------------------------------------------------*/

.socialfeed {
	margin-bottom: 20px;
}
.socialfeed .twitter-tweet-button {
	text-align: center;
	margin-bottom: 5px;
}
.socialfeed .twitter-timeline {
	text-align: center;
	margin-bottom: 5px;
}
.socialfeed .twitter-follow-button {
	text-align: center;
	margin-bottom: 5px;
}
.socialfeed .facebook-page-likewidget {
	width: 300px;
	margin: 0 auto;
	background-color: #fff;
}



/*----------------------------------------------------------------------
　　　　2014 6/23追加 読み物タブ
------------------------------------------------------------------------*/
/* タイムライン */
#timeline {
	position: relative;
	margin: 6px 0 10px 0;
}
#timeline .title {
	position: relative;
	color: #333;
	font-size: 93%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 15px;
	margin-bottom: 2px;
}
#timeline .title:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 13px;
	height: 13px;
	background: url(../img/parts.png) no-repeat left center;
	background-size: 13px 13px;
	-moz-background-size: 13px 13px;
	-webkit-background-size: 13px 13px;
}

#timeline .title2 {
	position: relative;
	color: #333;
	font-size: 93%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 15px;
	margin-bottom: 2px;
}
#timeline .title2:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 13px;
	height: 13px;
	background: url(http://img.sp2.fujitv.co.jp/v/fcsimg/parts2.png) no-repeat left center;
	background-size: 13px 13px;
	-moz-background-size: 13px 13px;
	-webkit-background-size: 13px 13px;
}

/* タイムライン 写真大 */
#timeline .box-photo {
	position: relative;
	margin-bottom: 4px;
	padding-bottom: 6px;
	background: url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/shadow-w.png) no-repeat center bottom;
	background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
}
#timeline .box-photo a {
	display: block;
	background-color: #fff;
}
#timeline .box-photo img {
	width: 100%;
}
#timeline .box-photo .summary {
	position: absolute;
	left: 0;
	bottom: 6px;
	color: #fff;
	width: 100%;
	padding: 0 10px 10px 10px;
	background: -moz-linear-gradient(top,rgba(000,000,000,0),rgba(000,000,000,0.8));
	background: -webkit-gradient(linear, left top, left bottom,from(rgba(000,000,000,0)),to(rgba(000,000,000,0.8)));
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#timeline .box-photo .summary .date {
	color: #ccc;
	font-size: 77%;
	margin-bottom: 5px
}
#timeline .box-photo .summary h2 {
	font-size: 89%;
	line-height: 1.4;
}
#timeline .box-photo .summary .category {
	position: absolute;
	right: 0;
	top: -5px;
}
#timeline .box-photo .summary .category span {
	color: #fff;
	font-size: 89%;
	padding: 2px 6px;
	background-color: #777;
}

/* タイムライン 写真小 */
#timeline .box-normal {
	position: relative;
	margin-bottom: 4px;
	padding-bottom: 6px;
	background: url(http://img.sp2.fujitv.co.jp/v/fcsimg/top/shadow-w.png) no-repeat center bottom;
	background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
}
#timeline .box-normal a {
	display: table;
	width: 100%;
	background-color: #fff;
}
#timeline .box-normal .img {
	display: table-cell;
	vertical-align: middle;
	width: 34%;
}
#timeline .box-normal .img img {
	width: 100%;
}
#timeline .box-normal .summary {
	display: table-cell;
	vertical-align: middle;
	width: 66%;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#timeline .box-normal .summary .date {
	color: #aaa;
	font-size: 77%;
	margin-bottom: 5px
}
#timeline .box-normal .summary h2 {
	color: #444;
	font-size: 89%;
	line-height: 1.4;
}
#timeline .box-normal .summary .category {
	position: absolute;
	right: 0;
	top: 10px;
}
#timeline .box-normal .summary .category span {
	color: #fff;
	font-size: 89%;
	padding: 2px 6px;
	background-color: #777;
}

/* タイムライン カテゴリーの色 */
#timeline .summary .category span.minna { background-color: #416ac2;}
#timeline .summary .category span.koko { background-color: #ffa913;}
#timeline .summary .category span.drama { background-color: #f33b64;}
#timeline .summary .category span.column { background-color: #af69ea;}
#timeline .summary .category span.onsen { background-color: #159500;}
#timeline .summary .category span.melo { background-color: #111111;}
#timeline .summary .category span.sokokiku { background-color: #e72ab4;}