@charset "UTF-8";

/* CSS Document */
/*--------------------------------------
  Body Module
---------------------------------------*/
html,body,h1,h2,h3,h4,h5,h6,pre,address,ul,ol,li,dl,dt,dd,form,legend,p {
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6,pre,address,em,strong,th,ins {
	font-size:100%;
	font-weight: normal;
}

table,tr, td, th {
	margin:0;
	padding:0;
	border-collapse:collapse;
	border:0;
	border-spacing: none;
}
img {
    border:0;
    vertical-align:bottom;
}

body {
	background:#ebeae8;
	font-family:sans-serif;
	font-size:12px;
	line-height:18px;
	color:#444;
	min-width:1024px;
}

br {
	clear: both;
}

ul{
	list-style:none;
}

button:hover{
	cursor:pointer;
}
bold {
	font-weight:bold;
}

/*--------------------------------------
  Link Module
---------------------------------------*/
a {
outline: none;
}
a:link, a:active, a:visited {
	color: #444;
	text-decoration:none;
}
a:hover {
/*	color: #0055aa;*/
	text-decoration: underline;
}
.all-gototop {
	clear:both;
	display:block;
	text-align:right;
	margin: 0 20px 20px 0;
}
.all-gototop img {
	margin-left: 10px;
}
.right {
	float: right;
	margin: 0 5px;
	padding: 0;
}
.left {
	float: left;
	padding: 0;
	margin: 0;
}
.center-guide {
	float: left;
	width: 707px;
	padding: 0;
	margin: 15px 0 0 0;
	text-align: center;
}
.center-contact {
	float: left;
	width: 707px;
	padding: 0;
	margin: 15px 0 20px 0;
	text-align: center;
}
.center-2column {
	float: left;
	width: 732px;
	padding: 0;
	margin: 15px 0 0 0;
	text-align: center;
}
.center-2column2 {
	float: left;
	width: 732px;
	padding: 0;
	margin: 15px 0 20px 0;
	text-align: center;
}
.img-right {
	float: right;
	margin: 0 15px;
	padding: 0;
}
.right-btn {
	float: right;
	padding: 12px 9px 0 0;
	margin: 0;
}
.under_link {
	text-decoration: underline;
}

/*--------------------------------------
  Table
---------------------------------------*/
.layouttable{
	width:100%;
	border:none;
	table-layout:fixed;
}

/* gridtable*/
.gridtable-wrap{
	border:1px solid #cad5df;
	padding:1px;
}

.gridtable{
	width:100%;
	table-layout: fixed;
}

.gridtable th,
.gridtable td{
	text-align: left;
	padding:6px 8px;
	line-height:1.2em;
}

.gridtable th{
	color:#444;
}

.gridtable .odd td{	background:#f2f6f8;}

.alignR{
	text-align:right !important;
}


/*--------------------------------------
  Font
---------------------------------------*/
.orange-b {
	color: #ff7f10;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 10px 0 0 0;
	line-height: 16px;
}
.f-b{
	font-size:12px;
	font-weight:bold;
}
.f-red {
	color: #e11b1e;
}
.f-blue {
	color: #2a52b8 !important;
}
.fs-red {
	color: #ff0000;
	font-size: 11px;
	line-height: 12px;
}
.fb-blue {
	color: #3481c1;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 10px 0;
}
.fb-red {
	font-weight: bold;
	color: #ff0000;
	margin: 10px 8px;
	font-size: 12px;
}
.waku_l .mymenu-content-box .fb-red {
	color: #e11b1e;
	font-weight: bold;
	margin: 15px;
	font-size: 12px;
	text-align: left;
}

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/* ----------------------------------------
	Main Banner
---------------------------------------- */


#contents #mainPromotionArea{
	background-color:#4c4c4c;
	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/bg-mainPromotion.png);
	background-repeat: repeat-x;
	background-size: 2px 420px;
	-webkit-background-size: 2px 420px;
	width:100%;
	padding:10px 0;

	box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.3) inset;
	-webkit-box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.3) inset;
}

