@charset "utf-8";

/* =============================================
 トップ用上書き
============================================= */
#contentWrap{
  position: relative;
  margin-top: 20px;
}
#main img.ttlImg{
  width: 1488px;
}
#main .slider1 img,
#main .slider2 img{
  width:100%;
  max-width: 1488px;
  margin: 0 auto;
}
.slider1 a{
  max-width: 2000px;
  width:100%;
}

@media only screen and  (min-width: 641px) {
  #header h1{
    width: 22%;
  }
  #main{
    margin: 0;
    padding-top: 0 !important;
    height: 21vw;
    max-height:319px;
  }
  .top_main{
    margin: 0 auto;
  }
}
/*
@media only screen and (min-width: 951px) {
	.top_main .slider2{
		display: none!important;
	}
}
@media only screen and (max-width: 950px) {
	.top_main .slider1{
		display: none!important;
	}
}*/

#sideSns{
  display: block;
}
#content .sponsor{
  margin-bottom: 20px;
}

/* =============================================
 出場コンビ検索
============================================= */
.topSearch{
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
  max-width: 204px;
  width: 19%;
  -webkit-transform: translate(-9%,-98%);
  -ms-transform: translate(-9%,-98%);
  -o-transform: translate(-9%,-98%);
  transform: translate(-9%,-98%);
}
.topSearch2{
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
  max-width: 204px;
  width: 19%;
  -webkit-transform: translate(-28%,-98%);
  -ms-transform: translate(-28%,-98%);
  -o-transform: translate(-28%,-98%);
  transform: translate(-28%,-98%);
}
.combiMarquee + #contentWrap .topSearch{
  -webkit-transform: translate(-9%,-120%);
  -ms-transform: translate(-9%,-120%);
  -o-transform: translate(-9%,-120%);
  transform: translate(-9%,-120%);
}
.combiMarquee + #contentWrap .topSearch2{
  -webkit-transform: translate(-28%,-108%);
  -ms-transform: translate(-28%,-108%);
  -o-transform: translate(-28%,-108%);
  transform: translate(-28%,-108%);
}
/* =============================================
 combiMarquee
============================================= */
.combiMarquee{
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0;
  position: relative;
  height: 2.7rem;
  padding: 0;
  background: #333 url(../img/common/bg_marquee.png) 0 0 repeat;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.combiMarquee > div{
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  display: inline-block;
  position: relative;
  left: 0;
  top: 0;
}
.combiMarquee ul{
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  display: inline-block;
  position: relative;
  transition-property: transform;
  transform: translate3d(0, 0, 0);
  -webkit-transform-style:"preserve-3d";
  -moz-transition-timing-function:linear;
  -webkit-transition-timing-function:linear;
  -o-transition-timing-function:linear;
  -ms-transition-timing-function:linear;
}
.combiMarquee ul:after{
  content: "";
  display: block;
  clear: both;

}
.combiMarquee ul li{
  margin: 0;
  padding: 0;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  line-height: 1.5em;
  font-size: 0.8rem;
}
.combiMarquee li a{
  display: block;
  padding: 12px 25px 12px 30px;
  line-height: 1.5em;
  text-decoration: none;
  background: transparent url(../img/common/ico_arrow_orange_r.png) 5px center no-repeat;
  -webkit-background-size: 1rem auto;
  background-size: 0.7rem auto;
  font-weight: bold;
}
.combiMarquee li a:hover{
  text-decoration: underline;
  background-color: rgba(0,0,0,0.2);
}


