@charset "utf-8";
body{
background:#eee;
box-sizing: border-box;
overflow:auto;
}
#center {
box-sizing: border-box;
clear: right;
float: left;
margin-left: 3%;
margin-top: 10px;
overflow: hidden;
width: 300px;
}
#right{
float: right;
margin-top: 11px;
width: 300px;
}
#left {
float: left;
width: 180px;
}
#yumelion {
margin-bottom: 20px;
}
.btn_20th_concept{
margin: 0 0 20px;
}
.btn_20th_concept a:hover{
opacity: 0.85;filter: alpha(opacity=85);-moz-opacity: 0.85;
}

/* g_search ************************************************************/
#g_search{
background-color:#eee;
padding: 2px 0 0;
margin: 0 0 8px;
width:100%;
}
#g_search .g_search_in{
margin:0 auto;
display:block;
width:96%;
}

/**　recommend　*************************************/
#recommend {
box-sizing: border-box;
margin: 0 0 10px;
max-height: 360px;
overflow: hidden;
padding: 0;
/*
width: 75.5%;
*/
width: 640px;
float: right;
}
#recommend #loopSlider{
box-sizing: border-box;
margin:0;
overflow: hidden;
padding:0;
width: 100% !important;
}
#recommend #loopSlider .img,
#recommend #loopSlider .img img{
padding: 0;
margin: 0;
width: 100%;
}
#recommend #loopSlider span{
display: none;
}
#recommend #page {
box-sizing: border-box;
overflow: hidden;
width: 100% !important;
}

/**　news　*************************************/
#news{
border-top: 2px solid #000;
border-bottom: 1px solid #000;
color: #000;
float: left;
margin-left: 25px;
margin-bottom: 0.5em;
height: 26px;
padding-top: 0.4em;
padding-bottom: 0.4em;
position: relative;
text-align: center;
width: 635px;
}
#news h4{
color: #4581D4;
font-style: italic;
font-weight: bold;
font-size: 110%;
float: left;
line-height: 26px;
margin: 0;
padding: 0 0 4px;
width: 80px;
}

/* 20170803 jquery v3.2.1用　 ********/
#news #vticker {
font-size: 0.7em;
line-height: 1.4em;
height: 30px;
margin: -1px auto 0;
padding: 0;
text-align: left;
overflow: hidden;
}
@media all and (-ms-high-contrast: none) {/* IEのみ  */
#news #vticker {
font-size: 0.7em;
line-height: 1.4em;
height: 30px;
margin: -1px auto 0;
padding: 0;
text-align: left;
overflow: hidden;
width: 87%;
}
}
/* 20170803 jquery v3.2.1用　 ********/

/**　mxinfo　*************************************/
#mxinfo{
width:100%;
}
#mxinfo p{
border-bottom: 1px dashed #999;
display: block;
font-size: 70%;
line-height: 130%;
margin-bottom: 10px;
padding-bottom: 10px;
text-align: left;
}
#mxinfo .inline{
clear: both;
display: block;
height:200px;
margin: 0;
scrollbar-arrow-color: #eee;
scrollbar-face-color: #ccc;
scrollbar-highlight-color: #ccc;
scrollbar-shadow-color: #666;
scrollbar-3dlight-color: #fff;
scrollbar-darkshadow-color: #ccc;
scrollbar-track-color: #fff;
overflow: auto;
padding: 0 1%;
width: 98%;
}
#mxinfo .inline a{
color: #F4368E;
font-weight: bold;
text-decoration: none;
}
/**　mxinfo　*************************************/
#mxpress{
width:100%;
}
#mxpress .inline{
clear: both;
height:200px;
overflow: auto;
display: block;
scrollbar-arrow-color: #eee;
scrollbar-face-color: #ccc;
scrollbar-highlight-color: #ccc;
scrollbar-shadow-color: #666;
scrollbar-3dlight-color: #fff;
scrollbar-darkshadow-color: #ccc;
scrollbar-track-color: #fff;
padding: 0 1%;
margin: 0;
width: 98%;
}
#mxpress .inline p{
border-bottom: 1px dashed #999;
display: block;
font-size: 70%;
line-height: 130%;
margin-bottom: 10px;
padding-bottom: 10px;
text-align: left;
}
#mxpress .inline a{
color: #1c8ec9;
font-weight: bold;
text-decoration: none;
}
.mxpress_attention{
display:block;
font-weight:bold;
font-size:70%;
line-height:118%;
margin: 0 0 8px;
text-align:center;
}
/**　twitter　*************************************/
#twitter .box{
color: #000;
height: 400px;
overflow: scroll;
}
#twitter .box a{
color: #00ADEC;
}
#twitter .box iframe{
display: block;
height: 400px;
}
#twitter h4 img{
padding-right: 6px;
}
@media all and (-ms-high-contrast: none) {/* IEのみに適用 */
  #twitter {
  display: none;
  }
}
/**　facebook　*************************************/
#facebook .fb-like-box{
height:320px;
padding: 0;
margin: 0;
}