#contents #mainBanner {
	width:1024px;
	height:296px;
	position:relative;
	overflow:visible;
	margin:0 auto;
}
#contents #mainBanner .mBannerCenter {
	position: relative;
	width: 600px;
	margin:0 auto;
	height: 296px;
	overflow: hidden;
}
#contents #mainBanner .mBannerCenterInner {
	display:block;position: relative;
	top: 0;
	left: 0;
	z-index:40;
}
#contents #mainBanner .mBannerCenterInner ul {
	display:block;
	position:relative;
	list-style-type: none;
}
#contents #mainBanner .mBannerCenterInner ul>li {
	display:block;
	position:absolute;
	top:0;left:0;
	text-align: center;
	list-style-type: none;
		-webkit-transform: translateZ(0);
	?	-webkit-perspective: 1000;
	?	-webkit-backface-visibility: hidden;
	-webkit-transition:0;
	-moz-transition:0;
	transition:0;
	-webkit-transition: opacity 500ms ease-in-out;
	-moz-transition: opacity 500ms ease-in-out;
	transition: opacity 500ms ease-in-out;
	opacity:0;
	-moz-opacity:0;
	filter: alpha(opacity=100);/* IE 9 only => opacity:1 */
}
#contents #mainBanner .mBannerCenterInner ul>li:nth-child(n){
    opacity: 1 \9 /* IE9 Only */
}
#contents #mainBanner .mBannerCenterInner ul>li img {
	width: 600px;
	height: 296px;
}


#mainbannerthumbs{
	position:absolute;
	top:0; left:0;
}

#mainbannerthumbs li{
	position:absolute;
	margin:0 10px 8px 10px;
	visibility: hidden;
	width:192px;
	height:68px;
}

#mainbannerthumbs li img{
	width:192px;height:68px;
}

#mainbannerthumbs li.current{
	border:1px solid #f7ec85;
}





@-webkit-keyframes thumbFadeIn {
0% {opacity: 0;} 33% {opacity: 0;} 100% {opacity: 1.0;}
}
@-moz-keyframes thumbFadeIn {
0% {opacity: 0;} 33% {opacity: 0;} 100% {opacity: 1.0;}
}
@-ms-keyframes thumbFadeIn {
0% {opacity: 0;} 33% {opacity: 0;} 100% {opacity: 1.0;}
}
@keyframes thumbFadeIn {
0% {opacity: 0;} 33% {opacity: 0;} 100% {opacity: 1.0;}
}
.css_mainbannerthumbs{
	-webkit-animation: thumbFadeIn 0.7s ease-out;
	-moz-animation: thumbFadeIn 0.7s ease-out;
	-ms-animation: thumbFadeIn 0.7s ease-out;
	animation: thumbFadeIn 0.7s ease-out;
}

.bigbannerShow{opacity: 1 !important;-moz-opacity:0 !important;}


/*forZOOM*/
.bigbannerTiming{
	-webkit-transition: -webkit-transform 360ms cubic-bezier(0.69,0.00,1.00,1.00) 90ms,
		opacity 440ms cubic-bezier(0.600, 0.040, 0.980, 0.335) 100ms !important;
	-moz-transition: -moz-transform 360ms cubic-bezier(0.69,0.00,1.00,1.00) 90ms,
		opacity 440ms cubic-bezier(0.600, 0.040, 0.980, 0.335) 100ms !important;
	transition: transform 360ms cubic-bezier(0.69,0.00,1.00,1.00) 90ms,
		opacity 440ms cubic-bezier(0.600, 0.040, 0.980, 0.335) 100ms !important;
}

.bigbannerClickAction{
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	transform: scale(1.3);
}
@-webkit-keyframes thumbNormal {
20% {opacity: 0.4;} 40% {opacity: 0.2;} 80% {opacity: 0.2;} 100% {opacity: 0.4;}
}
@-moz-keyframes thumbNormal {
20% {opacity: 0.4;} 40% {opacity: 0.2;} 80% {opacity: 0.2;} 100% {opacity: 0.4;}
}
@-ms-keyframes thumbNormal {
20% {opacity: 0.4;} 40% {opacity: 0.2;} 80% {opacity: 0.2;} 100% {opacity: 0.4;}
}
@keyframes thumbNormal {
20% {opacity: 0.4;} 40% {opacity: 0.2;} 80% {opacity: 0.2;} 100% {opacity: 0.4;}
}
/* #mainbannerthumbs LI */
.bannerShadow{position:absolute;left:0;width:192px;height:68px;background: #000;
	opacity: 0.4;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	filter: alpha(opacity=40); -moz-opacity:0.4;/*for IE*/
	?-webkit-transform: translateZ(0);
	?-webkit-perspective: 1000;
	?-webkit-backface-visibility: hidden;
	z-index: 99;
	top: 0px;
}
LI.bannerShadowNormal .bannerShadow{
	-webkit-animation: thumbNormal 4.3s;
	-moz-animation: thumbNormal 4.3s;
	-ms-animation: thumbNormal 4.3s;
	animation: thumbNormal 4.3s;
}