/* =============================================
 スケジュール
============================================= */
.schedule{
  padding-top: 5%;
}
.schedule_now{
  display: none;
}
.footable{
  table-layout: fixed;
}
.footable > tbody > tr:nth-child(even) {
  background: #e9e9e9;
}
.footable a.still{
  color: #000;
  text-decoration: none;
}
.schedule-top,
.schedule-bottom{
  display: none;
}
.schedule-wrap .place span{
  display: block;
  clear: both;
  width: 95%;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*
.schedule-wrap{
	max-height: 500px;
	overflow: auto;
}

div[data-nowWar="1"] .schedule-wrap{
	height: auto;
	max-height: 999999px;
}
	*/

/* -------------------------------------------
 tab
------------------------------------------- */
.schedule-menu{
  position: relative;
  display: block;
  clear: both;
  font-size: 0;
  margin-bottom: 16px;
}
.schedule-menu li{
  position: relative;
  display: inline-block;
  width: 14.28571428571429%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #000;
  border-bottom: 0;
  font-size: 1rem;
  padding-top: 7.2%;
  height: 0;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  background: transparent url(../img/common/bg_tab.png) left top repeat;
}
.schedule-menu li:hover:before{
  opacity: 0.6;
  filter: alpha(opacity=60);
}
div[data-menu_now="1"] .schedule-menu li:nth-child(1):hover:before,
div[data-menu_now="2"] .schedule-menu li:nth-child(2):hover:before,
div[data-menu_now="3"] .schedule-menu li:nth-child(3):hover:before,
div[data-menu_now="4"] .schedule-menu li:nth-child(4):hover:before,
div[data-menu_now="5"] .schedule-menu li:nth-child(5):hover:before,
div[data-menu_now="6"] .schedule-menu li:nth-child(6):hover:before,
div[data-menu_now="7"] .schedule-menu li:nth-child(7):hover:before{
  opacity: 1;
  filter: alpha(opacity=100);
}

.schedule-menu li:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.schedule-menu li:nth-child(1):before{
  background: transparent url(../img/common/txt_round01_g.png) center center no-repeat;
  -webkit-background-size: 70% auto;
  background-size: 70% auto;
}
.schedule-menu li:nth-child(2):before{
  background: transparent url(../img/common/txt_round02_g.png) center center no-repeat;
  -webkit-background-size: 70% auto;
  background-size: 70% auto;
}
.schedule-menu li:nth-child(3):before{
  background: transparent url(../img/common/txt_round03_g.png) center center no-repeat;
  -webkit-background-size: 70% auto;
  background-size: 70% auto;
}
.schedule-menu li:nth-child(4):before{
  background: transparent url(../img/common/txt_round04_g.png) center center no-repeat;
  -webkit-background-size: 70% auto;
  background-size: 70% auto;
}
.schedule-menu li:nth-child(5):before{
  background: transparent url(../img/common/txt_round05_g.png) center center no-repeat;
  -webkit-background-size: 70% auto;
  background-size: 70% auto;
}
.schedule-menu li:nth-child(6):before{
  background: transparent url(../img/common/txt_round06_g.png) center center no-repeat;
  -webkit-background-size: 70% auto;
  background-size: 70% auto;
}
.schedule-menu li:nth-child(7):before{
  background: transparent url(../img/common/txt_round07_g.png) center center no-repeat;
  -webkit-background-size: 60% auto;
  background-size: 60% auto;
}

div[data-menu_now="1"] .schedule-menu li:nth-child(1):before{
  background: #deaf37 url(../img/common/txt_round01_b.png) center center no-repeat;
  -webkit-background-size: 70% auto;
  background-size: 70% auto;
}
div[data-menu_now="2"] .schedule-menu li:nth-child(2):before{
  background: #deaf37 url(../img/common/txt_round02_b.png) center center no-repeat;
  -webkit-background-size: 70% auto;
  background-size: 70% auto;
}
div[data-menu_now="3"] .schedule-menu li:nth-child(3):before{
  background: #deaf37 url(../img/common/txt_round03_b.png) center center no-repeat;
  -webkit-background-size: 70% auto;
  background-size: 70% auto;
}
div[data-menu_now="4"] .schedule-menu li:nth-child(4):before{
  background: #deaf37 url(../img/common/txt_round04_b.png) center center no-repeat;
  -webkit-background-size: 70% auto;
  background-size: 70% auto;
}
div[data-menu_now="5"] .schedule-menu li:nth-child(5):before{
  background: #deaf37 url(../img/common/txt_round05_b.png) center center no-repeat;
  -webkit-background-size: 70% auto;
  background-size: 70% auto;
}
div[data-menu_now="6"] .schedule-menu li:nth-child(6):before{
  background: #deaf37 url(../img/common/txt_round06_b.png) center center no-repeat;
  -webkit-background-size: 70% auto;
  background-size: 70% auto;
}
div[data-menu_now="7"] .schedule-menu li:nth-child(7):before{
  background: #deaf37 url(../img/common/txt_round07_b.png) center center no-repeat;
  -webkit-background-size: 60% auto;
  background-size: 60% auto;
}
.schedule-menu:after{
  content: "";
  width: 14.28571428571429%;
  height: 15px;
  background: transparent url(../img/common/deco_tail.png) center top no-repeat;
  display: block;
  position: absolute;
  bottom: -14px;
  left: 0;
  z-index: 1;
}
div[data-menu_now="2"] .schedule-menu:after{
  left: 14.28571428571429%;
}
div[data-menu_now="3"] .schedule-menu:after{
  left: 28.57142857142857%;
}
div[data-menu_now="4"] .schedule-menu:after{
  left: 42.85714285714287%;
}
div[data-menu_now="5"] .schedule-menu:after{
  left: 57.14285714285716%;
}
div[data-menu_now="6"] .schedule-menu:after{
  left: 71.42857142857145%;
}
div[data-menu_now="7"] .schedule-menu:after{
  left: 85.71428571428574%;
}

/* -------------------------------------------
 now
------------------------------------------- */
.schedule-menu:before{
  content: "NOW";
  display: block;
  clear: both;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: -1.6em;
  background: #c20d0d;
  color: #fff;
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1.5em;
  padding: 0;
  font-family: "Arial";
  width: 14.28571428571429%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #000;
  -webkit-border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  -ms-border-radius: 7px 7px 0 0;
  -o-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;
  z-index: 1;
  text-align: center;
}
div[data-nowWar="0"] .schedule-menu:before{
  display: none;
}
div[data-nowWar="1"] .schedule-menu:before{
  left: 0;
}
div[data-nowWar="2"] .schedule-menu:before{
  left: 14.28571428571429%;
}
div[data-nowWar="3"] .schedule-menu:before{
  left: 28.57142857142857%;
}
div[data-nowWar="4"] .schedule-menu:before{
  left: 42.85714285714287%;
}
div[data-nowWar="5"] .schedule-menu:before{
  left: 57.14285714285716%;
}
div[data-nowWar="6"] .schedule-menu:before{
  left: 71.42857142857145%;
}
div[data-nowWar="7"] .schedule-menu:before{
  left: 85.71428571428574%;
}


/* -------------------------------------------
 media
------------------------------------------- */
@media only screen and  (min-width: 641px) {
  .footable .th_day{
    width: 6% !important;
    white-space: nowrap;
  }
  .footable .th_link{
    width: 4% !important;
    white-space: nowrap;
    text-align: center;
  }
  .schedule-wrap .link{
    text-align: center;
  }
  .schedule-slide{
    height: auto !important;
  }
  .schedule-wrap{
    top: 0 !important;
  }

  #schedule_1,
  #schedule_2,
  #schedule_3,
  #schedule_4,
  #schedule_5,
  #schedule_6,
  #schedule_7{
    display: none;
  }

  div[data-menu_now="1"] #schedule_1{
    display: table;
  }
  div[data-menu_now="2"] #schedule_2{
    display: table;
  }
  div[data-menu_now="3"] #schedule_3{
    display: table;
  }
  div[data-menu_now="4"] #schedule_4{
    display: table;
  }
  div[data-menu_now="5"] #schedule_5{
    display: table;
  }
  div[data-menu_now="6"] #schedule_6{
    display: table;
  }
  div[data-menu_now="7"] #schedule_7{
    display: table;
  }
  .schedule-menu li{
    cursor: pointer;
  }
  #side .combiMarquee{
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
  }
}
@media only screen and  (max-width: 640px) {
  .schedule {
    padding-top: 3%;
  }
  .schedule-wrap div {
    display: none;
  }
  .schedule_now{
    display: block;
    position: relative;
    padding-top: 16%;
    height: 0;
    margin-bottom: 15px;
  }
  .schedule_now:after{
    content: "NOW";
    display: block;
    clear: both;
    position: absolute;
    left: 5%;
    top: 50%;
    margin-top: -1.6em;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    background: #c20d0d;
    color: #fff;
    font-weight: bold;
    font-size: 0.7rem;
    line-height: 1.5em;
    padding: 0 10px;
    font-family: "Arial";
  }
  .schedule_now:before {
    content: "";
    width: 100%;
    height: 15px;
    background: transparent url(../img/common/deco_tail.png) center top no-repeat;
    display: block;
    position: absolute;
    bottom: -15px;
    left: 0;
  }
  div[data-nowWar="1"] .schedule_now{
    background: #deaf37 url(../img/common/txt_round01_b.png) center center no-repeat;
    -webkit-background-size: auto 130%;
    background-size: auto 130%;
  }
  div[data-nowWar="2"] .schedule_now{
    background: #deaf37 url(../img/common/txt_round02_b.png) center center no-repeat;
    -webkit-background-size: auto 130%;
    background-size: auto 130%;
  }
  div[data-nowWar="3"] .schedule_now{
    background: #deaf37 url(../img/common/txt_round03_b.png) center center no-repeat;
    -webkit-background-size: auto 130%;
    background-size: auto 130%;
  }
  div[data-nowWar="4"] .schedule_now{
    background: #deaf37 url(../img/common/txt_round04_b.png) center center no-repeat;
    -webkit-background-size: auto 130%;
    background-size: auto 130%;
  }
  div[data-nowWar="5"] .schedule_now{
    background: #deaf37 url(../img/common/txt_round05_b.png) center center no-repeat;
    -webkit-background-size: auto 130%;
    background-size: auto 130%;
  }
  div[data-nowWar="6"] .schedule_now{
    background: #deaf37 url(../img/common/txt_round06_h.png) center center no-repeat;
    -webkit-background-size: auto 175%;
    background-size: auto 175%;
  }
  div[data-nowWar="7"] .schedule_now{
    background: #deaf37 url(../img/common/txt_round07_b.png) center center no-repeat;
    -webkit-background-size: auto 130%;
    background-size: auto 130%;
  }

  #contentWrap{
    margin-top: 10px;
  }
  .topSearch,
  .topSearch2{
    display: none;
  }
  #side{
    padding-top: 5%;
  }
  #side-schedule{
    display: none;
  }
  #main + .combiMarquee,
  .top_main + .combiMarquee{
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
  }
  #yahooTimeline{
    display: none;
  }
  .footable{
    border: none;
    display: table !important;
  }
  .nowflg{
    background: #fcffac !important;
  }
  .schedule-menu{
    display: none;
  }
  .schedule-slide{
    position: relative;
    height: 0;
    overflow: hidden;
    background: #ccc;
  }
  .schedule-wrap{
    max-height: initial;
    position: relative;
  }
  .schedule-wrap .war{
    width: 5.2em;
    padding: 0.5% 0;
    white-space: nowrap;
  }
  .schedule-wrap .link{
    width: 4em;
    padding: 0.5% 0;
    white-space: nowrap;
  }
  .schedule-wrap .war,
  .schedule-wrap .link{
    font-weight: bold;
    text-align: center;
  }
  .schedule-top a,
  .schedule-bottom a{
    position: relative;
    display: block;
    clear: both;
    text-align: center;
    cursor: pointer;
    background: #fff url(../img/common/bg_more_sp.png) 0 0 repeat;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    padding-top: 12%;
    height: 0;
    -webkit-background-size: 14px auto;
    background-size: 14px auto;
  }
  .schedule-top a:after{
    content: "";
    display: block;
    clear: both;
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent url(../img/common/ico_top.png) center center no-repeat;
    -webkit-background-size: auto 70%;
    background-size: auto 70%;
    left: 0;
    top: 0;
  }
  .schedule-bottom a:after{
    content: "";
    display: block;
    clear: both;
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent url(../img/common/ico_btm.png) center center no-repeat;
    -webkit-background-size: auto 70%;
    background-size: auto 70%;
    left: 0;
    top: 0;
  }
  .schedule-top{
    display: block;
    clear: both;
  }
  .schedule-bottom{
    display: block;
    clear: both;
  }
  .schedule-top.none,
  .schedule-bottom.none{
    opacity: 0.3;
    filter: alpha(opacity=30);
  }

}