/**　MOVIE　*************************************/
#movie{
text-align: center;
}
#movie .box {
padding: 0;
}
#movie .bnr{
margin: 10px 0 0;
}

/**　event　*************************************/
#event {}
#event #eventSlider {
height: auto;
overflow: hidden;
margin: 0 auto;
text-align: left;
width: 300px;
}
#event #eventSlider span{
display: none;
}
#event #eventSlider .title{
background-color: #666;
color: #fff;
font-size: 80%;
font-weight: bolder;
line-height: 160%;
margin-bottom: 10px;
padding: 2% 10px;
width: 93%;
}
#event #eventSlider .title a{
color: #fff;
text-decoration: none;
}
#event #eventSlider .image{
display: block;
height: auto;
text-align: center;
}
#event #eventSlider .text{
clear: left;
color: #333;
float: left;
font-size: 70%;
line-height: 1.3;
padding-right: 1%;
padding-left: 1%;
padding-bottom: 3%;
width: 100%;
}
#event #eventSlider .text a{
color: #333;
text-decoration: none;
}
#event .bx-pager {
background-color: transparent;
display: block;
margin: 0 auto;
text-align: center;
width: 100%;
}
#_event .bx-pager {
padding-top: 6px;
}
#_event .bx-pager a{
font-size: 0.0;
}
#_event a.bx-prev{
display: none;
float: left;
line-height: 20px;
height:20px;
margin: 0;
padding: 0;
text-align: right;
text-decoration: none;
width:46%;
}
#_event a.bx-next{
display: none;
float: right;
line-height: 20px;
height:20px;
margin: 0;
padding: 0;
text-align: left;
text-decoration: none;
width:46%;
}
#_event .bx-pager {
background-color: #e4e4e4;
clear: both;
display: block;
height:10px;
margin-top: 3%;
margin-right: auto;
margin-left: auto;
padding-top: 2%;
padding-bottom: 2%;
text-align: center;
width: 240px;
}
#_event .bx-pager a{
color: #003F8D;
display: inline-block;
}
#event .bx-pager .pager-link{
background:none;
border-top:5px solid ;
height:10px;
text-align: center;
margin: 0 5px 0 0;
width:9%;
}
#event .bx-pager .pager-active{
background:none;
border-top: 5px solid red !important;
text-align: center;
}
#event .to_event {}
#event .to_event a{
background-color: #dcdcdc;
background-repeat: repeat-y;
background-position: left;
color: #405769;
clear: both;
display: block;
font-size: 80%;
font-weight: bold;
margin-top: 6px;
padding-left: 3%;
padding-top: 1%;
padding-bottom: 1%;
text-align: center;
width: 97%;
}
.event {
width:300px;
overflow:hidden;
position:relative;
}
.event .caption {
color:#fff;
font-size:130%;
text-align:center;
}
.event .mask {
height:100%;
position:absolute;
top:42px;
left:0;
opacity:0;	/* マスクを表示しない */
background-color:rgba(0,0,0,0.6);-webkit-transition:	all 0.6s ease;transition:all 0.6s ease;
width:100%;
}
.event:hover .mask {
opacity:1;	/* マスクを表示する */
padding-top:30px;	/* ホバーで下にずらす */
}
.event .mask1 {
height:100%;
position:absolute;
top:0;
left:0;
opacity:0;	/* マスクを表示しない */
-webkit-transition:	all 0.6s ease;
transition:all 0.6s ease;
width:100%;
}
.event:hover .mask1 {
opacity:1;	/* マスクを表示する */
padding-top:150px;	/* ホバーで下にずらす */
}
/** SCHEDULE - 番組表 *************************************/
#schedule #doko{
clear: both;
margin: 0;
padding: 0;
}
#schedule .box{
color: #000;
clear: left;
display: block;
height:220px;
overflow: auto;
scrollbar-arrow-color: #eee;
scrollbar-face-color: #ccc;
scrollbar-highlight-color: #ccc;
scrollbar-shadow-color: #666;
scrollbar-3dlight-color: #fff;
scrollbar-darkshadow-color: #ccc;
scrollbar-track-color: #fff;
margin: 0;
padding: 0;
width:100%;
}
#schedule .menu_bar{
border-bottom: 1px solid #ccc;
display: block;
height: auto;
margin: 0;
padding: 0;
width: 100%;
}
#schedule .menu_bar .s1{
float:left;
}
#schedule .menu_bar .s2{
float:right;
}
#schedule .to_bangumi {}
#schedule .to_bangumi a{
background-image: url(../images/back_to.png);
background-repeat: repeat-y;
background-position: left;
clear: both;
color: #405769;
display: block;
font-size: 80%;
font-weight: bold;
margin-top: 4px;
padding-left: 3%;
padding-top: 1%;
padding-bottom: 1%;
text-align: left;
width: 97%;
}
#schedule .box .sche_oa{
background-color:#ffe7e7;
border-bottom: 1px solid #ccc;
float: left;
padding-top: 4px;
padding-bottom: 4px;
width:100%;
}
#schedule .box .sche_oa .time{
float: left;
clear: left;
width: 60px;
height: 40px;
}
#schedule .box .sche_oa .time p{
background-image: url(../bangumi_pc_top/images/back_timenow.png);
background-repeat: no-repeat;
background-position: center bottom;
color: #fff;
font-size: 12px;
font-weight: bold;
line-height: 24px;
text-align: center;
padding: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
width:58px;
height:24px;
}
#schedule .box .sche_oa .title{
border-left: 2px dotted #dbc6c6;
color: #444;
float: left;
font-weight: bold;
font-size: 12px;
line-height: 18px;
padding-top: 2px;
padding-left: 5px;
padding-right: 5px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
width:210px;
}
#schedule .box .sche_oa .title a{
color: #444;
}
#schedule .box .sche_oa .intro{
border-left: 2px dotted #dbc6c6;
color: #444;
font-size: 11px;
float: left;
line-height: 14px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
width:210px;
}
#schedule .box .sche_oa .intro img{
margin-bottom: 3px;
}
#schedule .box .sche{
background-color:#fff;
border-bottom: 1px solid #ccc;
float: left;
padding-top: 4px;
padding-bottom: 4px;
width:100%;
}
#schedule .box .sche .time{
float: left;
width:60px;
}
#schedule .box .sche .time p{
background-image: url(../bangumi_pc_top/images/back_time.png);
background-repeat: no-repeat;
background-position: center bottom;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 12px;
line-height: 24px;
height:24px;
width:58px;
}
#schedule .box .sche .title{
border-left: 2px dotted #666;
color: #444;
float: left;
font-size: 12px;
line-height: 18px;
font-weight: bold;
padding-left: 5px;
padding-top: 2px;
width:215px;
}
#schedule .box .sche .title a{
color: #444;
}

