@charset "utf-8";
/* CX SP VarieTV Base Style
   coded by ayp */

.nullpng{
	position:absolute;
	z-index:2;
}
body{
	background:#fff;
	color:#333;
	line-height:1.4;
	position:relative;
}
h1 a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:120px;
	height:40px;
	margin:2px;
	background-image:url(http://img.sp2.fujitv.co.jp/v/fcsimg/common/logo.png);
	background-repeat:no-repeat;
	background-size:contain;
	margin: 0 auto; 
}
#tools{
	position:absolute;
	top:0;
	right:0;
	width:50%;
	height:40px;
	line-height:40px;
}
#tools #search input[type="text"]{
	width:80%;
	height:1.4rem;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	border:0;
	border-top:1px solid #333;
	border-left:1px solid #333;
	vertical-align:baseline;
}
#tools #search input[type="submit"]{
	width:1.4rem;
	height:1.4rem;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	position:relative;
	top:0;
	background: url(http://img.sp2.fujitv.co.jp/v/search.png) no-repeat center center 90,-moz-linear-gradient(top, #c4c4c4 0%, #8d8d8d 100%);
	background: url(http://img.sp2.fujitv.co.jp/v/search.png) no-repeat center center,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4c4c4), color-stop(100%,#8d8d8d));
	background: url(http://img.sp2.fujitv.co.jp/v/search.png) no-repeat center center,-webkit-linear-gradient(top, #c4c4c4 0%,#8d8d8d 100%);
	background: url(http://img.sp2.fujitv.co.jp/v/search.png) no-repeat center center,-o-linear-gradient(top, #c4c4c4 0%,#8d8d8d 100%);
	background-size:90%,100%;
}
body>footer{
	text-align:center;
	color:#666;
	font-size:0.7rem;
	line-height:2.4rem;
	height:2.4rem;
	position:relative;
}
body>footer::before{
	display:block;
	width:100%;
	height:3px;
	content:"";
	background:url(http://img.sp2.fujitv.co.jp/v/bg_gray.png);
	position:absolute;
}

#breadcrumb{
	background:url(http://img.sp2.fujitv.co.jp/v/bg_gray.png);
	color:#fff;
	padding:0 5px;
}
#breadcrumb a{
	color:#fff;
}
#alink {
	text-align:center;
}
#alink li{
	display:inline-block;
	width:45%;
	line-height:2.4rem;
	border-radius:8px;
	border:1px solid #cccccc;
	background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 50%, #999999 51%, #666666 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#cccccc), color-stop(51%,#999999), color-stop(100%,#666666));
	background: -webkit-linear-gradient(top, #ffffff 0%,#cccccc 50%,#999999 51%,#666666 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#ccccc 50%,#999999 51%,#666666 100%);
}
#alink li a{
	text-decoration:none;
}

#main>section>header:first-child,
#main>#contents>header:first-child,
#main>#information>header:first-child{
	margin-top:5px;
	border-radius:10px 10px 0 0;
	line-height:2.4rem;
	height:2.4rem;
	font-size:1.7rem;
	background:#666;
	color:#fff;
	text-shadow:2px 2px 2px rgba(0,0,0,0.6);
	padding:1px;
	border:1px solid #ccc;
	background:#fff;
	position:relative;
}
#main>section>header:first-child>*,
#main>#contents>header:first-child>*,
#main>#information>header:first-child>*{
	padding:0 10px;
	border-radius:8px 8px 0 0;
	text-indent:35px;
}
#main>section>header:first-child>*::before,
#main>#contents>header:first-child>*::before,
#main>#information>header:first-child>*::before{
	display:inline-block;
	content:"";
	position:absolute;
	left:5px;
	top:-5px;
}
#main>#pickup>header:first-child>*::before{
	width:37px;
	height:41px;
	background:url(http://img.sp2.fujitv.co.jp/v/icon_pickup.png) no-repeat;
}
#main>#contents>header:first-child>*::before{
	width:47px;
	height:41px;
	background:url(http://img.sp2.fujitv.co.jp/v/icon_contents.png) no-repeat;
}
#main>#lineup>header:first-child{
	border-color:#8ED2FF;
}
#main>#lineup>header:first-child>*{
	background: -moz-linear-gradient(top, #0099ff 0%, #6bc3ff 82%, #6cc4ff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099ff), color-stop(82%,#6bc3ff), color-stop(100%,#6cc4ff));
	background: -webkit-linear-gradient(top, #0099ff 0%,#6bc3ff 82%,#6cc4ff 100%);
	background: -o-linear-gradient(top, #0099ff 0%,#6bc3ff 82%,#6cc4ff 100%);
}
#main>#lineup>header:first-child>*::before{
	width:37px;
	height:35px;
	top:0;
	background:url(http://img.sp2.fujitv.co.jp/v/icon_lineup.png) no-repeat;
}
.news::before,
#main>#lineup article>a::after,
#contents>article li a::before{
	width:10px;
	height:10px;
	right:8px;
	top:50%;
	margin-top:-7px;
	display:inline-block;
	position:absolute;
	content:"";
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	border-style:solid;
	border-width:4px 4px 0 0;
}
/* whatsnew */
#main>#whatsnew>header:first-child{
	border-color:#fcabea;
}
#main>#whatsnew>header:first-child>*{
	background: -moz-linear-gradient(top, #fc18b9 0%, #fd97e6 82%, #fcabea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc18b9), color-stop(82%,#fd97e6), color-stop(100%,#fcabea));
	background: -webkit-linear-gradient(top, #fc18b9 0%,#fd97e6 82%,#fcabea 100%);
	background: -o-linear-gradient(top, #fc18b9 0%,#fd97e6 82%,#fcabea 100%);
}
#main>#whatsnew>header:first-child>*::before{
	width:37px;
	height:41px;
	top:0;
	background:url(http://img.sp2.fujitv.co.jp/v/icon_new.png) no-repeat;
}
.news::before,
#main>#whatsnew article>a::after,
#contents>article li a::before{
	width:10px;
	height:10px;
	right:8px;
	top:50%;
	margin-top:-7px;
	display:inline-block;
	position:absolute;
	content:"";
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	border-style:solid;
	border-width:4px 4px 0 0;
}


/* PICK UP!バナーエリア */
#pickup #half_banners,
#pickup .full_banner{
	text-align:center;
	line-height:0;
	margin:0 auto;
	padding:5px 0;
	max-width:480px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
#pickup #half_banners li a,
#pickup #three_banners li a,
#pickup .full_banner a{
	border-radius:5px;
	box-shadow:1px 1px 3px #333;
	letter-spacing:0;
	line-height:0;
}
#pickup #half_banners li a img,
#pickup #three_banners li a img,
#pickup .full_banner a img{
	display:inline-block;
	width:100%;
	height:auto;
	border-radius:5px;
}
#pickup #half_banners li,
#pickup #three_banners li{
	display:inline-block;
}
#pickup #half_banners li a,
#pickup #three_banners li a{
	display:block;
}
#pickup #half_banners li a{
	max-width:145px;
}
#pickup .full_banner a{
	display:inline-block;
	max-width:300px;
}
#pickup #three_banners{
	width:305px;
	margin:10px auto;
	line-height:0;
}
#pickup #three_banners li:first-child{
	float:left;
	margin-right:5px;
}
#pickup #three_banners li:nth-child(2){
	margin-bottom:4px;
}