.bannerShadow:hover {opacity: 0;filter: alpha(opacity=0); -moz-opacity:0;}
LI.banner_hover .bannerShadow {
	opacity: 0;
	-webkit-transition:0 !important;
	-moz-transition: 0 !important;
	transition: 0 !important;
}
LI.current .bannerShadow {
	-webkit-transition:0 !important;
	-moz-transition: 0 !important;
	transition: 0 !important;
	opacity: 0;filter: alpha(opacity=0); -moz-opacity:0;
}
#mainbannerthumbs li.current {
	border:0;
}
#mainbannerthumbs li.current img{
	-moz-box-shadow: 0 0 3px 23px rgba(255,255,255,0.4);
	-webkit-box-shadow: 0 0 3px 3px rgba(255,255,255,0.4);
	box-shadow: 0 0 3px 3px rgba(255,255,255,0.4);
}

.clGif-topThumb{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:192px;
	height:68px;
}/* 透過gif test */

.clGif-centerThumb{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:600px;
	height:296px;
}/* 透過gif test */

 .listBox a{
	position:relative;
	display:block;

}
.bangumiThumbImg{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:184px;
	height:138px;
}


/* ----------------------------------------
	Common Layout
---------------------------------------- */

#container{ /*ページ全体の背景色や背景画像を指定する場合は、このブロックに指定する。*/
	width:100%;
	background:#f7f7f7;
	min-width:1024px;
	min-height:400px;

	z-index:0;
	position:relative;
/*	background:#CCC; */
}

#containerInner{
	width:1024px;
	margin:0 auto;
	background:#f7f7f7;
	position:relative;
}

.twoColumnsWrap{
	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/lines-section-1000.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 1000px 10px;
	-webkit-background-size: 1000px 10px;
}

.tCW-firstChild{
	background:none !important;
}

.mainColumn{
	width:704px;
	float:left;
}
.mainColumn.mainColumn02{
	float: none;
	width: auto;
}
.sideColumn{
	width:320px;
	float:left;
}

.section{
	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/lines-section-1000.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 1000px 10px;
	-webkit-background-size: 1000px 10px;
	padding:12px;
}
.section.section02 {
	background-position: center bottom;
}

.section-noLine{
	padding:12px;
}

.mainColumn .section{
	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/lines-section-680.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 680px 10px;
	-webkit-background-size: 680px 10px;
	padding:12px;
}

.mainColumn.mainColumn02 .section.section02 {
	width: 680px;
	height: 60px;
	margin: 0px auto;
	background-position: center bottom;
}
.mainColumn.mainColumn02 .section.section02 a {
	width:500px;
	margin: 0px auto;
	font-size: 18px;
}

.sideColumn .section{
	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/lines-section-296.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 296px 10px;
	-webkit-background-size: 296px 10px;
	padding:12px;
}
/* ----------------------------------------
	Common Layout test
---------------------------------------- */

.clGif-thum {
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:184px;
	height:138px;
}



/* ----------------------------------------
	Common Button Style
---------------------------------------- */
#contents .commonBtn{
	display:block;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	border:1px solid #CCC;
	border-color: #FFF #CCC #999 #CCC;

	background-color:#d7d7d7;
	background-image:url(//i.fod.fujitv.co.jp/pc/image/new_img/btn-bg-cmnBtn.png);
	background-repeat: repeat-x;
	background-size: 4px 120px;
	-webkit-background-size: 4px 120px;

	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6), 0px 1px 0px 0px rgba(255, 255, 255, 1) inset;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.6), 0px 1px 0px 0px rgba(255, 255, 255, 1) inset;
	
	-webkit-text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	
	text-align: center;
	height:44px;
	line-height:44px;
	font-weight:bold;
}
#contents .commonBtn:hover{	background-position:0 -60px;	text-decoration: none;}

#contents .commonBtn.playBtn {
    height:48px;
    line-height:48px;
}
#contents .commonBtn.playBtn span {
    display:block;
    height:48px;
    line-height:48px;
    background-color:transparent;
    background-image:url(//i.fod.fujitv.co.jp/pc/image/new_img/icons-sprite_20150501.png);
    background-repeat: no-repeat;
    background-size: 60px 1600px;
    -webkit-background-size: 60px 1600px;
    background-position: 4px -1176px;
}
#contents .commonBtn2{
	display:block;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	border:1px solid #CCC;
	border-color: #FFF #CCC #999 #CCC;

	background-color:#d7d7d7;
	background-image:url(//i.fod.fujitv.co.jp/pc/image/new_img/btn-bg-cmnBtn.png);
	background-repeat: repeat-x;
	background-size: 4px 120px;
	-webkit-background-size: 4px 120px;

	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6), 0px 1px 0px 0px rgba(255, 255, 255, 1) inset;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.6), 0px 1px 0px 0px rgba(255, 255, 255, 1) inset;
	
	-webkit-text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	
	text-align: center;
	height:44px;
	line-height:44px;
	font-weight:bold;
}
#contents .commonBtn2:hover{	background-position:0 -60px;	text-decoration: none;}

