/* BreakPoint
--------------------------------- */
/* MediaQqueries mixin
--------------------------------- */
/* Vendor prefix
--------------------------------- */
/* font size
--------------------------------- */
/* common
--------------------------------------------------------------------------------------------------- */

body {
	height: auto;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-family: 'Lucida Grande', Meiryo, sans-serif;
}

p {
	line-height: 1.5em;
}

a {
	text-decoration: none;
}



/*オンマウス透過*/
.thumImage a:hover img ,
.content_wrap .pickup_thum a:hover img,
.thumbnailWrapper a:hover img {filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}

.thumTitle:hover {filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;
}
/* header
--------------------------------- */

#header {
	width: 100%;
	height: 100px; /*position: fixed; top: 0px; left: 0px; z-index: 9999;*/
	overflow: visible;
	background:#0282bf;
}

#header #headerInner {
	width: 100%;
	height: 95px;
	margin: 0 auto;
	position: relative;
	overflow: visible;
}
/* header box
--------------------------------- */

#headerBox {
	width: 1024px;
	height: 95px;
	position: relative;
	margin: 0 auto;
	overflow: visible;
}

#headerBox h1.logo a {
    background: url(../img/h1_logo.png) no-repeat;
    width: 330px;
    height: 77px;
	position: absolute;
	top: 15px;
	left: 0px;
}

#playtop #snsBtnBox {
 position: absolute;
	right:0;
	top:15px;
}
#playtop #snsBtnBox li a img{
	-webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; 
}
#playtop #snsBtnBox li a:hover img{filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
#playtop #snsBtnBox li {
	float:left;
	margin:0 0 0 13px;
}

#headerBox .sprite_rss a {
    background: url(../img/icon_spright.png) -492px 0 no-repeat;
    width: 42px;
    height: 13px;
	right:55px;
	position:absolute;
	top:20px;
}
#headerBox .sprite_feedly a {
    background: url(../img/icon_spright.png) -219px 0 no-repeat;
    width: 52px;
    height: 13px;
	right:0;
	position:absolute;
	top:20px;
}

/*======= #gNavi =======*/
#gNavi {
	width: auto;
	height: auto;
	position: absolute;
	top: 70px;
	right: 0px;
	overflow: visible;
}
#gNavi ul.naviList {
	list-style: none;
	float: right;
}
#gNavi ul.naviList li {
	width: auto;
	height: 29px;
	padding: 0;
	float: left;
	position: relative;
	margin: 0 0 0 30px;
}
#gNavi ul.naviList li a {
		-webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; 
	font-size:108%;
	color:#fff;
}
#gNavi ul.naviList li a:hover {filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}


#evaluateBalloon {
	width: 780px;
	height: 110px;
	padding: 5px;
	position: absolute;
	top: 74px;
	right: 0px;
	background: url(../img/bg_evaluateBalloon01.png) repeat;
	display: none;
	z-index: 9999;
}

#evaluateBalloon .evaluateArrow {
	width: 13px;
	height: 11px;
	position: absolute;
	top: -13px;
	right: 30px;
}
#evaluateBalloon ul.evaluateList {
	list-style: none;
}
#evaluateBalloon ul.evaluateList li {
	width: 130px;
	height: 110px;
	float: left;
	background: none;
}

/*#evaluateBalloon ul.evaluateList li:hover {
	background: url(../img/bg_evaluateBtn01.png) repeat;
}*/
/* gradient animation
--------------------------------- */
#gradientAnimation {
	background-position: 0 0, 0 0, 0 0, 0 0;
	background-image: -moz-linear-gradient(left top, #98eef3 0%, #ffd1f1 33%, #feff95 66%, #98eef3 100%);
	background-image: -webkit-gradient(linear, left top, right bottom, from(#98eef3), color-stop(33%, #ffd1f1), color-stop(66%, #feff95), to(#98eef3));
	background-color: white;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BA1B', endColorstr='#00BA1B', GradientType=1 );
}

#gradientAnimation {
	-moz-animation-name: gradationAnimation;
	-moz-animation-duration: 30s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-name: gradationAnimation;
	-webkit-animation-duration: 30s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-name: gradationAnimation;
	animation-duration: 30s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
 @keyframes gradationAnimation { /* line 254, ../sass/style.scss */
 from {
background-position: -5120px 0;
}
  25% {
background-position: -4096px 0;
}
  50% {
background-position: -3072px 0;
}
  75% {
background-position: -2048px 0;
}
  to {
	background-position: -1024px 0;
}
}
 @-moz-keyframes gradationAnimation {
 from {
background-position: -5120px 0;
}
  25% {
background-position: -4096px 0;
}
  50% {
background-position: -3072px 0;
}
  75% {
background-position: -2048px 0;
}
  to {
	background-position: -1024px 0;
}
}
 @-webkit-keyframes gradationAnimation { /* line 268, ../sass/style.scss */
 from {
background-position: -5120px 0;
}
  25% {
background-position: -4096px 0;
}
  50% {
background-position: -3072px 0;
}
  75% {
background-position: -2048px 0;
}
  to {
	background-position: -1024px 0;
}
}
/* wrapper
--------------------------------- */
#wrapper {
	width: 1024px;
	height: auto;
	margin: 0 auto;
	padding: 0px 0px 40px 0px;
}
#wrapper #snsBtnBox {
	float: right;
}


