@charset "utf-8";
/*--------------------------------------------*/
/* RESET JAN.20 2015 
/*--------------------------------------------*/

/* CSS Document */
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
/*-webkit-text-size-adjust:none;/* iPhoneでの文字サイズ自動修正を使わない*/
}
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strong, sub, sup, var,
b, i, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
    outline:0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
    background:transparent;
}

body {line-height:1;}

article, aside, details, figcaption, figure,
footer, header, hgroup, nav, section {
	display: block;
}

html{overflow-y: scroll;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {text-decoration: line-through;}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, textarea,{
	margin: 0;
	padding: 0;
}

input, select {vertical-align:middle;}

ol, ul{list-style:none;}

table{
    border-collapse: collapse; 
    border-spacing:0;
}

caption, th{text-align: left;}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {min-height: 1px;}

* html .clearfix {height: 1px;}

.both{clear:both;}

.inline_block {  
	display: inline-block;  
	*display: inline;  
	*zoom: 1;  
}

a, a:link{
	text-decoration:none;
}

/*--------------------------------------------*/
/* Settings
/*--------------------------------------------*/
body {
	font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,メイリオ,sans-serif;
	margin:0;
	padding:0;
	font-size:16px;
	background:#eee;	
	color:#333;
	line-height:1.6;
	font-weight:lighter;
}

/*-------------- general ----------*/

.sp{display:none;}
.pc{display:block;}
.f_l{float:left;}
.f_r{float:right;}

.bold{font-weight:bold;}
.small{font-size:12px;}

/*--color--*/
.gr{background:#a5d700;} /*green*/
.pk{background:#e6007d;} /*pink*/
.gra{background:#535353;}
.bdr{border-bottom:#b8b6b5;}

#fp-wrap{background:none;min-width:640px !important;}
#fp-l,#fp-contents{position:relative;width:640px;margin:0 auto;}

/* fp-ohp-customcss */
#fp-bhp.fpbhp-pc .contblock h2{
	color:#fff;
	background-color:#a5d700;
}



/*--------------------------------------------*/
/* Toppage
/*--------------------------------------------*/
#nonstop_header{position:relative;}

#nonstop_header #headerarea{
	position:relative;
	width:640px;
	height:130px ;
	background:url(../img/top_headerbg.jpg) no-repeat top right #fff;
}

#nonstop_header #headerarea a h1{
	display:block;
	width:350px;
	height:130px;
}

#nonstop_header #headerarea a:hover h1{	
	opacity:0.8;
	-moz-opacity:0.8;
	-webkit-opacity:0.8;
}

#nonstop_header #headerarea h1{
	background:url(../img/top_logo.gif) no-repeat;
	width:310px;
	height:130px;
	text-indent:-9999px;
	float:left;
	margin:0 0 0 10px;
}

#nonstop_header #headerarea #info{
	float:right;
	margin:20px 10px 0 0;
}

#nonstop_header #btime{
	background:url(../img/btime.gif) no-repeat;
	width:125px;
	height:48px;
	text-indent:-9999px;
}

#nonstop_header #top_sns {
/*	border:5px solid #eee;*/
	width:124px;
	height:38px;
	margin:10px 0 0 0;
}

#nonstop_header #top_sns li{
	width:38px;
	height:38px;
	float:left;
	display:inline-block;
	margin:0 5px 0 0;
}

#nonstop_header #top_sns li.last{
	margin:0;
}

#nonstop_header #top_sns li a.social{
	width:38px;
	height:38px;
	display:inline-block;
}

#nonstop_header #top_sns li a:hover.social{
	opacity:0.8;
	-moz-opacity:0.8;
	-webkit-opacity:0.8;
}

#nonstop_gnavi{
	clear:both;
	position:relative;
}

#nonstop_header #nonstop_gnavi #subnavi{
	position:relative;
	text-shadow:1px 1px 1px rgba(255,255,255,1);
	background:#a5d700;
}

#nonstop_header #nonstop_gnavi #subnavi ul li{
	float:left;
	font-size:16px;
	font-weight:bold;
	width:213px;
	line-height:1.6;
	text-align:center;
	height:50px;
}
#nonstop_header #nonstop_gnavi #subnavi ul li span.maru{font-weight:bold;}