/* =============================================
 SNS
============================================= */
.sns{
  margin-top: 60px;
}
.sns .section-title {
  margin-bottom: 15px;
}
#main-sns:after{
  content:"";
  display:block;
  clear:both;
}
#main-sns .snsBox{
  padding: 0;
}
#side .blogBtn{
  padding-top: 0;
}
#main-sns .bnr {
  width: 50%;
  padding-left: 0;
  box-sizing: border-box;
  float: left;
  margin-top:20px;
  padding-right:2px;
}
#main-sns .bnr + .bnr{
  padding-right:0;
  padding-left:2px;
}
#main-sns .bnr a:hover{
  opacity:0.8;
}


@media only screen and  (min-width: 641px) {
  div[data-nowWar="2"] #sideSns,
  div[data-nowWar="3"] #sideSns,
  div[data-nowWar="4"] #sideSns,
  div[data-nowWar="5"] #sideSns,
  div[data-nowWar="6"] #sideSns,
  div[data-nowWar="7"] #sideSns{
    display: none;
  }
  .sns .blogBtn{
    display: none;
  }
  .sns .twitter{
    display: inline-block;
    width: 49.5%;
    vertical-align: top;
  }
  .sns .facebook{
    display: inline-block;
    float: right;
    width: 50%;
    vertical-align: top;
    margin: 0;
  }
  .sns .facebook .title,
  .sns .twitter .title{
    height: 50px;
  }
  .sns .twitter iframe{
    display: block !important;
  }
  .sns .twitter iframe{
    height: 450px !important;
  }
  div[data-nowWar="1"] .sns{
    display: none;
  }
}
@media only screen and  (max-width: 640px) {
  .sns{
    display: none;
  }
}