#wrapper.lowerLayerWrapper {
	margin: 142px auto 0px;
}
#leftColumn {
	width: 710px;
	height: auto;
	float: left;
	overflow: hidden;
	padding: 15px 0px 0px 0px;
}

#rightColumn {
	width: 300px;
	height: 100%;
	float: right;
	overflow: hidden;
	padding: 10px 0px 0px 0px;
}
#rightColumn .adBox {
	width: 300px;
	height: auto;
	overflow: hidden;
	margin: 6px auto 20px;
}
#rightColumn .adBox.lowerLayer {
	margin: 0px auto 20px;
}
#rightColumn .timeLineBox {
	width: 300px;
	height: 500px;
	overflow: hidden;
	margin: 0 auto;
}

/* #playtop #rightColumn {
    padding: 40px 0px 0px 0px;
}*/

/* section
--------------------------------- */
/* footer ad box
--------------------------------- */
#footerAdBox {
	width: 100%;
	min-width: 1024px;
	height: 306px;
	margin: 0 auto;
	padding: 14px 0px 0px 0px;
	clear: both;
	background:#dadada;
    border-top:5px solid #0282bf;
}
#footerAdBox.nobnr {
	width: 100%;
	min-width: 1024px;
	height: 0;
	margin: 0 auto;
	padding: 14px 0px 0px 0px;
	clear: both;
	background:#fff;
    border-bottom:5px solid #2c3236;
}
#footerAdBox ul.footerAdInner {
	width: 1024px;
	height: 250px;
	margin: 0 auto;
	list-style: none;
}
#footerAdBox ul.footerAdInner li {
	width: 300px;
	height: 250px;
	margin: 0px 25px 0px 0px;
	float: left;
}
#footerAdBox ul.footerAdInner li.bannerRight {
	margin: 0px 0px 0px 70px;
}
/* footer
--------------------------------- */

#footer {
	width: 1024px;
	height: 100px;
	margin: 0 auto;
	position: relative;
}
#footer h2#footerLogo {
	width: 102px;
	height: 54px;
	position: absolute;
	top: 20px;
	left: 0px;
}
#footer ul.footerNavi {
	width: 500px;
	height: 20px;
	position: absolute;
	top: 50px;
}
#footer ul.footerNavi_2 {
	width: 500px;
	height: 20px;
	position: absolute;
	top: 20px;
}
#footer ul.footerNavi li ,
#footer ul.footerNavi_2 li {
	width: auto;
	height: 20px;
	float: left;
	margin: 0px 30px 0px 0px;
}
#footer ul.footerNavi li a ,
#footer ul.footerNavi_2 li a {
	font-size: 93%;
	font-weight: bold;
	color: #656565;
	text-decoration: underline;
}

#footer small {
	width: 300px;
	height: 20px;
	position: absolute;
	top: 80px;
	left: -30px;
	font-size: 77%;
	text-align: right;
	color: #656565;
}
#footer .jasrac {
	width: 300px;
	position: absolute;
	top: 20px;
	right: 0;
	font-size: 77%;
	text-align: right;
	color: #656565;
}
#footer .jasrac p {
	float: right;
	text-align: left;
	padding: 30px 0 0 10px;
}
.pageTopBtn {
	width: 100px;
	height: 13px;
	padding: 10px 30px 15px 10px;
	background: #0282bf;
 color:#fff;
	float:right;
	cursor: pointer;
	margin-right:10px;
	-webkit-transition: 0.3s ease-in-out;  
      -moz-transition: 0.3s ease-in-out;  
        -o-transition: 0.3s ease-in-out;  
           transition: 0.3s ease-in-out; 
}
.pageTopBtn:hover {
	filter: alpha(opacity=70) !important; -moz-opacity:0.7; opacity:0.7 !important;
}

