@charset "UTF-8";


/* ----------------------------------------
	Player
---------------------------------------- */

#contents #fod_playerWrap{
	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%;
	min-width:1024px;
	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;
}

#fod_playerWrap #fod_player{
	min-height:96px;
	width:1024px;
	position:relative;
	margin:0 auto;
}

#fod_player span#lblDummyImage {
 	display:block;
	width:720px;
	height:448px;
	margin:0 auto;
}

#fod_player span#ContentMain_player{
	display:block;
	width:720px;
	height:440px;
	margin:0 auto;
}
#fod_player span#ContentMain_PtPlayer{
 	display:block;
	width:720px;
	height:440px;
	margin:0 auto;
}

#fod_player.sizeS ,
{
	width:720px;
	height:448px;
}
#fod_player.sizeM
{
	width:960px;
	height:575px;
}
#fod_player.sizeL
{
	width:960px;
	height:575px;
}

#fod_player span#ContentMain_player.sizeS ,#fod_player span#ContentMain_PtPlayer.sizeS
{
	width:720px;
	height:448px;
}
#fod_player span#ContentMain_player.sizeM ,#fod_player span#ContentMain_PtPlayer.sizeM
{
	width:960px;
	height:575px;
}
#fod_player span#ContentMain_player.sizeL ,#fod_player span#ContentMain_PtPlayer.sizeL
{
	width:960px;
	height:575px;
}


#fod_player #flashContent{
	text-align:center;
	color:#EEE;
	font-size:14px;
	line-height:18px;
}
#fod_player #flashContent p{
	margin-bottom:12px;
	-webkit-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);
}
#fod_player #flashContent img{
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.6);
}

*:first-child+html .player-display-sample img{
	position:relative;
	z-index:-1;
}

.red {
	color: #e60012 !important;
}

/* ----------------------------------------
	Episode Detail
---------------------------------------- */

#episodeDetail .twoColumnsWrap{
	background:none;
}

#episode-title{
	padding:12px 12px 0 12px;
	font-size:18px;
	font-weight:bold;
	line-height: 24px;
	-webkit-text-shadow: 0px 1px 0px #fff;
	text-shadow: 0px 1px 0px #fff;
}

#episode-title h3{
	font-weight:bold;
}

#episodeDetail .listBox {
	padding:12px 12px 12px 12px;
}

#episodeDetail p.thumbnailWrap{
	position:relative;
	width:196px;
	float:left;
}

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

#episodeDetail .lb-length{
	line-height: 16px;
	font-size: 12px;
	color:#444;
	margin-bottom:8px;
}

.episode-story{
	position:relative;
}

.episode-story p{
	position:relative;
	z-index:1;
	font-size:12px;
	line-height: 15px;
	color:#666666;
	max-height:54px;
	overflow-y: hidden;
	margin-bottom:4px;
}

.bottom-mask{
	position:absolute;
	bottom:34px;
	height:12px;
	width:100%;
	z-index:9;
	background-color: transparent;
	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/mask-disclosure.png);
	background-repeat: repeat-x;
	background-size: 2px 12px;
	-webkit-background-size: 2px 12px;
	background-position: 0 0;
}

.episode-story a.showAll{
	display:block;

	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;
	background-position: 0 0;
	margin-top:2px;
}
.episode-story a.showAll span{	display:none;}
.episode-story a.showAll:hover{	background-position: 0 -30px;}

/*story open*/
.episode-story.open .bottom-mask{	display:none;}
.episode-story.open p{	max-height: none;}
.episode-story.open a.showAll{	background-position: 0 -60px;}
.episode-story.open a.showAll:hover{	background-position: 0 -90px;}

/*----*/

#eps-accessoryArea{
	padding:14px 12px 12px 12px;
	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/lines-content-1000.png);
	background-repeat: no-repeat;
	background-size: 1000px 2px;
	-webkit-background-size: 1000px 2px;
	background-position: center top;
}


/* ----------------------------------------
	Play / Buy Buttons
---------------------------------------- */
/*common*/
#episodeDetail ul.btnsBox{
	padding:12px;
}

#episodeDetail a.largeBtn{
	display:block;
	width:296px;
	height:60px;
	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/btn-episode-action.png);
	background-repeat: no-repeat;
	background-size: 888px 180px;
	-webkit-background-size: 888px 180px;
	margin-bottom:8px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
	
	-webkit-text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	
	font-size:18px;
	line-height:60px;
}
#episodeDetail a.largeBtn:hover{
	background-position: 0 -60px;
	text-decoration: none;
}
.mainColumn.mainColumn02 .lB-lowBox button {
	font-family:sans-serif;
	display:block;
	width:296px;
	height:60px;
	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/btn-episode-action02.png);
	background-repeat: no-repeat;
	background-size: 888px 180px;
	-webkit-background-size: 888px 180px;
	margin-bottom:8px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