/*#nonstop_header #nonstop_gnavi #subnavi ul li span.bal_l{
	background:url(../img/bal_l.png) no-repeat left 6px;
	width:4px;
	height:21px;
	display:inline-block;
	margin-left:2px;
}
*/
#nonstop_header #nonstop_gnavi #subnavi ul li span.baloon{
	font-size:11px;
	background:#fff;
	border-radius:5px;
	padding:2px 5px;
	font-weight:lighter;
	width:142px;
	display:inline-block;
	text-align:center;
}

#nonstop_header #nonstop_gnavi #subnavi ul li a,
#subnavi ul li a:link, 
#subnavi ul li a:visited{
	display:inline-block;
/*	color:#526d00;*/
	color:#333;
	width:213px;
	height:50px;	
	font-weight:bold;
}

#nonstop_header #nonstop_gnavi #subnavi ul li a:link span.marrow{
	display:inline-table;
	width:12px;
	height:12px;
	background:url(../img/sm_arrowoff.png) no-repeat left top;}

#nonstop_header #nonstop_gnavi #subnavi ul li a:hover span.marrow,
#nonstop_header #nonstop_gnavi #subnavi ul li.selected a span.marrow{
	display:inline-table;
	width:12px;
	height:12px;
	background:url(../img/sm_arrowon.png) no-repeat left top;
}
/*@-moz-document url-prefix() {
	#nonstop_header #nonstop_gnavi #subnavi ul li a,
	#subnavi ul li a:link, 
	#subnavi ul li a:visited
		 {
		/*padding:10px 13px 4px 24px;	*/
/*	}
}
*/
#nonstop_header #nonstop_gnavi #subnavi ul li.last a{/*padding:10px 15px 4px 24px;*/}

#nonstop_header #nonstop_gnavi #subnavi ul li a:hover, 
#nonstop_header #nonstop_gnavi #subnavi ul li.selected a{
	display:inline-block;
	background:#e6007d;
	color:#fff !important;
	text-shadow:none !important;
	height:50px;
	width:213px;
}

#nonstop_header #nonstop_gnavi #subnavi ul li a:hover span.baloon, #subnavi li.selected a span.baloon{color:#e6007d;}

#nonstop_header #nonstop_gnavi #subnavi ul li#dinos .dinos_text_box { display:inline-block; overflow: hidden; vertical-align: middle; width: 142px; }
#nonstop_header #nonstop_gnavi #subnavi ul li#dinos #dinos_text { display:block; transition: margin-left 0.4s ease; margin-left: -142px; width: 142px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#nonstop_header #nonstop_gnavi #subnavi ul li#dinos #dinos_text.show { margin-left: 0px !important; }

.cx_smartphoneview #nonstop_header #nonstop_gnavi #subnavi ul li#dinos .dinos_text_box { width: 162px; }
.cx_smartphoneview #nonstop_header #nonstop_gnavi #subnavi ul li#dinos #dinos_text { margin-left: -162px; width: 162px; }


#nonstop_header #nonstop_gnavi #mainnavi {
	position:relative;
/*	background:#eee;*/

	text-shadow:1px 1px 1px rgba(255,255,255,1);
}

#nonstop_header #nonstop_gnavi #mainnavi ul li{
/*	background:#eee;*/
	background:#fff;
	float:left;
}

#nonstop_header #nonstop_gnavi #mainnavi ul li a, 
#nonstop_header #nonstop_gnavi #mainnavi ul li a:link, 
#nonstop_header #nonstop_gnavi #mainnavi ul li a:visited{
	display:inline-block;
	color:#333333;
	width:160px;
	text-align:center;
	padding:6px 0;
	background:url(../img/mainnavbg.png) no-repeat bottom right;
	font-size:20px;
	font-weight:bold;
}

#nonstop_header #nonstop_gnavi #mainnavi ul li.last a{background-image:none;}

#nonstop_header #nonstop_gnavi #mainnavi ul li a:hover,#nonstop_header #nonstop_gnavi #mainnavi ul li a:active, #nonstop_header #nonstop_gnavi #mainnavi ul li.selected a{
	background-color:#313131;
	background-image:none;
	color:#fff;
	text-shadow:none;
}