/* top page
--------------------------------------------------------------------------------------------------- */
/* header sliderBox
--------------------------------- */
#sliderBox {
	width: 100%;
	max-width: 100%;
	height: 340px;
	margin: 0 auto 0px;
	position: relative;
	overflow: hidden;
}

#sliderBox ul.slider {
	list-style: none;
	position: relative;
}
#sliderBox ul li {
	width: 543px;
	height: 305px;
	float: left;
}
#sliderBox ul li .descriptionBox {
    display: none;
}
/*#sliderBox ul li .descriptionBox {
	width: 893px;
	height: 28px;
	padding: 28px 24px 28px 24px;
	position: absolute;
	bottom: 10px;
	left: 10px;
	background-image: url(../img/bg_descriptionBox01.png);
	background-repeat: repeat;
}
#sliderBox ul li .descriptionBox h3.name {
	max-width: 850px;
	display: block;
	overflow: hidden;
	font-size: 153.9%;
	font-weight: normal;
	color: black;
}

#sliderBox ul li .descriptionBox span.detailsIcon {
	width: 125px;
	height: 29px;
	padding: 2px 0px 0px 0px;
	display: block;
	overflow: hidden;
	font-size: 138.5%;
	color: #72d0f3;
	position: absolute;
	top: 50%;
	right: 28px;
	margin-top: -15px;
	background-image: url(../img/bg_boxArrow_off.png);
	background-position: 106px 0px;
	background-repeat: no-repeat;
}*/
.overBlockLeft {
	width: 543px;
	height: 305px;
	background: url(../img/bg_sliderOver01.png) repeat;
	position: absolute;
	right: 50%;
	margin-right: 271px;
	z-index: 3001;
}
.overBlockRight {
	width: 543px;
	height: 305px;
	background: url(../img/bg_sliderOver01.png) repeat;
	position: absolute;
	left: 50%;
	margin-left: 271px;
	z-index: 3002;
}
/* info
--------------------------------- */
.top_info {
    width:720px;
    border:1px solid #e6e6e6;
    padding:10px 0;
    margin:20px 0;
    float: left;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.95, #e5e5e5), color-stop(0.00, #ffffff));
    background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 95%);
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 95%);
    background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 95%);
    background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 95%);
    background: linear-gradient(top, #ffffff 0%, #e5e5e5 95%);
}

.top_info li {
    float:left;
    width:303px;
}
.top_info li a{
    background:url(../../img/icon_info.png) center left 8px no-repeat;
    padding:5px 0 5px 50px;
    display: block;
    border-left:1px solid #cbcbcb;
    color:#4a4a4a;
}
.top_info li a:hover {
    text-decoration: underline;
}
.top_info li.top_info_ttl{
    width:114px;
    height:auto;
    padding-top:25px;
    font-weight:bold;
    background:url(../../img/info_ttl.png) center no-repeat;
    text-indent: -9999px; font-size: 1px; overflow: hidden;
}


/* ttl
--------------------------------- */
.sectionttl {
    width: 100%;
	height: 30px;
	padding: 3px 0 0 0;
	color: #4a4a4a;
	font-size: 169%;
	font-weight: bold;
    margin-bottom:20px;
}
.ttlnew {
	border-bottom:2px solid #ff378b;
}
.ttlnew span {
    font-size:60%;
    padding-left:5px;
    color:#ff378b;
}
.ttlpopular {
	border-bottom:2px solid #ff9812;
}
.ttlpopular span {
    font-size:60%;
    padding-left:5px;
    color:#ff9812;
}
/*ttlseries*/
.ttlseries {
	border-bottom:2px solid #2ad513;
}
.ttlseries span {
    font-size:60%;
    padding-left:5px;
    color:#2ad513;
}

/*ttlrecommend*/
.ttlrecommend {
	border-bottom:2px solid #2806DA;
}
.ttlrecommend span {
    font-size:60%;
    padding-left:5px;
    color:#2806DA;
}

.fullside .scrollableBox {
    clear:both;
    width: 1024px;
    margin-bottom:30px;
}
.fullside .scrollable {
    width: 1024px;
    margin-bottom:30px;
}

.fullside .scrollable .items div.itemwap {
    width: 1060px;
}
.fullside .scrollableBox ul.thumbnail {
    margin: 0px 35px 0px 0px;
}