/**　programs　*************************************/
#programs {
margin-bottom: 6%;
width: 100%;
overflow: hidden;
}
#programs .progbox {
margin-bottom: 8px;
border-bottom: 1px dashed #999;
float: left;
width: 100%;
clear: both;
padding-bottom: 4px;
}

#programs .progbox a{
text-decoration: none;	
}
#programs p{
text-align: left;
display: block;
width: 100%;
height: 50px;
margin-bottom: 5px;
clear: both;
}
#programs .title {
background-color: #eee;
font-size: 70%;
text-align: left;
display: block;
width: 98%;
padding-left: 2%;
line-height: 22px;
height: 22px;
}
#programs .img{
float: left;
width: 125px;
}
#programs .text{
font-size: 70%;
line-height: 125%;
width: 130px;
margin-left: 2%;
float: left;
clear: right;
text-align: left;
display: block;
margin-bottom: 5px;
}
#programs .text a{
color: #003F8D;
text-decoration: none;	
}
#programs .cursol {
width: 30px;
height: 50px;
clear: right;
margin-left: 4px;
float: right;
}
#programs #programSlider{
width: 300px;
text-align: center;
overflow: hidden;
margin: 0;
padding: 0;
}
#programs #programSlider span{
display: none;
}

/*******************************/

#_programs a.bx-prev{
line-height: 20px;
width:46%;
height:20px;
text-align: right;
margin: 0px;
padding: 0;
display: block;
float: left;
text-decoration: none;
display: none;
}
#_programs a.bx-next{
line-height: 20px;
width:46%;
height:20px;
text-align: left;
margin: 0px;
padding: 0;
display: block;
float: right;
text-decoration: none;
display: none;
}
#_programs .bx-pager {
clear: both;
height:10px;
background-color: #e4e4e4;
text-align: center;
width: 100%;
margin: 2% auto 5%;
display: block;
padding-top: 2%;
padding-bottom: 2%;
}
#_programs .bx-pager a{
font-size: 0.0;
display: inline-block;
}
#_programs .bx-pager .pager-link{
background: url(../images/slide_pointer.png) left bottom;
height:10px;
width:10px;
max-width: 20%;
text-align: center;
margin: 0 5px 0 0;
}
#_programs .bx-pager .pager-active{
background: url(../images/slide_pointer.png) left top;
text-align: center;
}
/*******************************/