#contents .commonBtn2.playBtn {
    height:48px;
    line-height:48px;
}
#contents .commonBtn2.playBtn span {
    display:block;
    height:48px;
    line-height:48px;
    background-color:transparent;
    background-image:url(//i.fod.fujitv.co.jp/pc/image/new_img/icons-sprite_20150501.png);
    background-repeat: no-repeat;
    background-size: 60px 1600px;
    -webkit-background-size: 60px 1600px;
    background-position: 4px -1176px;
}
@media only screen and (min-width: 1px) {
	#contents .commonBtn{
		border-width:0;
	}
}


#contents .primeBtn{
	display:block;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	border:1px solid #CCC;
	border-color: #CCC #777 #444 #777;

	background-color:#d7d7d7;
	background-image:url(//i.fod.fujitv.co.jp/pc/image/new_img/btn-bg-primeBtn.png);
	background-repeat: repeat-x;
	background-size: 4px 120px;
	-webkit-background-size: 4px 120px;

	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4), 0px 1px 0px 0px rgba(255, 255, 255, 0.4) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.4) inset;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4), 0px 1px 0px 0px rgba(255, 255, 255, 0.4) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.4) inset;

	color:#FFF;	
	-webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
	
	text-align: center;
	height:44px;
	line-height:44px;
	font-weight:bold;
}
#contents .primeBtn:hover{	background-position:0 -60px;	text-decoration: none;}

@media only screen and (min-width: 1px) {
	#contents .primeBtn{
		border-width:0;
	}
}


.empty {
    color: #CCCCCC;
    width: 32px;
}

/* ----------------------------------------
	Common Subject Style
---------------------------------------- */

.subject {

	height:44px;
	font-size:18px;
	position:relative;
}
.subject.subject02 {
	height: auto;
	margin-bottom: 12px;
}

.subject>div {
	position: relative;
}


.subject .subject-text{
	display: block;
	padding-top: 8px;
	font-weight:bold;
	line-height: 24px;
	-webkit-text-shadow: 0px 1px 0px #fff;
	text-shadow: 0px 1px 0px #fff;
}

.subject-btn {
	position: absolute;
	top:4px;
	right:6px;
	width: 96px;
	height:30px;
}

.subject-btn a{
	display:block;
	position: absolute;
	width: 96px;
	height:30px;
	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/btns-showmore.png);
	background-repeat: no-repeat;
	background-size: 390px 120px;
	-webkit-background-size: 390px 120px;
	text-indent:-9999px;
}
.subject-btn a.showMore {
	background-position: -96px 0;
	width: 96px;
	height:30px;
}
.subject-btn a.showMore:hover{	background-position: -96px -30px;}


/* ----------------------------------------
	Contents List
---------------------------------------- */

.listBlock .listBox {
	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/lines-content-680.png);
	background-repeat: no-repeat;
	background-size: 680px 2px;
	-webkit-background-size: 680px 2px;
	background-position: center top;
	padding:10px 0 8px 0;
}
.listBlock > .subject+.listBox{
	background:none !important;
	background-image:none !important;
}
#recommend_pc_item_review_1 > .listBox{
	background:none !important;
	background-image:none !important;
}

.lBtype-buy{/*購入確認画面*/
	position:relative;
}

.listBox a.lB-thumbnailLink{
	display:block;
	position:relative;
	width:196px;
	float:left;
}

.listBox a.lB-wrapLink{
	display:block;
	position:relative;
}

.listBox img.lB-thumbnail {
	position: absolute;
	top:0;
	left:0;
	background-color:transparent;
	background-repeat: no-repeat;
	background-position: right center;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.65);
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.65);
	z-index:2;
}

.listBox a.lB-wrapLink{	min-height:86px; margin-bottom:8px;}
.mainColumn.mainColumn02 .listBox a.lB-wrapLink {
	margin-right: 320px;
}
.listBox .lB-rightData{
	padding-left:196px;
	min-height: 138px;
	font-size:14px;
	line-height:18px;
}

.listBox .lB-rightData .lB-title{
	position:relative;
	z-index:1;
	margin-bottom: 3px;
	font-size: 16px;
	line-height: 18px;
	font-weight:bold;
	word-wrap:break-word;
	height:33px;
}
.mainColumn.mainColumn02 .listBox .lB-rightData .lB-title{
}

#list_eachGenre .listBox .lB-rightData .lB-title{
	position:relative;
	z-index:1;
	margin-bottom: 3px;
	font-size: 16px;
	line-height: 18px;
	font-weight:bold;
	word-wrap:break-word; 
	height:auto;
}

.listBox .lB-rightData .lB-title-lineup{
	position:relative;
	z-index:1;
	margin-bottom: 3px;
	font-size: 16px;
	line-height: 18px;
	font-weight:bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow:hidden;
	margin-bottom:0 !important;
	height:18px;
	color:#4169E1;
}