/*	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
	-webkit-text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
*/	border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size:18px;
	line-height:60px;
	background-position: -296px 0px;
}
.mainColumn.mainColumn02 .lB-lowBox button.btn-purchase {
	background-position: -592px 0px;
}
.mainColumn.mainColumn02 .lB-lowBox button:hover {
	background-position: -296px -60px;
}
.mainColumn.mainColumn02 .lB-lowBox button.btn-purchase:hover {
	background-position: -592px -60px;
}
/*PC - viewer*/
#episodeDetail ul.streaming a{
	background-position: 0 0;
}
#episodeDetail ul.streaming a span{
	margin-left:60px;
}

#episodeDetail ul.streaming .active a{
	background-position: 0 -120px;
	box-shadow:none;
	-webkit-box-shadow:none;
	color:#ccc;
	-webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 1);
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 1);
}

#episodeDetail ul.streaming .active a:hover{
	background-position: 0 -120px;
}


/*buy*/
#episodeDetail .btnBuy a{
	background-position: -592px 0;
	text-align:center;
	color:#FFF;
	-webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
}
#episodeDetail .btnBuy a:hover{
	background-position: -592px -60px;
}


/*tablet*/
#episodeDetail .main-btnPlay a{
	background-position: -296px 0;
	text-align:center;
	color:#FFF;
	-webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
}
#episodeDetail .main-btnPlay a:hover{
	background-position: -296px -60px;
}

#episodeDetail .subPlayBtnBox{
	position:relative;
	height:44px;
	margin-bottom:8px;
}

#episodeDetail .framerate-note{
	width:136px;
	position:absolute;
	left:0;
	text-align: right;
	line-height:14px;
	color:#888;
	font-size:11px;
	letter-spacing: -0.08em;
	padding:4px 8px 4px 0;
	box-sizing: border-box;
}

#episodeDetail .sub-btnPlay{
	width:160px;
	position:absolute;
	right:0;
}

#episodeDetail .smallBtn span{
	display:block;
	height:24px;
	line-height:24px;
	background-color:transparent;
	background-image:url(//i.fod.fujitv.co.jp/pc/image/new_img/icons-sprite.png);
	background-repeat: no-repeat;
	background-size: 60px 1600px;
	-webkit-background-size: 60px 1600px;
	background-position: 8px -1250px;
	color:#666;
	font-size:13px;
	padding:12px 0 8px 40px;
	text-align:left;
}

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

/* Show More Button (in the bottom of the pack list )*/
.more-request-bar{
	padding-top:2px;
	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;
}
.more-request-bar .more{
	display:block;
	text-align:center;
	background-color:transparent;
	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/bg-showmoreListBtn-680.png);
	background-repeat: no-repeat;
	background-size: 680px 60px;
	-webkit-background-size: 680px 60px;
	background-position: 0 0;
	height:36px;
	padding-top:24px;
}

.more-request-bar .more-text {
	padding:0 0 0 32px;
	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: 4px -78px;
	font-size:14px;
	font-weight:bold;
	-webkit-text-shadow: 0px 1px 0px #fff;
	text-shadow: 0px 1px 0px #fff;
}
.more-request-bar .more:hover .more-text{
	background-position: 4px -118px;
}

.buttonBox {
	margin:25px auto 25px auto;
	width:340px;
	font-size:16px;
}

.mainColumn02 .section02 .more-text {
	padding:0 0 0 32px;
	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: 4px -227px;
	height:44px;
	display:inline-block;
}
.mainColumn02 .section02 .commonBtn:hover .more-text {
	background-position: 4px -267px;
}

/* ----------------------------------------
	Right Recommend
---------------------------------------- */

#recommend_body{
	margin-top:0;
	padding:12px;
	background:#f2f1f0;
	border:1px solid #CCC;
	border-color:#999 #CCC #CCC #CCC;

	border-radius: 6px;
	-webkit-border-radius: 6px;

	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4) inset;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.4) inset;
}

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



/*rcmn*/
.lBtype-rcmnd .listBox{
	float:none;
	width:auto;
	padding:4px 8px 6px 8px;
	background:none !important;
	text-align:center;
}

.lBtype-rcmnd .tileWrapeer{
}

.lBtype-rcmnd .lB-wrapLink{
	margin-bottom:0 !important;
	min-height:0 !important;
	width:100%;
}

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

.lBtype-rcmnd .lB-rightData{
	padding-left:0 !important;
	min-height:0 !important;
}

.lBtype-rcmnd .lB-title{
	font-size:14px !important;
	margin-top:8px;
	overflow:hidden;
	max-height:36px;
}



/* ----------------------------------------
	Imatsubu overRide
---------------------------------------- */
/* iframe内で以下のスタイルが有効になるように調整してください */

#ContentMain_lblImatsubu .imatsubu{
	position:relative;
}


#ContentMain_lblImatsubu .imatsubu_header{
	height:32px !important;
	margin-bottom:8px;
}

#ContentMain_lblImatsubu .imatsubu_header:after{/*clearfix の代替*/
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#ContentMain_lblImatsubu #imatsubu_logo{
	height:32px;
	width:100px;
	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/imatsubu-logo.png);
	background-repeat: no-repeat;
	background-size: 92px 32px;
	-webkit-background-size: 92px 32px;
	background-position: 0 0;
	text-indent:-9999px;
}