/**　ranking　*************************************/
#ranking{}
#ranking h4{
font-size: 100%;
line-height: 150%;
}

#ranking li {
list-style-type: none;
font-size: 70%;
line-height: 32px;
height: 30px;
overflow: hidden;
}
#ranking a{
text-decoration: underline;
}
#ranking .rank1{
padding-left: 32px;
background-image: url(../images/ar_no1_s.png);
background-repeat: no-repeat;
background-position: 4px center;
}
#ranking .rank2{
padding-left: 32px;
background-image: url(../images/ar_no2_s.png);
background-repeat: no-repeat;
background-position: 4px center;
}
#ranking .rank3{
padding-left: 32px;
background-image: url(../images/ar_no3_s.png);
background-repeat: no-repeat;
background-position: 4px center;
}
#ranking .rank4{
padding-left: 32px;
background-image: url(../images/ar_no4_s.png);
background-repeat: no-repeat;
background-position: 4px center;
}
#ranking .rank5{
padding-left: 32px;
background-image: url(../images/ar_no5_s.png);
background-repeat: no-repeat;
background-position: 4px center;
}
#ranking .rank6{
padding-left: 32px;
background-image: url(../images/ar_no6_s.png);
background-repeat: no-repeat;
background-position: 4px center;
}
#ranking .rank7{
padding-left: 32px;
background-image: url(../images/ar_no7_s.png);
background-repeat: no-repeat;
background-position: 4px center;
}
#ranking .rank8{
padding-left: 32px;
background-image: url(../images/ar_no8_s.png);
background-repeat: no-repeat;
background-position: 4px center;
}
#ranking .rank9{
padding-left: 32px;
background-image: url(../images/ar_no9_s.png);
background-repeat: no-repeat;
background-position: 4px center;
}
#ranking .rank10{
padding-left: 32px;
background-image: url(../images/ar_no10_s.png);
background-repeat: no-repeat;
background-position: 4px center;
}