/* -------------------------------------------
 blog
------------------------------------------- */
#yahooTimeline { width:100%; position:relative; margin-top:0.5%; }
#yahooTimeline > p { line-height:1; }
#yahooTimeline a#blogLink { position:absolute; z-index:1; top:5%; right:2%; color:#fff; font-weight:bold; }
#yahooTimeline #blog { overflow-y:scroll; height:350px; background:#fff; line-height:1; }
#yahooTimeline #blog li { padding:1% 3%; border-bottom:1px solid #ccc; line-height:1.8;}
#yahooTimeline #blog span { display:block; }


#yahooTimeline #blog li:hover{
  cursor:pointer;
}
#yahooTimeline #blog li:hover a{
  text-decoration:underline;
}
#yahooTimeline #blog blogtb{
  display:table;
  padding-top: 5px;
}
#yahooTimeline #blog p{
  width: 60px;
  position: relative;
  vertical-align: bottom;
}
#yahooTimeline #blog p span.imgctr{
  float:left;
  overflow:hidden;
  width:60px;
  height:60px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}
#yahooTimeline #blog p span img{
  max-width: none;
  text-align: left;
  float: left;
}

#yahooTimeline #blog dl{
  display: inline-block;
  padding-left: 2%;
  padding-top: 1px;
  width:80%;
}
#yahooTimeline #blog dl dt{ width: 100%;font-weight:bold;}
#yahooTimeline #blog dl dd{ line-height:1.4; width: 100%; text-wrap:none;white-space: nowrap;max-width:540px;}
#yahooTimeline #blog div span.blogdate{ text-align:right;width:100%;line-height:1.4;padding-bottom: 2px;}