.scrollableBox {
	width: 700px;
	height: 225px;
	overflow: hidden;
	position: relative;
}

.scrollableBox .scrollablePopularity {
	background: url(../img/ico_h2_02.png) 1px 5px no-repeat;
}

.scrollableBox .scrollableSeries {
	background: url(../img/ico_h2_03.png) 1px 5px no-repeat;
}

.scrollableBox ul.thumbnail {
	width: 230px;
	height: 195px;
	margin: 0px 5px 0px 0px;
	float: left;
	position: relative;
	cursor: pointer;
}

.scrollableBox ul.thumbnail li.thumImage {
	width: 230px;
	height: 129px;
	position: relative;
	float: left;
}
.iconPileup {
    background:url(../img/iconPileup.png);
    width:62px;
    height:25px;
    position: absolute;
    z-index:100;
    top: 8px;
    left: 5px;
}
.timePileup {
    position: absolute;
    bottom:3px;
    right:3px;
    padding: 0 4px;
    font-weight: bold;
    font-size: 11px;
    background-color: #000;
    color: #fff;
    height: 14px;
    line-height: 14px;
    opacity: .75;
    filter: alpha(opacity=75);
    display: -moz-inline-stack;
    vertical-align: top;
    zoom: 1;
    display: inline-block;
}

.scrollableBox ul.thumbnail li.thumTitle {
	width: 206px;
	height: 55px;
	padding: 7px 18px 0px 6px;
	font-size: 93%;
	position: relative;
	float: left;
	background: url(../img/ico_textArrow01.png) 218px 20px no-repeat;
	color:#0282bf;
}
.scrollableBox ul.thumbnail h3.thumTextSeries {
	text-indent: 1.8em;
	background: url(../img/ico_text_01.png) 0px 0px no-repeat;
}
.scrollableBox ul.thumbnail li.seriesIcon {
	width: 45px;
	height: 45px;
	position: absolute;
	top: 42px;
	left: 92px;
	background: url(../img/ico_thumOver_01.png) no-repeat;
}
.scrollableBox ul.thumbnail .thumOverlay {
	width: 230px;
	height: 195px;
	background-image: url(../img/ico_thumOver_02.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
}
.scrollable {
	position: relative;
	overflow: hidden;
	width: 700px;
	height: 195px;
	float: left;
	margin: 0px 0px 0px 0px;
}
.scrollable .items {
	width: 20000em;
	position: absolute;
	clear: both;
}
.scrollable .items div.itemwap {
	float: left;
	width: 1060px;
}
a.browse {
	width: 23px;
	height: 51px;
	display: block;
	cursor: pointer;
	position: absolute;
	z-index: 1000;
	background: white;
}
a.right {
	top: 72px;
	right: 0px;
}
a.left {
	top: 72px;
	left: 0px;
}
a.disabled {
	visibility: visible !important;
	background: none;
}
a.disabled img {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
/* lower layer
--------------------------------------------------------------------------------------------------- */
#movieArea {
	width: 100%;
	height: auto;
	margin: 0px auto 20px;
	position: relative;
}
#movieArea .movieBox {
	margin: 0px auto 20px;
	width: 710px;
	height: 400px; /*background: black;*/
	z-index: 1;
}
#movieArea .movieDescriptionBox {
    clear: both;
	width: 710px;
	height: auto;
    padding-top:20px;
	position: relative;
}
h3.movieTitle {
	width: 100%;
	height: auto;
	margin: 0px 0px 5px 0px;
	font-size: 182%;
	font-weight: bold;
	float: left;
	border-bottom: 2px solid #2AD513;
}
.updatedDate {
    color:#656565;
    text-align: right;
    padding-right:10px;
}
#movieArea .movieDescriptionBox p {
	color: #656565;
	font-size: 108%;
	width: 315px;
	height: auto;
	float: left;
    clear: both;
}
.evaluateBox {
	width: 366px;
	/*height: 108px;*/
	float: right;
}
.evaluateBox h4.evaluateTitle {
	width: 100%;
	height: 17px;
	padding: 0px 0px 0px 20px;
	font-size: 108%;
	font-weight: bold;
	color: #898989;
	background: url(../img/icon_h4title01.png) 0px 2px no-repeat;
}
/* 
.evaluateBox ul#evaluateBtnBox {
	width: 366px;
	list-style: none;
	margin: 10px auto 0px;
}

.evaluateBox ul#evaluateBtnBox li {
	width: 59px;
	height: 83px;
	margin: 0px 1px 0px 1px;
	cursor: default;
	position: relative;
	float: left;
}

.evaluateBox ul#evaluateBtnBox li.activ {
	cursor: pointer;
}

.evaluateBox ul#evaluateBtnBox li .votes {
	width: 100%;
	position: absolute;
	color: #616161;
	font-size: 93%;
	text-align: center;
	left: 0px;
	bottom: 0px;
}
*/