/**　ad　*************************************/
#ad{
clear: both;	
}
#ad .box{
margin-top: 16px;
}
#ad p {
margin-bottom: 2px;
}

/**　pickup　*************************************/
#pickup{
clear: both;	
}
#pickup .box{
margin-top: 16px;
}
#pickup p {
margin-bottom: 2px;
}

/** ページ遷移部分 **/
a.bx-prev{
line-height: 20px;
width:46%;
height:20px;
text-align: right;
margin: 0px;
padding: 0;
display: block;
float: left;
text-decoration: none;
display: none;
}
a.bx-next{
line-height: 20px;
width:46%;
height:20px;
text-align: left;
margin: 0px;
padding: 0;
display: block;
float: right;
text-decoration: none;
display: none;
}
.bx-pager {
background-color: #e4e4e4;
display: block;
height:auto;
text-align: center;
margin: 0 auto;
width: 80%;
}
.bx-pager a{
font-size: 0;
display: inline-block;
margin-left: 3px;
margin-right: 3px;
vertical-align:middle;
}
.bx-pager .pager-link{
background: url(../images/slide_pointer.png) left bottom;
height:10px;
width:10px;
}
.bx-pager .pager-active{
background: url(../images/slide_pointer.png) left top;
}

/**　後メタ情報　150520追加*************************************/
.goods_box{
border:#fdb2d5 1px solid;
width:298px;
}
.g_name_aria{
height:100px;
overflow:scroll;
overflow-x:hidden;
margin-bottom:10px;
scrollbar-arrow-color: #eee;
scrollbar-face-color: #ccc;
scrollbar-highlight-color: #ccc;
scrollbar-shadow-color: #666;
scrollbar-3dlight-color: #fff;
scrollbar-darkshadow-color: #ccc;
scrollbar-track-color: #fff;
}
.gn_logo{
margin-left:10px;
}
.gn_logo img{
width:85px;
}
.g_title{
color:#486802;
font-weight:bold;
font-size:0.9em;
line-height:100%;
margin-top:5px;
margin-bottom:5px;
}
.gn_txt{
font-size:0.7em;}
.g_naiyou{
font-size:0.7em;}

.g_right_box{
width:180px;
float:right;
padding-bottom:10px;
}
.g_more{
display:block;
text-align:center;
background-color:#fdb2d5;
font-size:0.7em;
width:70px;
padding-top:2px;
padding-bottom:2px;
margin-left:210px;
margin-bottom:10px;
}
.g_more a{
text-decoration:none;
}
/*-----------------解除------------------*/
.clearfix:after{
content: "."; 
display: block; 
height: 0; 
font-size:0;	
clear: both; 
visibility:hidden;
}
.clearfix{
display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix{
height: 1%;
}
.clearfix{
display:block;
}

/*-- 背景タグ ---------------------------------*/

#wrapper{
width:100%;
overflow:hidden;
}
#main{
position:relative;
}
#main div.link_left{
width:50%;
height:120%;
display:block;
position:absolute;
left:-50%;
top:-80px;
}
#main div.link_right{
width:50%;
height:120%;
display:block;
position:absolute;
right:-50%;
top:-80px;
}
#main div.link_left a,
#main div.link_right a{
width:100%;
height:100%;
display:block;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
/*-- 右クリック保存・印刷禁止（2019.9.24） ---------------------------------*/
@media print {
  body{ background-image: none!important; }
  .copy-guard{ display: none; }
}/*印刷禁止*/