.listBox .lB-rightData .htitle{
}

.listBox .lB-rightData .lB-snipet{
	position:relative;
	z-index:1;
	font-size:12px;
	line-height: 15px;
	color:#666666;
}
.mainColumn.mainColumn02 .listBox .lB-rightData .lB-snipet {
}
.listBox .lB-rightData .hsnipet{
	height:30px;
}

.listBox .lB-lowBox{
	position:relative;
	z-index:1;
	min-height:48px;
}
.listBox .lB-lowBox-H55{
	min-height:60px;
}
.mainColumn.mainColumn02 .listBox .lB-lowBox {
	position: static;
}

.listBox .lB-lowBox button{
	display: block; 
	min-width:180px;
	height:44px;
	line-height:44px;
	text-align: center;
	font-size: 16px;
	font-weight:bold;
	color:#FFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	border-width:0;
	background-color:transparent;
	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/btn-cmnListBtn.png);
	background-repeat: no-repeat;
	background-size: 540px 100px;
	-webkit-background-size: 540px 100px;
	background-position: 0 0;
	
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4), 0px 1px 0px 0px rgba(255, 255, 255, 0.30) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.35) inset;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4), 0px 1px 0px 0px rgba(255, 255, 255, 0.30) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.35) inset;
	-webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
	padding:0 0;
	position:absolute;
	right:0;
}
.listBox .lB-lowBox button.btn-free {	background-position:-180px 0;}
.listBox .lB-lowBox button.btn-bought {	background-position:-180px 0;}

.listBox .lB-lowBox button:hover{	background-position: 0 -50px;}
.listBox .lB-lowBox button.btn-free:hover{	background-position: -180px -50px;}
.listBox .lB-lowBox button.btn-bought:hover{	background-position: -180px -50px;}

.listBox .lB-lowBox .lb-length{
	position:absolute;
	top:0; left:0;
	text-align: left;
	line-height: 16px;
	font-size: 12px;
	color:#666;
}
.mainColumn.mainColumn02 .listBox .lB-lowBox .lb-length {
	position: static;
	padding-right: 320px;
}

/*Content Status Icon*/
.listBox .lB-icons {
    float: right;
    /*min-height: 40px;*/
    position: relative;
    right: 188px;
    top: 0;
}
.mainColumn.mainColumn02 .listBox .lB-icons {
    /*min-height: 30px;*/
    right: 320px;
}