.evaluateBox ul#snsBtnBox {
	width: 370px;
	list-style: none;
	margin: 0 auto
}
.evaluateBox ul#snsBtnBox li {
	width: auto;
	height: 40px;
	margin: 0px 5px 0px 0px;
	float: left;
}
h2.sectionTitle {
	width: 94%;
	height: 30px;
	color: #4a4a4a;
	font-size: 123.1%;
	font-weight: bold;
}
.sectionTitleNew {
	padding: 3px 0px 0px 34px;
	background: url(../img/ico_h2_01.png) 1px 5px no-repeat;
}
.sectionTitlePopularity {
	padding: 3px 0px 0px 34px;
	background: url(../img/ico_h2_02.png) 1px 5px no-repeat;
}
.sectionTitleSeries {
	padding: 3px 0px 0px 34px;
	background: url(../img/ico_h2_03.png) 1px 5px no-repeat;
}
.sectionTitleEvaluate01 {
	padding: 3px 0px 0px 89px;
	background: url(../img/ico_h2_evaluate_01.png) 1px 2px no-repeat;
}
.sectionTitleEvaluate02 {
	padding: 3px 0px 0px 95px;
	background: url(../img/ico_h2_evaluate_02.png) 1px 2px no-repeat;
}
.sectionTitleEvaluate03 {
	padding: 3px 0px 0px 96px;
	background: url(../img/ico_h2_evaluate_03.png) 1px 2px no-repeat;
}
.sectionTitleEvaluate04 {
	padding: 3px 0px 0px 125px;
	background: url(../img/ico_h2_evaluate_04.png) 1px 2px no-repeat;
}
.sectionTitleEvaluate05 {
	padding: 3px 0px 0px 100px;
	background: url(../img/ico_h2_evaluate_05.png) 1px 2px no-repeat;
}
.sectionTitleEvaluate06 {
	padding: 3px 0px 0px 173px;
	background: url(../img/ico_h2_evaluate_06.png) 1px 2px no-repeat;
}


.thumbnailWrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.thumbnailWrapper { position:relative; display: inline-block; }
.thumbnailWrapper { 
    clear:both;
}
.thumbnailWrapper .thumbnail {
	width: 230px;
	height: 185px;
	margin: 0px 6px 10px 0px;
	float: left;
	position: relative;
	cursor: pointer;
}
.thumbnailWrapper .thumbnail .thumImage {
	width: 230px;
	height: 129px;
	position: relative;
	float: left;
}
.thumbnailWrapper .thumbnail .thumTitle {
	width: 206px;
	height: 50px;
    overflow:hidden; 
	padding: 5px 18px 0px 6px;
	font-size: 93%;
	position: relative;
	float: left;
	background: url(../img/ico_textArrow01.png) 218px 20px no-repeat;
}
/*3点リーダ*/
.thumbnailWrapper .thumbnail .thumTitle h3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
	color:#0282bf;
}

/*シリーズ一覧用*/
.thumbnailWrapper.seriesthumb .thumbnail ,
.seriesall .thumbnailWrapper.seriesthumb .thumbnail{
    height:200px !important;
}
.thumbnailWrapper.seriesthumb .thumbnail .thumTitle {
    height:70px;
}
.thumbnailWrapper.seriesthumb .thumbnail .thumTitle h3 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
	color:#0282bf;
}