/*epg*/
#epg {
	position:relative;
/*	background:#535353;*/
	background:#333;
	color:#fff;
	font-size:16px;
	padding:7px 0 6px;
	border-bottom:5px solid #a5d700;	
}
#epg:after {
	display: block;
	content: "";
	clear: left;
}

#epg h2{
	font-weight:bold;
	float:left;
	padding:0 20px;
}

#epg p{
	display:inline-block;
	width:470px;
}

#epg p span#date{
	background:#e6007d;
	display:inline-block;
	position:absolute;
	left:20px;
	top:40px;
	font-size:24px;
	line-height:1.4;
	padding:4px 2px;
	text-align:center;
	letter-spacing:-3px;
	width:70px;
}

#epg p span#date span#week{font-size:20px;}

.truncate_more_link{
	position:absolute;
	top:0;
	right:0;
	height:38px;
	width:38px;
	background:url(../img/epg_arrowdn.gif) no-repeat bottom right;
}

.on{
	position:absolute;
	bottom:0;
	right:0;
	background:url(../img/epg_arrowup.gif) no-repeat bottom right;
	height:38px;
	width:38px;
}

#nonstop_footer{
	position:relative;
	background:#dddddd;
	height:44px;
	padding:10px;
}

#nonstop_footer ul{margin:10px auto;}

#nonstop_footer ul li{
	float:left;
	font-size:14px;
	text-shadow:1px 1px 1px rgba(255,255,255,1);
}

#nonstop_footer ul li a,#nonstop_footer ul li a:link,#nonstop_footer ul li a:visited{
	color:#535353;
	padding:0 10px;
}

#nonstop_footer ul li a:hover{
	background:#313131;
	color:#fff;
	text-shadow:none;
}

/*contents*/
#top_contents{position:relative;margin:0 0 10px 0;}


/*banner*/
#bnr01 a:hover{opacity:0.8;-moz-opacity:0.8;-webkit-opacity:0.8;}
#bnr02 a:hover{opacity:0.8;-moz-opacity:0.8;-webkit-opacity:0.8;}

.article_block{
	position:relative;
	background:#fff;
	border-bottom:1px solid #eee;
}

.article_block a:hover{
	opacity:0.8;
	-moz-opacity:0.8;
	-webkit-opacity:0.8;
}

.article{
	position:relative;
	background:#fff;
	padding:0;
	border-bottom:1px solid #fff;
}

.new{
	color:#fff;
	background:#e6007d;
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	position:absolute;
	top:30px;
	left:30px;
	padding:2px 15px 0;
	font-weight:bold;
}

.article_img{
	position:relative;
	width:640px;
	height:360px;
/*	background:#CCC;*/
	text-align: center;
}

.article_img.movie:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/common/images/movieback.png) center center no-repeat;
}

.article_img img{
	max-width:640px;
	max-height:360px;
}

.article_info{
	background:rgba(255,255,255,0.5);
	position:absolute;
	bottom:0;
	width:100%;
}

.article_info h3{
	color:#333;
	font-weight:bold;
	font-size:20px;
	padding:5px;
	float:left;
	text-shadow:1px 1px 1px rgba(255,255,255,1);
	line-height:1.4;
}

.article_cate{
	display:none;
/*	position:absolute;
	background:url(../img/catebg.gif) no-repeat left bottom;
	width:55px;
	bottom:20px;
	right:20px;
	padding:15px 0 12px;
	text-align:center;
	font-weight:bold;
	text-shadow:1px 1px 1px rgba(255,255,255,1);
	z-index:2;
*/}

#bnr1,#bnr2{
	clear:both;
	width:610px;
	margin:10px auto;
}

#bnr1 a:hover,#bnr2 a:hover{
	opacity:0.5;
	-moz-opacity:0.5;
	-webkit-opacity:0.5;
}

.more{
	text-align:center;
	background:url(../img/gray_arrow_dn.gif) no-repeat 580px #fff;
}

.more a{
	color:#535353;
	display:block;
	width:640px;
	background:url(../img/gray_arrow_dn.gif) no-repeat 580px #fff;
	padding:10px 0;
	font-weight:bold;
}