/* =============================================
 news
============================================= */
.news:after{
  content: "";
  display: block;
  clear: both;
}
.news .section_title {
  border-bottom: 4px solid #e0b037;
  padding: 0;
  margin-bottom: 2px;
}
.news .section_title img{
  height: 50px;
  width: auto;
}
.news-tag span{
  display: inline-block;
  font-size: 0.7rem;
  color: #fff;
  background: #666;
  padding: 2px 8px;
  line-height: 1rem;
  margin-right: 10px;
  min-width: 5em;
  text-align: center;
}
.news_table .tag_info{
  background: #e37630;
}
.news_table .tag_ticket{
  background: #9fcf0f;
}
.news_table .tag_schedule{
  background: #4eb0ff;
}
.news_table .tag_program{
  background: #4dd2dd;
}
.news_table .tag_movie{
  background: #eb75b0;
}
.news_ul .tag_info{
  color: #e37630;
}
.news_ul .tag_ticket{
  color: #9fcf0f;
}
.news_ul .tag_schedule{
  color: #4eb0ff;
}
.news_ul .tag_program{
  color: #4dd2dd;
}
.news_ul .tag_movie{
  color: #eb75b0;
}



.news_table {
  width:100%;
  font-size:15px;
  margin:0 0;
  border-collapse: separate;
  margin-top: 7px;
}