/* PICK UP!ニュースエリア */
.news{
	display:block;
	padding:10px;
	padding-right:25px;
	position:relative;
	font-size:0.9rem;
	text-decoration:none;
	color:#f60;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}
.news+.news{
	border-top:0;
}
.news time{
	color:#333;
	position:absolute;
}
.news time+p{
	display:block;
	margin-left:3em;
}
.news p{
	display:inline;
	text-decoration:underline;
}

/* もっと見る系 */
#contents>article a.more,
a.action{
	display:block;
	line-height:2.4rem;
	font-size:0.8rem;
	text-align:right;
	color:#666;
	text-decoration:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
#contents>article a.more::before,
a.action::before{

	display:block;
	width:100%;
	height:2px;
	content:"";
	/*background:url(http://img.sp2.fujitv.co.jp/v/bg_gray.png);*/
}
#contents>article a.more::after,
a.action::after{
	content:"▼";
	display:inline-block;
	height:1.2rem;
	width:1.2rem;
	line-height:1.2rem;
	font-size:0.8rem;
	margin-right:5px;
	text-align:center;
	color:#fff;
	border-radius:3px;
}
#contents>article a.ret,
a.action{
	display:block;
	line-height:2.4rem;
	font-size:0.8rem;
	text-align:right;
	color:#666;
	text-decoration:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
#contents>article a.ret::before,
a.action::before{

	display:block;
	width:100%;
	height:2px;
	content:"";
}

#contents>article a.ret::after,
a.action::after{

	content:"▲";
	display:inline-block;
	height:1.2rem;
	width:1.2rem;
	line-height:1.2rem;
	font-size:0.8rem;
	margin-right:5px;
	text-align:center;
	color:#fff;
	border-radius:3px;
}


a {
text-decoration: none;
}