.more a:hover{
	opacity:0.8;
	-moz-opacity:0.8;
	-webkit-opacity:0.8;
	color:#e6007d;
}

/*----------------------------------------
SmartPhone
----------------------------------------*/
.cx_smartphoneview .pc{display:none;}
.cx_smartphoneview .sp{display:block;}

.cx_smartphoneview #nonstop_header #headerarea h1{
	background:url(../img/sp_logo.gif) no-repeat;
	width:355px;
	height:84px;
	margin:15px;
}

.cx_smartphoneview #nonstop_header #headerarea{
	width:640px;
	height:114px;
	background-image:none;
}

.cx_smartphoneview #nonstop_header #headerarea a h1{
	display:block;
	height:84px;
	width:355px;
}

.cx_smartphoneview #nonstop_header #headerarea #info{margin:20px 15px 0 0;}

.cx_smartphoneview #nonstop_header #top_sns {
	width:230px;
	height:72px;
	margin:0;
}

.cx_smartphoneview #nonstop_header #top_sns li,
.cx_smartphoneview #nonstop_header #top_sns li img{
	width:72px;
	height:72px;
	background:#fff;
}

.cx_smartphoneview #nonstop_header #top_sns #tw{background:url(../img/top_tw.gif) no-repeat;}
.cx_smartphoneview #nonstop_header #top_sns #fb{background:url(../img/top_fb.gif) no-repeat;}
.cx_smartphoneview #nonstop_header #top_sns #ln{background:url(../img/top_line.gif) no-repeat;}

.cx_smartphoneview #nonstop_header #nonstop_gnavi #mainnavi {
	height:70px;
}

.cx_smartphoneview #nonstop_header #nonstop_gnavi #mainnavi ul li{

	width:158px;
	height:70px;
	border-right:1px solid #333;
	border-left:1px solid #fff
}

.cx_smartphoneview #nonstop_header #nonstop_gnavi #mainnavi ul li a, 
.cx_smartphoneview #nonstop_header #nonstop_gnavi #mainnavi ul li a:link, 
.cx_smartphoneview #nonstop_header #nonstop_gnavi #mainnavi ul li a:visited{
	background-image:none;
	height:55px;
	font-weight:bold;
	font-size:32px;
	padding:8px 0;
}
.cx_smartphoneview #nonstop_header #nonstop_gnavi #mainnavi ul li.last a,
.cx_smartphoneview #nonstop_header #nonstop_gnavi #mainnavi ul li.last a:link,
.cx_smartphoneview #nonstop_header #nonstop_gnavi #mainnavi ul li.last a:visited{border:none;font-size:32px;}

/*subnavi*/
.cx_smartphoneview #nonstop_header #nonstop_gnavi #subnavi ul{height:80px;}

.cx_smartphoneview #nonstop_header #nonstop_gnavi #subnavi ul li{
	font-size:28px;
	border-right:1px solid #678901;
	border-left:1px solid #fff;
	text-align:center;
	letter-spacing:-4px;
	width:210px;
	height:90px;
}
.cx_smartphoneview #nonstop_header #nonstop_gnavi #subnavi ul li span.maru{letter-spacing:0;font-weight:bold;}
.cx_smartphoneview #nonstop_header #nonstop_gnavi #subnavi ul li.last{border-left:1px solid #fff;border-right:none;}

.cx_smartphoneview #nonstop_header #nonstop_gnavi #subnavi ul li span.bal_l{
	background-image:none;
	width:0;
	height:0;
	display:inline-block;
	margin-left:0;
}

/*.cx_smartphoneview #nonstop_header #nonstop_gnavi #subnavi ul li span.baloon{
	font-size:20px;
	padding:2px 5px;
	letter-spacing:-2px;
}
*/

.cx_smartphoneview #nonstop_header #nonstop_gnavi #subnavi ul li span.baloon{
	font-size:20px;
	padding:2px 5px;
	letter-spacing:-2px;
	width:162px;
}