.thumbnailWrapper .thumbnail h3.thumTextSeries {
	text-indent: 1.8em;
	background: url(../img/ico_text_01.png) 0px 2px no-repeat;
}
.thumbnailWrapper .thumbnail .seriesIcon {
	width: 45px;
	height: 45px;
	position: absolute;
	top: 42px;
	left: 92px;
	background: url(../img/ico_thumOver_01.png) no-repeat;
}
.thumbnailWrapper .thumbnail .thumOverlay {
	width: 230px;
	height: 195px;
	background-image: url(../img/ico_thumOver_02.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
}
.thumbnailWrapper ul.seriesThumb {
	width: 700px;
	height: auto;
	margin: 0 auto 40px;
	float: left;
	position: relative;
	cursor: pointer;
}
.thumbnailWrapper ul.seriesThumb li.thumImage {
	width: 700px;
	float: left;
	position: relative;
}
.thumbnailWrapper ul.seriesThumb li.thumTitle {
	width: 690px;
	height: auto;
	padding: 13px 0px 0px 10px;
	font-size: 123.1%;
	position: relative;
	float: left;
}
.thumbnailWrapper ul.seriesThumb li.thumText {
	width: 690px;
	height: auto;
	padding: 13px 0px 0px 10px;
	font-size: 108%;
	position: relative;
	float: left;
}
.thumbnailWrapper ul.seriesThumb .thumOverlay {
	width: 700px;
	height: 306px;
	background-image: url(../img/ico_thumOver_03.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
}
.backPageBox {
	width: 100%;
	height: 47px;
	margin: 10px auto 0px;
	text-align: center;
	float: left;
}
.backPageBox a {
	width: 208px;
	height: 31px;
	display: inline-block;
	padding: 16px 0px 0px 22px;
	font-size: 123.1%;
	line-height: 1em;
	color: #72d0f3;
	background-color: none;
	background-image: url(../img/bg_backPageArrow01.png);
	background-repeat: no-repeat;
	background-position: 31px 15px;
}
.backPageBox a:hover {
	color: white;
	background-color: #72d0f3;
	background-image: url(../img/bg_backPageArrow02.png);
}
.pagenation {
	width: 100%;
	height: 57px;
	text-align: center;
	float: left;
	position: relative;
}
.pagenation a {
	width: auto;
	height: 15px;
	position: relative;
	top: -2px;
	font-size: 138.5%;
	color: #72d0f3;
	margin: 0px 0px 0px 10px;
}
#infscr-loading {
	display: none !important;
}
/* ----------about---------- */
h2.conceptTitle {
	padding: 3px 0px 0px 43px;
	height: 27px;
	font-size: 123.1%;
	color: #4a4a4a;
	background: url(../img/icon_about01.png) no-repeat;
}
p.conceptText {
	padding: 0px 0px 0px 43px;
	margin: 40px auto 30px;
}
.conceptList {
	width: 556px;
	height: auto;
	margin: 0px 0px 0px 43px;
	padding: 30px 30px 0px 30px;
	display: block;
	font-size: 108%;
	background: #fff9ef;
}
.conceptList td.left {
	width: 80px;
	height: auto;
	min-height: 1em;
	padding: 0px 14px 30px 0px;
	float: left;
	font-weight: bold;
}
.conceptList td.right {
	width: 400px;
	height: auto;
	min-height: 1em;
	padding: 0px 0px 30px 0px;
	float: right;
}
.conceptList a {
	color: black;
	text-decoration: underline;
}
.conceptList a:hover {
	text-decoration: none;
}
/*20140114
.seriesall {
	margin-top:30px;
}*/
.seriesall .thumbnailWrapper .thumbnail {
	height:175px;
	margin-bottom:15px;
}

/*================シリーズ詳細================*/
.nextback li {
    cursor:pointer;
    font-size:154%;
    width:110px;
}
.nextback li.btnBack {
    float:left;
    padding:6px 6px 6px 10px;
    background: #fff url(../img/triangleBack.png) 8px no-repeat;
}
.nextback li.btnBack a {
    padding-left:25px;
}
.nextback li.btnNext {
    float:right;
    padding:6px 10px 6px 36px;
    background: #fff url(../img/triangleNext.png) 130px no-repeat;
}
.nextback li.btnNext a {
    padding-right:25px;
}


.thumbnailWrapper .btnOpen ,
.thumbnailWrapper .btnClose {
    padding-top:20px;
}

.thumbnailWrapper .btnOpen a,
.thumbnailWrapper .btnClose a{
    clear: both;
    background:#eee;
    width:176px;
    padding:10px 0;
    text-align:center;
    display:block;
    color:#656565;
    margin:0 auto;
    font-weight:bold;
    font-size:124%;
	-webkit-transition: 0.3s ease-in-out;  
      -moz-transition: 0.3s ease-in-out;  
        -o-transition: 0.3s ease-in-out;  
           transition: 0.3s ease-in-out; 
}
.thumbnailWrapper .btnOpen a:hover,
.thumbnailWrapper .btnClose a:hover {
	filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;
}

section.list4 {
    clear:both;
    margin:30px 0;
}
section.list4 .thumbnailWrapper .thumbnail {
    width:173px;
    height:160px;
    margin:0px 2px 15px 2px;
}
section.list4 .thumbnailWrapper .thumbnail .thumImage {
    width:173px;
    height:98px;
}
section.list4 .thumbnailWrapper .thumbnail .thumTitle {
    width:149px;
    background: url(../img/ico_textArrow01.png) 160px 17px no-repeat;
}
.movieDescriptionBox .siteurl ,
.seriesTxt .siteurl {
    border-top:solid 1px #D5D5D5;
    display: block;
    margin-top: 10px;
  padding-top: 10px;
}
.movieDescriptionBox .siteurl span ,
.seriesTxt .siteurl span {
    background:#eee;
    font-size:90% !important;
}


/*================人気動画一覧================*/

#tab li {
    width:350px;
    float:left;
    text-align:center;
    padding:5px 0;
    font-size:154%;
    background:#fff;
    cursor:pointer;
}
#tab li:hover {
    font-weight:bold;
}
#tab li.border {
    border-right: 1px solid #B0B0B0;
}
#tab .select {
    font-weight:bold;
    color:#FF9812;
}
.disnon {
    display: none;
}
.content_wrap {
    padding-top:20px;
}
.content_wrap .pickup_thum{
    width:338px;
    float:left;
    margin-right:10px;
}
.content_wrap .pickup_txt {
    width:362px;
    float:right;
}