.listBox .lB-icons span{
	display:block;
	text-indent: 200% !important;
	white-space: nowrap;
	overflow: hidden;
	width:47px;
	height:21px;
	background-color:transparent;
	background-image:url(//i.fod.fujitv.co.jp/pc/image/new_img/icons-sprite_20150501.png);
	background-repeat: no-repeat;
	background-size: 60px 1600px;
	-webkit-background-size: 60px 1600px;
	background-position: 0 200px;
	margin-bottom:4px;
}
.mainColumn.mainColumn02 .listBox .lB-icons span {
	float: left;
	margin-left: 5px;
}

.listBox .lB-icons .icon-new{	background-position: 0 -800px;}
.listBox .lB-icons .icon-add{background-position: 0 -840px;}
.listBox .lB-icons .icon-bought{background-position: 0 -880px;}
.listBox .lB-icons .icon-free{background-position: 0 -920px;}
.listBox .lB-icons .icon-madika{background-position: 0 -960px;}
.listBox .lB-icons .icon-mfree	{background: url(//i.fod.fujitv.co.jp/pc/image/new_img/mfree_20150501.png);}
.listBox .lB-icons .icon-premium	{background: url(//i.fod.fujitv.co.jp/pc/image/new_img/icon_premium2.png);}

/*tile*/
.lBtype-tile .listBox{
	float:left;
	width:184px;
	padding:0 8px;
	background:none !important;
}

.lBtype-tile .tileWrapeer{
}

.lBtype-tile .lB-wrapLink{
	margin-bottom:0 !important;
	min-height:0 !important;
}

.lBtype-tile img.lB-thumbnail{
	position:static !important;
	width:184px;
	height:138px;
	background-size: 184px 138px;
	-webkit-background-size: 184px 138px;
}

.lBtype-tile .lB-rightData{
	padding-left:0 !important;
	min-height:0 !important;
	height:80px;
	/*Sociomedia memo
		ジャンル別番組一覧と検索結果画面では、基本として.lBtype-tileのスタイルを踏襲する想定。
		ただし、ジャンル別番組一覧では「New!」「無料」等のマークを表示するため、.lB-rightData のheightの値が異なる。
		heightは、横5列のコンテンツが複数行になる場合に、タイトルや紹介文の字数の違い（項目ごとの高さの違い）によって起こる表示崩れを防ぐ目的で必要となる。
	*/
}
#list_recommendTool.lBtype-tile  .lB-rightData {
	height: auto;
}

.lBtype-tile .lB-title{
	font-size:14px !important;
	margin-top:8px;
	overflow:hidden;
	line-height:16px !important;
}

.lBtype-tile .lB-rightData .lB-snipet{
	height:30px;
	overflow-y: hidden;
	margin-bottom:8px;
	color:#777;
}


/*episode (tableView) */
.lBtype-episode .listBox{
	padding:12px 0 10px 0 !important;
}

.lBtype-episode img.lB-thumbnail {
	width:184px;	height:138px;
	background-size: 184px 138px;
	-webkit-background-size: 160px 138px;
}

.lBtype-episode .lB-wrapLink{
	margin-bottom:6px;
}

.lBtype-pack img.lB-thumbnail {
	width:143px;	height:108px;
	background-size: 143px 108px;
	-webkit-background-size: 143px 108px;
	box-shadow: none;
	-webkit-box-shadow: none;
	margin-left:41px;
}

.lBtype-episode .lB-rightData .lB-title{
	font-size:15px;
	margin-bottom:6px;
}
.mainColumn.mainColumn02 .lBtype-episode .lB-rightData .lB-title {
}
/*pack (tableView) */
.lBtype-pack .listBox{
	padding:12px 0 10px 0 !important;
}

.lBtype-pack .lB-packBG{
	position: absolute;
	top:0;
	left:0;
	width:184px;
	height:138px;
	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/bg-packThumbnail.png);
	background-repeat: no-repeat;
	background-size: 184px 138px;
	-webkit-background-size: 184px 138px;
	background-position: 0 0;
	z-index:0;
}

.lBtype-pack .lB-wrapLink{
	margin-bottom:6px;
}

.lBtype-pack .lB-rightData .lB-title{
	font-size:15px;
	margin-bottom:6px;
}

.mainColumn.mainColumn02 .listBox {
	position: relative;
}
.mainColumn.mainColumn02 .listBox button {
	position: absolute;
	right: 0px;
	top: 10px;
	font-weight: normal;
}



/* 購入済み/未購入の区別無し */
.listBox .lB-lowBox a{
	display: block; 
	float:right;
	margin:0 0 1px 4px;
	min-width:68px;
	height:32px;
	line-height:32px;
	text-align: right;
	font-size: 16px;
	font-family:"HiraKakuProN-W6", Meiryo ,sans-serif;
	color:#444;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	border-width:0;
	background: transparent;
	-webkit-text-shadow: 0px 1px 0px #FFF;
	text-shadow: 0px 1px 0px #FFF;
	padding:0 8px;
}
BODY.font-bold .listBox .lB-lowBox a{
	font-weight: bolder;
}


/* ----------------------------------------
	Page Title
---------------------------------------- */
.pageTitle{
	background-color:#e0e0e0;
	background-image:url(//i.fod.fujitv.co.jp/pc/image/new_img/bg-pageTitleBar.png);
	background-repeat: repeat-x;
	background-size: 2px 40px;
	-webkit-background-size: 2px 40px;
	background-position: center top;
	min-height:40px;
	border-bottom:1px solid #FFF;
	width:100%;
	min-width:1024px;
}

.specialPageTitle{
	background-color:#e0e0e0;
	background-size: 2px 40px;
	-webkit-background-size: 2px 40px;
	background-position: center top;
	min-height:40px;
    border-bottom: 1px solid;
	border-bottom-color: #bababa;
    border-top: 2px solid;
	border-top-color: #b6b6b6;
	-webkit-box-shadow:0px -1px 0px 0px #bababa;
	-moz-box-shadow:0px -1px 0px 0px #bababa;
	box-shadow:0px -1px 0px 0px #bababa;
	width:100%;
	min-width:1024px;
}

.pageTitle h2{
	width:1000px;
	padding:0 12px;
	margin:0 auto;
	line-height:40px;
	font-size:14px;
	font-weight:bold;
	text-shadow: 0px 1px 0px #fff;
	-webkit-text-shadow: 0px 1px 0px #fff;
}


.specialPageTitle h2{
	width:1000px;
	padding:0 12px;
	margin:0 auto;
	line-height:40px;
	font-size:14px;
	font-weight:bold;
	text-shadow: 0px 1px 0px #fff;
	-webkit-text-shadow: 0px 1px 0px #fff;
}

.pageTitle a.btnBack{
	width:1024px;
	margin:0 auto;
	display:block;
	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/ico-arrows.png);
	background-repeat: no-repeat;
	background-size: 80px 400px;
	-webkit-background-size: 80px 400px;
	background-position: 12px -308px;
}
.pageTitle a.btnBack:hover{	background-position: 12px -348px; text-decoration:none;}

.pageTitle .btnBack h2{
	width:976px;
	padding:2px 12px 0 36px;
	line-height:38px;
}

.specialPageTitle h2{
	width:976px;
	padding:2px 12px 0 36px;
	line-height:38px;
}

/* ----------------------------------------
	Pagenation
---------------------------------------- */

.page-nation{
	height:32px;
	text-align:center;
	margin-top:12px;
	margin-bottom:24px;
}

.page-nation li{
	display:inline-block;
	margin-right:4px;
}

*:first-child+html .page-nation li{
	display:inline;

}

.page-nation li a{
	display:block;
	width:32px;
	height:32px;
	line-height:32px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	border:1px solid #CCC;
	border-color: #FFF #CCC #999 #CCC;

	background-color:#d7d7d7;
	background-image:url(//i.fod.fujitv.co.jp/pc/image/new_img/btn-bg-cmnBtn.png);
	background-repeat: repeat-x;
	background-size: 4px 120px;
	-webkit-background-size: 4px 120px;

	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.3) inset;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.3) inset;
	
	-webkit-text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	
	text-align: center;
}

.page-nation li a:hover{	background-position:0 -60px;	text-decoration: none;}

@media only screen and (min-width: 1px) {
	#contents .commonBtn{
		border-width:0;
	}
}

.page-nation .prev-area{ margin-right:12px;}
.page-nation .next-area{ margin-left:8px;}

.page-nation .pager-prev-btn span,
.page-nation .pager-next-btn span{
	display:block;
	width:32px;
	height:32px;
	line-height:32px;
	text-indent:-9999px;
	background-color:transparent;
	background-image:url(//i.fod.fujitv.co.jp/pc/image/new_img/ico-arrows.png);
	background-repeat: no-repeat;
	background-size: 80px 400px;
	-webkit-background-size: 80px 400px;
}
.page-nation .pager-prev-btn span{	background-position:-31px 7px;}
.page-nation .pager-next-btn span{	background-position:9px 7px;}

.page-nation li.current-page a
{
	background-image: none;
	box-shadow: 0 1px 1px rgba(0,0,0,0.3)inset ,0 -1px 1px rgba(0,0,0,0.2) inset;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3)inset ,0 -1px 1px 0 rgba(0,0,0,0.2) inset;
	border-color: #999 #CCC #FFF #CCC;
}

.page-nation li.current-page a {
	background-image: none;
	box-shadow: 0 1px 1px rgba(0,0,0,0.3)inset ,0 -1px 1px rgba(0,0,0,0.2) inset;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3)inset ,0 -1px 1px 0 rgba(0,0,0,0.2) inset;
	border-color: #999 #CCC #FFF #CCC;
}