.cx_smartphoneview #nonstop_header #nonstop_gnavi #subnavi ul li a,
.cx_smartphoneview #nonstop_header #nonstop_gnavi #subnavi ul li a:link, 
.cx_smartphoneview #nonstop_header #nonstop_gnavi #subnavi ul li a:visited{
	display:inline-block;
	height:84px;
	background-image:none;
	background-color:#a5d700;
	padding:2px 5px 4px;
	font-weight:bold;
	width:202px;	
}

/*.cx_smartphoneview #nonstop_header #nonstop_gnavi #subnavi ul li.last a{padding:2px 13px 4px 24px;}
*/
.cx_smartphoneview #nonstop_header #nonstop_gnavi #subnavi ul li a:hover, 
.cx_smartphoneview #nonstop_header #nonstop_gnavi #subnavi ul li a:active{
	display:inline-block;
	height:86px;
	background-image:none;
	background-color:#e6007d;
	padding:2px 5px 4px;
	width:200px;	
}

.cx_smartphoneview #nonstop_header #nonstop_gnavi #subnavi ul li a:hover span.baloon, 
.cx_smartphoneview #nonstop_header #nonstop_gnavi #subnavi li a:active span.baloon{color:#e6007d;}

.cx_smartphoneview #nonstop_header #nonstop_gnavi #subnavi ul li a:link span.marrow{
	background:url(../img/sm_arrowoff.png) no-repeat left top;}

.cx_smartphoneview #nonstop_header #nonstop_gnavi #subnavi ul li a:hover span.marrow,
.cx_smartphoneview #nonstop_header #nonstop_gnavi #subnavi ul li.selected a span.marrow{
	background:url(../img/sm_arrowon.png) no-repeat left top;
}

/*epg*/
.cx_smartphoneview #epg {
	font-size:22px;
	padding:10px 0;
	border-bottom:5px solid #a5d700;	
}

.cx_smartphoneview #epg p{
	display:inline-block;
	width:460px;
}

.cx_smartphoneview #epg p span#date{
	background:#e6007d;
	display:inline-block;
	position:absolute;
	left:20px;
	top:60px;
	font-size:30px;
	line-height:1.4;
	padding:6px;
	text-align:center;
	letter-spacing:-3px;
	width:90px;
}

.cx_smartphoneview #epg p span#date span#week{font-size:24px;}

.cx_smartphoneview .truncate_more_link{
	width:55px;
	height:55px;
	background:url(../img/epg_arrowdn_sp.gif) no-repeat;
}

.cx_smartphoneview .on{
	width:55px;
	height:55px;
	background:url(../img/epg_arrowup_sp.gif) no-repeat;
}

.cx_smartphoneview #nonstop_footer{
	position:relative;
	background:#fff;
	height:auto;
	padding:15px 0;
}

.cx_smartphoneview #nonstop_footer ul{
	margin:10px auto;
	border-top:1px solid #b8b6b5;
}

.cx_smartphoneview #nonstop_footer ul li{
	float:none;
	width:640px;
	text-shadow:1px 1px 1px rgba(255,255,255,1);
	border-bottom:1px solid #b8b6b5;
	background:url(../img/arrow_common.png) no-repeat 580px;
}

.cx_smartphoneview #nonstop_footer ul li a,
.cx_smartphoneview #nonstop_footer ul li a:link,
.cx_smartphoneview #nonstop_footer ul li a:visited{
	color:#535353;
	width:640px;
	display:inline-block;
	padding:20px;
	font-size:28px;
	font-weight:bold;
}

.cx_smartphoneview #nonstop_footer ul li a:hover,
.cx_smartphoneview #nonstop_footer ul li a:active{
	background:#313131;
	color:#fff;
	text-shadow:none;
	display:inline-block;
	padding:20px;
	width:640px;
}

.cx_smartphoneview .more{font-size:28px;}

/*article*/
.cx_smartphoneview .article h3{font-size:28px;}

.cx_smartphoneview .new{
	padding:2px 20px 0;
	font-size:20px;
}

.cx_smartphoneview .article_cate{
	position:absolute;
	background:url(../img/catebg.gif) no-repeat;
	width:55px;
	top:30px;
	right:30px;
	padding:15px 0 12px;
	text-align:center;
	font-weight:bold;
	text-shadow:1px 1px 1px rgba(255,255,255,1);
	z-index:2;
	font-size:24px;
}

/*---------*/