.news_table .new td{
  position: relative;
  background-clip: padding-box;
  padding-right: 35px;
}
.news_table .new td:after{
  content: "NEW";
  display: block;
  clear: both;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.45rem;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background: #c20d0d;
  color: #fff;
  font-weight: bold;
  font-size: 0.7rem;
  line-height: 1.2em;
  padding: 0 3px;
  font-family: "Arial";
}
.news_table th {
  background: #000000;
  color: #8e8d8a;
  padding: 0.6% 0;
  width:21%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px dotted #616161;
  font-size: 0.9rem;
  white-space: nowrap;
  vertical-align: top;
}
.news_table tr:last-child th { border-bottom:none; }
.news_table tr:last-child td { border-bottom:none; }

.news_table td {
  border-bottom: 1px dotted #616161;
  padding: 0.6% 1.5%;
  background: #000;
  vertical-align: top;
  line-height: 1.4em;
}

.news_table a {
  color:#fff;
}
.news_table li {
  line-height:1.3;
  margin-bottom:2%;
}

.news_ul{
  color: #8e8d8a;
}
.news_ul li{
  position: relative;
  padding: 2.5%;
  border-bottom: 1px dotted #616161;
}
.news_ul .new:after{
  content: "NEW";
  display: block;
  clear: both;
  position: absolute;
  right: 0;
  top: 0.7rem;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background: #c20d0d;
  color: #fff;
  font-weight: bold;
  font-size: 0.7rem;
  line-height: 1.2em;
  padding: 0 3px;
  font-family: "Arial";
}

.news_ul .date{
  margin-right: 10px;
}
.news_ul a{
  display: block;
}
.moreBtn:after{
  content: "";
  display: block;
  clear: both;
}
.moreBtn{
  display: block;
  clear: both;
  z-index: 1;
}
.moreBtn a{
  float: right;
  display: inline-block;
  clear: both;
  background: transparent url(../img/common/txt_more.png) right center no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  width: 80px;
  height: 21px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.moreBtn a:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
}

@media only screen and  (max-width: 640px) {
  .news .section_title{
    width: 24.5%;
  }
  .moreBtn{
    width: 33.5%;
    float: right;
    padding: 3% 0 0 0;
  }
  .moreBtn a{
    display: block;
    float: none;
    width: 100%;
    height: 0;
    padding-top: 38%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-size: 80% auto;
    background-size: 80% auto;
    background-position: center center;
  }
  .btn_entry{
    width: 90%;
    margin: 0 auto;
    padding: 5% 0 10% 0;
  }
  .btn_entry + .btn_entry{
    padding-top: 0;
  }
  .btn_entry a{
    display: block;
  }
  .btn_entry a+a{
    margin-top: 20px;
  }
}