.content_wrap .pickup_txt .ttl {
    padding:0 0 10px 40px;
    font-size:154%;
    border-bottom:1px solid #e8e8e8;
    margin-bottom:10px;
}
.content_wrap .pickup_txt .ttl a {
    color:#000;
}
.content_wrap .description {
    padding-left:348px;
}

/*ランキングナンバー*/
.square {
    color:#fff;
    text-align: center;
    font-weight:bold;
    float: left;
    margin-right:3px;
}
.content_wrap .pickup_txt .squareRed {
    background:#ff1e38;
    padding:5px 10px;
    width:10px;
	color:#fff;
	float:left;
	font-weight: bold;
}
/*.thumbnail:nth-child(1) .square ,
.thumbnail:nth-child(2) .square {
    background:#ff1e38;
    padding:2px 6px;
    width:10px;
}
.thumbnail:last-child .square {
    width:20px;
    padding:2px 3px;
}*/

.thumTitle .square {
    background:#ff9812;
    padding:2px 6px;
    width:10px;
}
.thumbnail .squareRed {
 background:#ff1e38;
 padding:2px 6px;
 width:10px;
	color:#fff;
 text-align: center;
 font-weight:bold;
 float: left;
 margin-right:3px;
}
.thumbnail .doubleDigit {
	width:20px;
 padding:2px 3px;
}

#popular_list .thumbnailWrapper {
    padding-top:20px;
}

/*シリーズトップ*/
#leftColumn .seriesTop {
    margin-bottom:10px;
}
#leftColumn .seriesTop h2 {
 font-size:182%;
 font-weight:bold;
	border-bottom: 2px solid #2AD513;
	margin: 0px 0px 15px 0px;
}
#leftColumn .seriesTop .seriesImg {
    width:400px;
    float:left;
    margin-bottom:20px;
}
#leftColumn .seriesTop .seriesTxt {
    width:290px;
    float:right;
    padding-left:20px;
}

#leftColumn .seriesTop_sns {
    clear: both;
}
#leftColumn .seriesTop_sns #snsBtnBox {
    float:none;
    width:384px;
    margin:0 auto;
    padding:18px 0;
}
#leftColumn .seriesTop_sns #snsBtnBox li{
    float:left;
    margin-right:5px;
}

/* 2016 */