/* ----------------------------------------------------------
  Notice - フォーム等の注意書き
 ---------------------------------------------------------- */
.procedure-notice{
	padding-left:12px;
	padding-top:4px;
	background-color:transparent;
	background-image:url(//i.fod.fujitv.co.jp/pc/image/new_img/ico-notice.png);
	background-repeat: no-repeat;
	background-size: 24px 24px;
	-webkit-background-size: 24px 24px;
	background-position:4px 0;
}

.procedure-notice02 {
	padding-left:12px;
	background-color:transparent;
	background-repeat: no-repeat;
}

.procedure-notice .notice-subject{
	padding-left:24px;
	font-size:14px;
	font-weight:bold;
	-webkit-text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	margin-bottom:8px;
}

.procedure-notice p.notice-text {
	font-size:11px;
	line-height:15px;
	padding-left:24px;
	margin-bottom:6px;
}
.procedure-notice .notice-list li{
	font-size:11px;
	line-height:15px;
	padding-left:24px;
	margin-bottom:6px;
	background-color:transparent;
	background-image:url(//i.fod.fujitv.co.jp/pc/image/new_img/ico-list-bullet.png);
	background-repeat: no-repeat;
	background-size: 6px 6px;
	-webkit-background-size: 6px 6px;
	background-position:8px 4px;
}

.procedure-notice02 .notice-list li{
	font-size:11px;
	line-height:15px;
	padding-left:24px;
	margin-bottom:6px;
	background-color:transparent;
	background-repeat: no-repeat;
	background-size: 6px 6px;
	-webkit-background-size: 6px 6px;
	background-position:8px 4px;
}

.procedure-notice.noIcon {
	padding-top:0px;
	background-image:none;
}
.procedure-notice .notice-list.noIcon li {
	padding-left:0px;
	background-image:none;
}


/* ----------------------------------------------------------
 High-Resolution Diplay Support
 ---------------------------------------------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {

	#contents #mainPromotionArea{	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/bg-mainPromotion@2x.png);}
	.twoColumnsWrap{		background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/lines-section-1000@2x.png);}
	.section{		background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/lines-section-1000@2x.png);}
	.mainColumn .section{	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/lines-section-680@2x.png);}
	.sideColumn .section{	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/lines-section-296@2x.png);}
	#contents .commonBtn{	background-image:url(//i.fod.fujitv.co.jp/pc/image/new_img/btn-bg-cmnBtn@2x.png);}
	#contents .commonBtn.playBtn span {	background-image:url(//i.fod.fujitv.co.jp/pc/image/new_img/icons-sprite@2x.png);}
	#contents .commonBtn2{	background-image:url(//i.fod.fujitv.co.jp/sp/image/simul_img/icon_simul_play.png);}
	#contents .commonBtn2.playBtn span {	background-image:url(//i.fod.fujitv.co.jp/sp/image/simul_img/icon_simul_play.png);}
	#contents .primeBtn{	background-image:url(//i.fod.fujitv.co.jp/pc/image/new_img/btn-bg-primeBtn@2x.png);}
	.subject-btn a{		background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/btns-showmore@2x.png);}
	.listBlock .listBox{	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/lines-content-680@2x.png);}
	.listBox .lB-lowBox button{	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/btn-cmnListBtn@2x.png);}
	.listBox .lB-icons span{	background-image:url(//i.fod.fujitv.co.jp/pc/image/new_img/icons-sprite@2x.png);}
	.lBtype-pack .lB-packBG{	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/bg-packThumbnail@2x.png);}
	.pageTitle{	background-image:url(//i.fod.fujitv.co.jp/pc/image/new_img/bg-pageTitleBar@2x.png);}
	.pageTitle a.btnBack{	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/ico-arrows@2x.png);}
	.page-nation li a{	background-image:url(//i.fod.fujitv.co.jp/pc/image/new_img/btn-bg-cmnBtn@2x.png);}
	.page-nation .pager-prev-btn span,
	.page-nation .pager-next-btn span{	background-image:url(//i.fod.fujitv.co.jp/pc/image/new_img/ico-arrows@2x.png);}
	.procedure-notice{	background-image:url(//i.fod.fujitv.co.jp/pc/image/new_img/ico-notice@2x.png);}
	.procedure-notice .notice-list li{	background-image:url(//i.fod.fujitv.co.jp/pc/image/new_img/ico-list-bullet@2x.png);}

}


/* ----------------------------------------------------------
  shared Class
 ---------------------------------------------------------- */
.mb0 {
	margin-bottom: 0px !important;
}


/* ----------------------------------------------------------
 Jチェック用印刷設定
 ---------------------------------------------------------- */

@media print {
/*#mainPromotionArea, #subPromotionArea , .listBox img, {display: none;}*/

/* index.html , bangumi-list.html*/
.lB-thumbnail, #mainbannerthumbs,.mainBannerImg, #subPromotionArea{ display: none;}


/*bangumi.html*/
#visualInner, .clearfix li a img {display: none;}
}


* html img{ /* IE-expression (fix png alpha) */
behavior: expression(
this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
this.src = this.src.match(/\.png$/) ? "//i.fod.fujitv.co.jp/pc/image/wbhgfr/wbhgfr_nr000.gif" : this.src,
this.style.behavior = "none"
);
}


/* ----------------------------------------
	リンクボタン対策
---------------------------------------- */
.dmy
{
	visibility: hidden;
	width:1px;
}

/* ----------------------------------------
	ログイン
---------------------------------------- */
#contents .login_btn {
	width:186px;
	height:38px;
}
#contents .login_btn_au {
	width:186px;
	height:34px;
}

/* ----------------------------------------
	完了画面関連
---------------------------------------- */
.complete .mainColumn { text-align:center; width:100%; min-height:300px }
.complete .procedure-notice { background-image:none; margin:50px 0 40px 0; }
.complete .okCancelBtn { width:140px }

/* ----------------------------------------
	SNS
---------------------------------------- */
#spsocial span { margin-right: 5px; }
#spsocial span.cxsocial_line { display: none; }


/* ----------------------------------------
	TOPお知らせ関連
---------------------------------------- */

#top-notice a:link {
	color: #f00;
	text-decoration:none;
}
#top-notice a:active, a:visited {
	color: #444;
	text-decoration:none;
}
#top-notice a:hover {
/*	color: #0055aa;*/
	text-decoration: underline;
}

/* ----------------------------------------
	番組用アイコン
---------------------------------------- */

.icoPremium {
    background-image: url(//i.fod.fujitv.co.jp/pc/image/premium/pc_icon_premium.png);
	background-repeat:no-repeat;
	background-position:0 0;
}