#imatsubu_tsubuyaki a{
	display:block;
	width:120px;
	height:32px;
	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/btn-imatsub-comment.png);
	background-repeat: no-repeat;
	background-size: 120px 64px;
	-webkit-background-size: 120px 64px;
	background-position: 0 0;
	text-indent:-9999px;
}
#imatsubu_tsubuyaki a:hover{
	background-position: 0 -32px;
}



#ContentMain_lblImatsubu .timeline{
	padding:12px 12px 54px 12px;
	background:#f2f1f0;
	border:1px solid #CCC;
	border-color:#999 #CCC #CCC #CCC;

	border-radius: 6px;
	-webkit-border-radius: 6px;

	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4) inset;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.4) inset;
	
}

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

#ContentMain_lblImatsubu .tsubu_box{
	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/lines-content-296.png);
	background-repeat: no-repeat;
	background-size: 296px 2px;
	-webkit-background-size: 296px 2px;
	background-position: center top;
	padding:12px 0 8px 0;
}

#ContentMain_lblImatsubu #new_twitte_id .tsubu_box:first-child{
	background:none;
	padding-top:0;
}

#ContentMain_lblImatsubu .spouting a{
	color:#b36212;
}
#ContentMain_lblImatsubu .spouting a:hover{
	text-decoration: none;
	color:#e57e17;
}

#ContentMain_lblImatsubu .spouting .nam{	margin-bottom:4px;}
#ContentMain_lblImatsubu .spouting .nam a{
	font-size:13px;
	-webkit-text-shadow: 0px 1px 0px #fff;
	text-shadow: 0px 1px 0px #fff;
}

#ContentMain_lblImatsubu .spouting .txt{
	font-size:12px;
	color:#444;
	line-height:15px;
}

#ContentMain_lblImatsubu .spouting .tim{
	font-size:11px;
	color:#777;
	margin-top:4px;
	text-align:right;
}

#ContentMain_lblImatsubu .spouting .original{
	margin:6px 0;
	padding:8px;
	border:1px dashed #aaa;
	background:#f5f4f2;
}
#ContentMain_lblImatsubu .spouting .original p a{/*投稿者名部分*/
	font-size:13px;
}
#ContentMain_lblImatsubu .spouting img.imatsubu_icon{	vertical-align: middle; margin-right:4px;}


#ContentMain_lblImatsubu .btnimtb{
	width:296px !important;
	position:absolute;
	padding:8px 0;
	bottom:0;
	left:0;
	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/lines-content-296.png);
	background-repeat: no-repeat;
	background-size: 296px 2px;
	-webkit-background-size: 296px 2px;
	background-position: center top;
	width:auto;
	z-index:9;
}
#ContentMain_lblImatsubu .btnimtb a{
	display:block;
	margin:0 8px 0 auto;
	width: 198px;
	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;
	background-position: -192px 0;
	text-indent:-9999px;
}
#ContentMain_lblImatsubu .btnimtb a:hover{	background-position: -192px -30px;}

/* ----------------------------------------
	SNS
---------------------------------------- */
#fod_social_episode{
	margin-left:auto;
	margin-right:0;
	text-align:right;
}

#fod_social_episode .facebook-iframe {
	height:21px !important;
	vertical-align:middle;
}

/* ----------------------------------------
	ERROR
---------------------------------------- */
.error_msg {
	padding:30px 12px 30px 12px;
	text-align:center;
	color: #e60012 !important;
	font-size:18px;
	font-weight:bold;
}


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

	#contents #fod_playerWrap{	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/bg-mainPromotion@2x.png);}
	.bottom-mask{	/* unnecessary */ }
	.episode-story a.showAll{	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/btns-showmore@2x.png);}
	#eps-accessoryArea{	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/lines-content-1000@2x.png);}
	#episodeDetail a.largeBtn{	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/btn-episode-action@2x.png);}
	#episodeDetail .smallBtn span{	background-image:url(//i.fod.fujitv.co.jp/pc/image/new_img/icons-sprite@2x.png);}
	.more-request-bar{	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/lines-content-680@2x.png);}
	.more-request-bar .more{	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/bg-showmoreListBtn-680@2x.png);}
	.more-request-bar .more-text {	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/ico-arrows@2x.png);}
	#ContentMain_lblImatsubu #imatsubu_logo{	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/imatsubu-logo@2x.png);}
	#imatsubu_tsubuyaki a{	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/btn-imatsub-comment@2x.png);}
	#ContentMain_lblImatsubu .tsubu_box{	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/lines-content-296@2x.png);}
	#ContentMain_lblImatsubu .btnimtb{	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/lines-content-296@2x.png);}
	#ContentMain_lblImatsubu .btnimtb a{	background-image: url(//i.fod.fujitv.co.jp/pc/image/new_img/btns-showmore@2x.png);}

}