/* =============================================
 topics
============================================= */
.topics{
  padding-bottom: 30px;
}
.topics:after{
  content: "";
  display: block;
  clear: both;
}
.topics-wrap{
  display: block;
  clear: both;
  margin-bottom: 10px;
}
.topics-wrap:after{
  content: "";
  display: block;
  clear: both;
  zoom: 1;
}
.topics .section-title{
  border-bottom: 0;
}
.topics_list{
  float: left;
  width: 57%;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  color: #000;
}
.topics_list-all{
  float: none;
  width: 98%;
}
.topics_list a,
.topics_img a{
  display: inline-block;
  color: #000;
  text-decoration: none;
  max-width: 100%;
}
.topics_list a:hover,
.topics_img a:hover{
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.topics_list li{
  width: 100%;
  line-height: 0;
  border-top: 1px dashed #a6a6a6;
}

.topics_list li.new:after{
  content: "NEW";
  display: block;
  clear: both;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.4rem;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background: #c20d0d;
  color: #fff;
  font-weight: bold;
  font-size: 0.7rem;
  line-height: 1.2em;
  padding: 0 3px;
  font-family: "Arial";
}

.topics_list li.new{
  position: relative;
  padding-right: 2.5rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.topics_list a {
  position: relative;
  line-height: 1.4rem;
  padding: 1% 0;
  font-size: 0.9rem;
}
.topics_list li:first-child{
  border-top: 0;
}
.topics_list p{
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding-left: 10px;
}
/*.topics_list .ico_camera p,*/
.topics_list .ico_movie p{
  position: relative;
  padding-right: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*.topics_list .ico_camera:after{
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: transparent url(/topics/img/icon_camera.png) center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
}*/
.topics_list .ico_movie p::after{
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: transparent url(/topics/img/icon_play.png) center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -10px;
}
.topics_img{
  float: right;
  width: 43%;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}
.topics_img img{
  width: 100%;
  height: auto;
  display: block;
}
.topics_img li{
  display: inline-block;
  width: 44%;
  padding-left: 6%;
  vertical-align: top;
}
.topics_img .topics_img-img{
  display: inline-block;
  /*border: 3px solid #e0b037;*/
}
.topics_img a{
  font-size: 0.8rem;
  line-height: 1.4em;
}
.topics_img-day{
  display: inline-block;
  color: #777;
  padding-left: 10px;
  font-family: 'Arial';
}
.topics-wrap{
  padding: 1% 2%;
  border: 3px solid #e0b037;
  background: #fff;
  /*background: #fff url(/topics/img/top_bg.png) left top repeat-x;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ico-camera img{
  width: 20px;
  margin-left: 10px;
}


@media only screen and  (max-width: 640px) {
  .topics{
    padding-bottom: 3%;
  }
  .topics-wrap{
    margin: 0;
    padding: 3%;
  }
  .topics_list{
    /*width: 68%;*/
    width: 100%;
  }
  .topics_list-all{
    width: 98%;
  }
  .topics_list a{
    padding: 1% 0;
  }
  .topics_list p{
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding-left: 0;
  }

  .topics_img{
    float: none;
    width: 100%;
    /*width: 30%;*/
  }
  .topics_img li{
    /*width: 93%;*/
    width: 48%;
    padding-left: 0;
  }
  .topics_img li:nth-child(2){
    /*display: none;*/
    padding-left: 4%;
  }
  .topics .section-title{
    text-align: left;
    margin: 0 auto;
  }

}



.top div[data-nowWar="1"] .noneSptop{
  display:none;
}

@media only screen and  (max-width: 640px) {
  .top .noneSptop{
    display:none;
  }
}

.top div[data-now="0"] .schedule-menu:before,
.top div[data-now="0"] .schedule_now:after{
  display: none;
}

.news + .topics{
  padding-top: 30px;
  padding-bottom: 0;
}



.slider2{
  min-height: 34vw;
}


.top_movie_wrap {
  max-width:740px;
  text-align:center;
  margin:0 auto 30px;
}
.top_movie {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  text-align:center;
  margin:0 auto;
}

.top_movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.topics_category_id2{
  position: relative;
}

.topics_category_id2::before{
  content: '';
  display: block;
  position: absolute;
  bottom: 1%;
  right: 4%;
  width: 20%;
  height: 20%;
  background-image: url(/topics/img/icon_play.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 100;
}

/* =============================================
 dvd
============================================= */
.dvd{
  margin: 30px auto;
  text-align: center;
  max-width: 680px;
  width: 100%;
  font-size: 0;
}
.dvd a{
  display: block;
}

.dvd .dvd_movie{
  width: 50%;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 20px;
  vertical-align: top;
}
.dvd .dvd_movie:nth-of-type(1){
  padding-right: 10px;
}
.dvd .dvd_movie:nth-of-type(2){
  padding-left: 10px;
}
@media only screen and (max-width: 640px) {
  .dvd{
    padding: 5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
  }
  .dvd .dvd_movie{
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 5% 0 0;
  }
  .dvd .dvd_movie:nth-of-type(1){
    padding-right: 0;
    padding-top: 10%;
  }
  .dvd .dvd_movie:nth-of-type(2) {
    padding-left: 0;
  }
}
#side .dvd{
  margin-top: 0;
}
#side .dvd_movie{
  width: 100%;
  padding: 5% 0 0;
}