.txplay_shareBlock {
  text-align: center;
  margin:0 auto;
	width:710px;
}
.txplay_shareBlock ul {
  font-size: 0;
  display: inline-block;
	margin:0 0 20px 0;
}
.txplay_shareBlock ul li {
  display: inline-block;
}
.txplay_shareBlock ul li a {
  height: 122px;
  width: 142px;
  display: block;
}
.txplay_shareBlock ul li a.twitter {
  background: url(../../img/sns/twitter.png);
  background-position: center center;
}
.txplay_shareBlock ul li a.twitter:hover {
  background: url(../../img/sns/twitterhover.png);
  background-position: center center;
}
.txplay_shareBlock ul li a.facebook {
  background: url(../../img/sns/facebook.png);
  background-position: center center;
}
.txplay_shareBlock ul li a.facebook:hover {
  background: url(../../img/sns/facebookhover.png);
  background-position: center center;
}
.txplay_shareBlock ul li a.googleplus {
  background: url(../../img/sns/googleplus.png);
  background-position: center center;
}
.txplay_shareBlock ul li a.googleplus:hover {
  background: url(../../img/sns/googlehover.png);
  background-position: center center;
}
.txplay_shareBlock ul li a.pocket {
  background: url(../../img/sns/pocket.png);
  background-position: center center;
}
.txplay_shareBlock ul li a.pocket:hover {
  background: url(../../img/sns/pockethover.png);
  background-position: center center;
}
.txplay_shareBlock ul li a.hatebu {
  background: url(../../img/sns/hatebu.png);
  background-position: center center;
}
.txplay_shareBlock ul li a.hatebu:hover {
  background: url(../../img/sns/hatebuhover.png);
  background-position: center center;
}

#movieArea .movieDescriptionBox p {
	width:710px;
}

#txplay_breadcrumb {
	margin:0 0 15px -18px;
	padding-bottom: 3px;
}

/*
#txplay_breadcrumb ul li {
	display: inline-block;
	color:#656565;
	font-size:90%;
}
#txplay_breadcrumb ul li a {
	color:#fff;
	background:#9C9C9C;
display: inline-block;
  position: relative;
}
#txplay_breadcrumb ul li a:hover {
	text-decoration:underline;
}
#txplay_breadcrumb ul li a:before {
    content: "";
    display: inline-block;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 5px solid #fff;
    border-left: 5px solid #e6e6e6;
    
    position: absolute;
    right: -15px;
    top: 50%;
	padding:5px;
}
*/
#txplay_breadcrumb ul {
  list-style : none;
  overflow : hidden;
	font-size:90%;
	width:728px;
}
#txplay_breadcrumb ul li {
  float : left;
  line-height : 30px;
}
#txplay_breadcrumb li a {
  display : block;
  float : left;
  padding : 0 20px 0 30px;
  color : #fff;
  text-decoration : none;
  background-color : #A9A9A9;
}
#txplay_breadcrumb li a::before {
display: block;
    width: 15px;
    height: 10px;
    border-right: 2px solid #FFFFFF;
    margin: 0 -30px -15px auto;
    background-color: #A9A9A9;
    content: " ";
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    transform: skew(30deg);
	-ms-transform: skew(30deg);/*IE9*/
}
#txplay_breadcrumb li a::after {
    display: block;
    width: 15px;
    height: 10px;
    border-right: 2px solid #FFFFFF;
    margin: -15px -30px 0 auto;
    background-color: #A9A9A9;
    content: " ";
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    transform: skew(-30deg);    
	-ms-transform: skew(-30deg);/*IE9*/
}
#txplay_breadcrumb li a:hover {
	text-shadow:0 0 3px #777;
	color:#eee;
}
#txplay_breadcrumb li:nth-child(3) a {
visibility: hidden;
}
/**/

#movieArea .movieDescriptionBox {
	padding-top:0;
}
#rightColumn .sideRecommend {
	margin-bottom:20px;
}
#rightColumn .sideRecommend .sideRecommend_ttl {
	border-bottom:2px solid #2806da;
	font-size:169%;
	font-weight:bold;
	color: #4a4a4a;
	line-height:1.3;
}
#rightColumn .sideRecommend .sideRecommend_ttl span {
 font-size:60%;
 padding-left:5px;
 color:#2806DA;
}
#rightColumn .sideRecommend li {
 clear: both;
 overflow: hidden;
 border-bottom: 1px solid #D5D5D5;
	position: relative;
	background:url(../img/ico_textArrow01.png) right center no-repeat;
}
#rightColumn .sideRecommend li a {
 overflow: hidden;
 display: block;
 padding-top: 8px;
 padding-bottom: 8px;
 height: 53px;
}
#rightColumn .sideRecommend li a:hover {
	filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;
}
#rightColumn .sideRecommend li a span {
 display: block;
 float: left;
}
#rightColumn .sideRecommend li a p {
 font-size:100%;
 font-weight: bold;
 width: 190px;
 float: right;
 height: 37px;
 overflow: hidden;
	color:#0282bf;
	padding-right:12px;
}
#rightColumn .sideRecommend li a span img {
 height: 50px;
}

/* プレイヤー用 */
.vjs-mouse .vjs-big-play-button {
	top:150px !important;
	left:270px !important;
}