@charset "utf-8";

/*
===== : BASE ======================================= */

html {
  font-size: 62.5%;
}
body {
  background: #111128;
  color: #fff;
  font-family: 'Noto Sans', sans-serif;
  font-size: 1.4em;

  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
a {
  color: #fff;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  box-shadow: none !important;
  outline: none !important;
}
#loading_report {
  display: none;
  position: fixed;
  width: 54px;
  height: 54px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform:  translate3d(-50%, -50%, 0);
  z-index: 10;
  background: url("../images/icon_loading.gif") no-repeat center;
  background-size:  100% auto;
  pointer-events: none;
}
#loading_report.js--show {
  display: block;
}
.text-C {
  text-align: center;
}
.hide {
  display: none;
}
.attention_app {
  width: calc(100% - 7.407vw);
  /*width: 92.59vw;*/
  margin: 0 auto 7.592vw;
  background:  #101010;
  border: solid 0.745vw #000000;
  border-radius: 1.66vw;
  color:  #ff0000;
  box-sizing:  border-box;
  letter-spacing: 0.06vw;
  display: none;
}
.attention_app a {
  display:  block;
  width:  100%;
  height:  100%;
  color: #ffffff;
  text-decoration: none;
  box-sizing:  border-box;
  padding:  3.703vw 3.703vw 3.703vw 5.925vw;
  font-weight: bold;
}
.attention_title {
  font-weight: bold;
  font-size: 3.703vw;
  margin-bottom: 2.592vw;
  color: #ff0000;
}
.attention_text {
  font-size: 2.962vw;
  line-height: 5.185185185185185vw;
  margin-top:  1.6666666666666667vw;
  letter-spacing:  0.125vw;
}
.attention_text .icon_app {
  width: 3.3333333333333335vw;
  height:  auto;
  margin-top: -0.3703703703703704vw;
  margin-right:  1.4814814814814816vw;
}
.attention_text .color_yellow {
  color: #f4e717;
}
.attention_text.font_normal {
  font-weight:  normal;
}
.attention_text .icon_app.margin_left {
  margin-left:  1.4814814814814816vw;
}
.attention_text:first-of-type {
  margin-top:  0!important;
}
.attention_text .attention_detail {
  position: relative;
  font-weight: bold;
  text-decoration:  none;
  color:  #ff0000;
}
.attention_text .attention_detail::before {
  content : "";
  display:  block;
  position:  absolute;
  left:  0;
  bottom:  -0.6vw;
  width:  100%;
  height:  1px;
  background: #ff0000;
}
.attention_text .icon_link {
  width: 2.2222222222222223vw;
  height: auto;
  margin-left:  1.4814814814814816vw;
}
.attention_text .text_small {
  font-size:  2.5925925925925926ve;
}
.attention_text .text_red {
  color:  #ff0000;
}
.attention_min {
  font-size: 2.407vw;
}
.attention_bold {
  font-weight:  bold;
}
.anniversary {
  position: relative;
  padding: 2.2vw 4.2vw;
  border: 1px solid #9c9c9c;
  text-align: center;
  width: 72vw;
  margin: 0 auto 9vw;
  line-height: 6.7vw;
  background: #1d1d1d;
  font-size: 4.1vw;
  overflow: hidden;
}
.anniversary a {
  display: block;
  width: 100%;
  height: 100%;
  /*text-decoration: none;*/
}
.anniversary a::before {
  content: "";
  width: 12vw;
  height: 12.4vw;
  display: block;
  float: left;
  background: url("../images/icon_40th.png") no-repeat center;
  background-size: auto 100%;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.anniversary a p {
  float: right;
  text-decoration: underline;
}
/*
===== : SLIDE ======================================= */

.news_area {
  background-color: #000;
  margin-bottom: 9.5%;
}
.news_area .slider {
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: url(../images/bg_ticker_upper.png) repeat-x center bottom;
  background-size: 5px 5px;
}
.news_area .slider .slide {
  position: relative
}
.news_area .slider .slide .slide_img {
  text-align: center;
  height: 200px;
  overflow: hidden;
}
.news_area .slider .slide .slide_img img {
  width: auto;
  height: 100%;
  margin: 0 auto;
}
.news_area .slider .slide .slide_title {
  position: absolute;
  min-height: 24px;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .4);
  z-index: 1;
  padding: 10px 20px;
  line-height: 1.4;
  font-size: 2.8vw;
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
}

/*
===== : NEWS ======================================= */

.news_area .news_text {
  background: #151515;
  padding: 1.8%;
}
.news_area .news_text p {
  font-size: 3.51vw;
  line-height: 1.4;
  padding: 3.1% 3.7%;
  background-color: #000;
  margin: 0 auto;
  border-radius: 3px;
}
.news_area .news_text a {
  text-decoration: none;
  color: #888888;
}

/*
===== : CONTENTS ======================================= */

.info_noitem {
  width: 85%;
  margin: 0 auto;
  font-size: 2.9vw;
  line-height: 1.5;
  background-color: #000000;
  padding: 6.5% 0;
  text-align: center;
}
.info_noitem.mT {
  margin: 5% auto 8.5%;
}

/*キャンプ0情報のときのみ*/

.wrap_info_noitem {
  width: 92.5%;
  margin: 0 auto;
}
.wrap_info_noitem .info_noitem {
  margin: 40% auto 0;
}

/*
===== : キャンプ中継　＆　プロ野球ニュース ====== */

.probb_news {
  width: 92.5%;
  margin: 6% auto 4%;
  font-size: 4vw;
  letter-spacing: -.40em;
}
.probb_news.camp {
  margin: 10% auto 4%;
}
.probb_news p {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.probb_news .icon {
  background: url(../images/icon_probb.png) no-repeat center center;
  background-size: 100%;
  width: 6%;
  margin-right: 0%;
  padding: 3% 0;
}
.probb_news.camp .icon {
  background-image: url(../images/icon_probb_camp.png);
}
.probb_news.farm .icon {
  background-image: url(../images/icon_probb_farm.png);
}
.probb_news .text_probb {
  width: 36%;
  margin: 0 4.5% 0 2.5%;
  letter-spacing: normal;
}
.probb_news.camp .text_probb {
  width: 27%;
}
.probb_news .line {
  background: url(../images/line.png) repeat-x center center;
  background-size: 1px 32px;
  width: 51%;
  height: 32px;
}
.probb_news.camp .line {
  width: 60%;
}
.probb_contenttext {
  width: 92%;
  color: #888888;
  font-size: 3.7vw;
  margin: 10% auto 14%;
  padding-left: 5%;
  text-align: center;
}
.probb_contenttext a {
  background: url(../images/btn_arrow.png) no-repeat center right;
  background-size: 4% auto;
  padding-right: 5%;
  color: #888;
  text-decoration: none;
}
.next {
  width: 92%;
  margin: 3% auto 5%;
  font-size: 4vw;
  letter-spacing: -.40em;
}
.next p {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.next .icon {
  background: url(../images/icon_next.png) no-repeat center center;
  background-size: 100%;
  width: 6.9%;
  margin-right: 3%;
  padding: 2.7% 0;
}
.next .text_next {
  width: 24%;
  margin: 0 7.5% 0 2.5%;
  letter-spacing: normal;
}
.next .line {
  background: url(../images/line.png) repeat-x center center;
  background-size: 1px 32px;
  width: 90%;
  height: 32px;
}
.bc_sch {
  width: 94%;
  margin: 3% auto 5%;
}
.bc_sch dt {
  font-size: 4vw;
  line-height: 3;
  text-align: center;
  border: 1px solid #888888;
}
.bc_sch dd {
  padding: 4.4% 0;
  border-bottom: 1px solid #888888;
  letter-spacing: -.40em;
}
.bc_sch dd:last-child {
  border-bottom: none;
}
.bc_sch dd p {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.bc_sch dd .cat {
  width: 12%;
  height: auto;
  margin-right: 3%;
}
.bc_sch dd .day {
  width: 40%;
  font-size: 3.7vw;
  letter-spacing: 3px;
}
.bc_sch dd .time {
  width: 39%;
  font-size: 4.4vw;
  text-align: right;
  letter-spacing: 3px;
}

/*
===== : 本日の放送スケジュール ====== */

h2 {
  text-align: center;
  font-size: 5.56vw;
  font-weight: normal;
  margin-bottom: 6%;
}

/*
===== : セ・リーグ ====== */


/*情報上部*/

.detail_list_team {
  font-size: 4.5vw;
  margin-bottom: 10%;
}
.detail_list_team.turn span {
  padding: 0 0 1%;
}
.detail_list_team.turn span {
  border-bottom: 3px solid #ff0000;
}



.detail_list:last-of-type {
  margin: 0 0 3%;
}
.detail_list_upper {
  background: url(../images/bg_title.png) no-repeat top center;
  background-size: 100% auto;
  height: 0;
  overflow: hidden;
  padding: 23.5% 0 36%;
  position: relative;
}
.detail_list_upper.fin{
  background: url(../images/bg_title_02.png) no-repeat top center;
  background-size: 100% auto;
  padding: 23.5% 0 49%;
}

.detail_list_upper.fin .detail_list_player {
  display: none;
}

.detail_list_upper.fin .player {
  display: block;
}

.detail_list_upper.is_all_star,
.detail_list_upper.pend {
  background: url(../images/bg_title_03.png) no-repeat top center;
  background-size: 100% auto;
  padding: 23.5% 0 10%;
}

.detail_list_upper.is_all_star .detail_list_player,
.detail_list_upper.is_all_star .detail_list_bord,
.detail_list_upper.is_all_star .bat_base,
.detail_list_upper.is_all_star .player {
  display: none;
}

.detail_list_upper.pend .detail_list_player,
.detail_list_upper.pend .detail_list_bord,
.detail_list_upper.pend .bat_base,
.detail_list_upper.pend .player,
.detail_list_upper.pend + .detail_list_bg_beneath {
  display: none;
}


.detail_list_upper .detail_list_icon {
  position: absolute;
  top: 8%;
  left: 0;
  right: 0;
}

.detail_list_upper.fin .detail_list_icon{
  top: 7%;
}
.detail_list_upper.is_all_star .detail_list_icon,
.detail_list_upper.pend .detail_list_icon{
  top: 15%;
}

.detail_list_upper .detail_list_detail {
  margin-top: -8%;
}
.detail_list_upper .detail_list_icon_channel {
  width: 18%;
  position: absolute;
  right: 3%;
  top: 0;
}
.detail_list_upper .detail_list_icon_channel li {
  float: right;
  width: 28%;
  margin-right: 5%;
}
.detail_list_upper .detail_list_icon_channel li.detail_list_icon_channel_csbs {
  width: 60%;
}
.detail_list_upper p.detail_list_icon_event {
  width: 31%;
  margin: 0.5% auto 0;
}
.detail_list_upper .detail_list_left {
  float: left;
  text-align: right;
  width: 31%;
  padding: 0.5% 0;
}
.detail_list_upper .detail_list_left.bg_left {
  margin-left: 1.75%;
  border-left-width: 3px;
  border-left-style: solid;
}
.detail_list_upper .detail_list_right.bg_right {
  margin-right: 1.75%;
  border-right-width: 3px;
  border-right-style: solid;
}
.detail_list_upper .detail_list_player {
  color: #888;
  font-size: 2.75vw;
}
.detail_list_upper .detail_list_player i {
  color: #ffffff;
  font-size: 1.8vw;
  background-color: #555555;
  display: inline-block;
  padding: 2.2%;
  font-style: normal;
  margin: 0 0.5em 0 0;
}
.detail_list_upper .detail_list_venue {
  color: #888;
  margin: 2% auto 0%;
  text-align: center;
  font-size: 2.25vw;
}
.detail_list_upper .detail_list_center {
  float: left;
  text-align: center;
  width: 33%;
}
.detail_list_upper .detail_list_center div {
  display: flex;
  align-items: center;
  margin: 0 auto;
  justify-content: center;
  
}
.detail_list_upper .detail_list_time {
  font-size: 2.5vw;
  margin: 5% 0;
}
.detail_list_upper.is_all_star .detail_list_time ,
.detail_list_upper.pend .detail_list_time {
  font-size: 3.5vw;
  margin: 3% 0;
}

.score_anime{
  transition: all 300ms;
  transition-delay: 100ms;
}
.score_anime.change {
  opacity: 0;
  transition-delay: 0ms;
}


.detail_list_upper .detail_list_center .score_left {
  font-size: 4.5vw;
  margin: 0 10% 0 0;
}
.detail_list_upper .detail_list_center .score_right {
  font-size: 4.5vw;
  margin: 0 0 0 10%;
}

.detail_list_center p.win {
  color:#ff7800;
}

.detail_list_upper .detail_list_center .inning{
  font-size: 2.4vw;
  margin:7% auto 0;
}


.detail_list_upper .detail_list_right {
  overflow: hidden;
  text-align: left;
  width: 31%;
  padding-top: 0.75%;
}
.detail_list_upper .detail_list_thumbnail_s {
  margin: 4% 0 0 7.75%;
  clear: both;
  width: 80%;
}
.detail_list_upper .detail_list_thumbnail_s ul li {
  float: left;
  width: 8.5%;
  margin-right: 2.5%;
}
.detail_list_upper p.detail_list_category {
  overflow: hidden;
  text-align: right;
  margin: 0 7.5% 0 0;
  width: 20%;
  height: auto;
  float: right;
}

/*スコアボード*/

.detail_list_upper .detail_list_bord {
  margin: 3% auto 0;
  display: flex;
  width: 86%;
  position: absolute;
  top:49%;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 27%;
}

.detail_list_upper.fin .detail_list_bord{
top:41%;
}

.detail_list_upper .detail_list_bord div{

height: 100%;
}

.detail_list_upper .detail_list_bord .middle{
width: 69%;
  overflow-x: scroll;
overflow-y: hidden;
}

.detail_list_upper .detail_list_bord .left{
width: 7%;
}

.detail_list_upper .detail_list_bord .right{
width: 24%;
}

.detail_list_upper .detail_list_bord ul {
  height: 40%;
}

.detail_list_upper.fin .detail_list_bord ul {
  height: 32.8%;
}

.detail_list_upper .detail_list_bord ul.tit {
  height: 25%;
}
.detail_list_upper.fin .detail_list_bord ul.tit {
  height: 20%;
}

.detail_list_upper .detail_list_bord .middle a {
  color: #888888;
  text-decoration: none;
  pointer-events: none;
}

.detail_list_upper .detail_list_bord .middle ul {

white-space:nowrap;
}

.detail_list_upper .detail_list_bord ul li {
  font-size: 3.7vw;
  border: 2px solid #111111;
  background-color: #252525;
  text-align: center;
  display: inline-block;
  width: 11.11%;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  vertical-align: middle;
 white-space:normal;
}

.detail_list_upper .detail_list_bord .middle.extension ul li:last-child {
  margin-right: 5%;
}

.detail_list_upper .detail_list_bord ul li.last{
margin:0 4% 0 0;
}

.detail_list_upper .detail_list_bord .left ul li {
  width: 100%;
  text-align: left;
  background-color:transparent;
}
.detail_list_upper .detail_list_bord .right ul li {
  width: 33%;
}

.detail_list_upper .detail_list_bord ul.tit li,
.detail_list_upper .detail_list_bord ul.tit li a {
  color: #888888;
  font-size: 2.63vw;
  background-color:transparent;
  text-decoration: none;
  pointer-events: none;
}

.detail_list_upper .detail_list_bord .right ul:not(.tit) li{
  background-color: #333333;
}

.detail_list_upper .detail_list_bord  ul li p{
  width: 100%;
  height: 100%;
  display: flex;
  align-items:center;
  justify-content: center;
}
/*打者盤面*/

.detail_list_upper .bat_base {
   display: flex;
  align-items:center;
  justify-content: center;
  margin: 22% auto 0;
}
.detail_list_upper.fin .bat_base{
  margin: 25% auto 4.5%;

 }

.detail_list_upper .bat{
  width: 56%;
}
.detail_list_upper .bat dl {
  float: left;
  display: flex;
  align-items: center;
  margin: 0 10% 0 0;
}

.detail_list_upper .bat dl:last-child {
  margin: 0;
}
.detail_list_upper .bat dt {
  font-size: 4vw;
  margin: 0 8% 0 0;
}
.detail_list_upper .bat dd {
  font-size: 3.3vw;
  color: #252525;
  margin: 0 4.1% 0 0;
}
.detail_list_upper .bat dd:last-child {
  margin: 0;
}
.detail_list_upper .bat .ball dd.on {
  color: #0d750d;
}
.detail_list_upper .bat .strike dd.on {
  color: #ffae00;
}
.detail_list_upper .bat .out dd.on {
  color: #ff0000;
}
.detail_list_upper .bat .ball dd,
.detail_list_upper .bat .strike dd,
.detail_list_upper .bat .out dd,
.detail_list_upper .base img {
  transition: all 300ms;
}
.detail_list_upper .base {
  position: relative;
  width: 12%;
  background-size: 100%;
}
.detail_list_upper .base img {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
}
.detail_list_upper .base img.on {
  opacity: 1;
}

.detail_list_upper .player{
  display: none;
  color: #888;
  font-size: 2.75vw;
  width: 80%;
  margin: 0 auto;
  opacity: 0;
}
.detail_list_upper .player.show {
  opacity: 1;
}

.detail_list_upper .player p:not(:last-child){
  margin: 0 0 3%;
}

.detail_list_upper .player span:not(:last-child){
margin: 0 5.5% 0 0;
}

.detail_list_upper .player i {
  color: #ffffff;
  font-size: 1.8vw;
  background-color: #555555;
  display: inline-block;
  padding: 1% 0;
  font-style: normal;
  margin: 0 0.5em 0 0;
  width: 4%;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
}





/*情報下部*/

.detail_list_bg_beneath {
  background: url(../images/bg_channel_bottom.png) no-repeat bottom center;
  background-size: 100% auto;
  padding: 0;
  width: 96%;
  margin: -3.5% auto 0;
}
.camp .detail_list_bg_beneath:not(:last-child) {
  margin: 0 auto 4%;
}
.detail_list_beneath {
  background: url(../images/bg_channel_inner.png) repeat-y top center;
  background-size: 100% auto;
  clear: both;
  padding: 2% 0 0;
  overflow: hidden;
}

.detail_list_beneath.fin{
   padding: 4% 0 0;
}
.detail_list_beneath_inner {
  width: 88%;
  margin: 0 auto;
  border-top: 1px solid #434343;
  padding: 2% 0 0;
  overflow: hidden;
}
.detail_list_beneath_inner:first-child {
  border: none;
  padding: 0 0 1.5%;
}
.detail_list_beneath_inner:not(last-child) {
  padding: 2% 0 1.5%;
}
.detail_list_beneath .detail_list_left {
  float: left;
  width: 14%;
  clear: both;
  margin-right: 3%;
}
.detail_list_beneath .detail_list_channelIcon {
  width: 100%;
  height: auto;
  float: left;
  margin-right: 4%;
}
.detail_list_beneath_inner dl {
  margin: 2% 0 3%;
  font-size: 3.2vw;
  overflow: hidden;
}
.detail_list_beneath_inner dl dt {
  float: left;
  margin-right: 2%;
}
.detail_list_beneath_inner dl dd {
  color: #888888;
  font-weight: 600;
}
.detail_list_beneath .detail_list_left dl {
  overflow: hidden;
}
.detail_list_beneath .detail_list_right {
  float: right;
  width: 40%;
  /* width: 41%; */
  margin-top: -2%;
}
.detail_list_beneath .detail_list_center {
  float: left;
  width: 35%;
}
.detail_list_beneath .detail_list_status {
  width: 39.5%;
  height: auto;
  float: left;
  margin-right: 5%;
}
.detail_list_beneath .detail_list_left dl dt {
  color: #888888;
  font-size: 4.26vw;
  margin-bottom: 4%;
}
.detail_list_beneath .detail_list_left dl dd {
  font-size: 4.63vw;
}
.detail_list_beneath p.detail_list_start_day {
  font-size: 2.7vw;
  text-align: center;
  margin-bottom: 12%;
  padding-top: 3%;
}
.camp .detail_list_beneath p.detail_list_start_day {
  text-align: left;
}
.detail_list_beneath p.detail_list_start.day {
  font-size: 4.7vw;
  text-align: center;
  margin-bottom: 5%;
}
.camp .detail_list_beneath p.detail_list_start.day {
  text-align: left;
}
.detail_list_beneath p.detail_list_start {
  font-size: 4.7vw;
  text-align: center;
  margin-bottom: 15%;
}
.detail_list_beneath p.detail_list_commentary {
  color: #888;
  font-size: 2.75vw;
  clear: both;
}
.detail_list_beneath ul.btn_area {
  overflow: hidden;
}
.detail_list_beneath ul.btn_area li {
  float: left;
}
.detail_list_beneath ul.btn_area li:first-child {
  width: 44%;
  margin-left: -2%;
  /* width: 42%; */
  /* margin-left: 0; */
  /*display: none;/*20170310 一時的に非表示対応*/
}
.detail_list_beneath ul.btn_area li:last-child {
  position: relative;
  width: 62.75%;
  float: right;
  margin-right: -5%;
}
.detail_list_beneath ul.btn_area li:last-child a {
  width: 100%;
  height: 60px;
  position: relative;
  display: block;
}
.detail_list_beneath ul.btn_area li:last-child a img.base {
  display: block;
  position: absolute;
  /*margin-right: -5%;*/
  z-index: 10000;
  /*margin-top:-75.5%;*/
}
.detail_list_beneath ul.btn_area li:last-child a img.border {
  display: block;
  position: absolute;
  margin-right: -5%;
  z-index: 10000;
  /*margin-top:-75.5%;*/
}
.camp .detail_list_beneath ul.btn_area li:last-child a img.border {
  top: 0;
}

/* プロ野球ニュース内のみ */

.news_container .thumb {
  width: 94%;
  margin: 0 auto;
}
.news_container .text {
  width: 94%;
  font-size: 3.2vw;
  line-height: 1.8;
  margin: 5% auto 3%;
}
.news_container .text span {
  display: block;
  font-size: 4.8vw;
  font-weight: bold;
}
.news_container .text.big {
  width: 94%;
  font-size: 4.8vw;
  line-height: 1.0;
  margin: 5% auto;
  text-align: center;
}
.news_container .detail_list_bg_beneath {
  background: url(../images/bg_channel_bottom2.png) no-repeat bottom center;
  background-size: 100% auto;
  padding: 0;
  width: 96%;
  margin: 0 auto;
}
.news_container .detail_list_beneath {
  background: url(../images/bg_channel_inner2.png) repeat-y top center;
  background-size: 100% auto;
  clear: both;
  padding: 2% 0 0;
  overflow: hidden;
}

/*キャンプ中継のみ*/

.camp .choice {
  width: 92.5%;
  margin: 5% auto 13.2%;
  font-size: 3.2vw;
}
.inner_choice {
  width: 100%;
  display: table;
  margin: 0 0 5.5% 0;
}
.text_choice {
  display: table-cell;
}
.btn_choice {
  display: table-cell;
  font-size: 2.9vw;
  padding: 3% 0;
  width: 22.2%;
  background-color: #333333;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.3);
  text-align: center;
  margin: 0 0 5.5% 0;
  border-radius: 3px;
}
.camp .choice ul {
  overflow: auto;
}
.camp .choice ul li {
  float: left;
  background: #000000;  
  width: 14.95%;
  padding: 4.5% 0;
  font-size: 4vw;
  margin: 0 2.05% 3% 0;
  text-align: center;
  border-radius: 3px;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.3);
  border-width: 2px 0 0;
  border-style: solid;
  color: #555555;
}
.camp .choice ul li:nth-child(6n) {
  margin: 0 0% 3% 0;
}
.camp .choice ul li:nth-child(n + 7):not(:nth-child(n + 12)) {
  margin: 0 2.05% 0 0;
}
.camp .choice ul li:last-child {
  margin: 0;
}
.camp .choice.farm ul li {
  width: 12.525%;
  margin: 0 2.05% 3% 0;
}
.camp .choice.farm ul li:nth-child(7n) {
  margin: 0 0% 3% 0;
}
.camp .choice.farm ul li:nth-child(n + 8):not(:nth-child(n + 14)) {
  margin: 0 2.05% 0 0;
}
.camp .choice.farm ul li:last-child {
  margin: 0;
}
.camp .choice ul li.selected {
  color: #fff;
}
.camp_day_container {
  margin: 10% auto 0;
}
.camp_day_container .date {
  width: 92.5%;
  font-size: 4.8vw;
  margin: 0 auto 5.5%;
  border-bottom: 1px solid #fff;
  line-height: 1.5;
}
.camp_container {
  margin: 0 auto 9%;
}
.camp_day_container .camp_container {
  margin: 0 auto 9%;
}
.camp_day_container .camp_container:last-child {
  margin: 0 auto;
}
.camp_day_container:last-child .camp_container:last-child {
  margin: 0 auto 17.5%;
}
.camp_text {
  width: 92.5%;
  margin: 0 auto 5%;
}
.camp_text ul {
  overflow: auto;
}
.camp_text ul li {
  float: left;
  min-width: 12%;
  padding: 2% 1%;
  font-size: 2.7vw;
  text-align: center;
  margin: 0 3% 3.5% 0;
}
.camp_text ul li:nth-child(6n) {
  margin: 0 0 3.5%;
}
.camp_text .program {
  font-size: 3.8vw;
  line-height: 1.75;
}

/*情報がない場合*/

.detail_nothing, .detail_nothing_camp {
  text-align: center;
  padding: 0% 3%;
  margin: 10% 0 16%;
}
.detail_nothing_inner, .detail_nothing_camp_inner {
  position: relative;
  background-color: #111;
  padding: 10.5% 10.5% 10.5% 20%;
  border-radius: 3px;
  margin-bottom: 10%;
}
.detail_nothing p, .detail_nothing_camp p {
  font-size: 4.07vw;
}
.detail_nothing_inner .detail_nothing_icon {
  position: absolute;
  top: 50%;
  left: 20%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 5.5%;
}
.detail_nothing .this_week_schedule, .detail_nothing_camp .this_week_schedule {
  padding-left: 5%;
}
.detail_nothing .this_week_schedule a, .detail_nothing_camp .this_week_schedule a {
  color: #888;
  font-size: 3.7vw;
  text-decoration: none;
  background: url(../images/btn_arrow.png) no-repeat center right;
  background-size: 4% auto;
  padding-right: 5%;
}

/*
===== : チーム別カラー背景ライン（セ・リーグ） ==================== */

.carp {
  border-color: #d93a3a;
}
.carp_bg {
  background-color: #d93a3a;
}
.giants {
  border-color: #e56a1a;
}
.giants_bg {
  background-color: #e56a1a;
}
.baystars {
  border-color: #54a3e3;
}
.baystars_bg {
  background-color: #54a3e3;
}
.tigers {
  border-color: #daa520;
}
.tigers_bg {
  background-color: #daa520;
}
.swallows {
  border-color: #096e58;
}
.swallows_bg {
  background-color: #096e58;
}
.dragons {
  border-color: #103375;
}
.dragons_bg {
  background-color: #103375;
}
.hayate {
  border-color: #383c50;
}
.hayate_bg {
  background-color: #383c50;
}
.albirex {
  border-color: #FF6325;
}
.albirex_bg {
  background-color: #FF6325;
}

/*
===== : チーム別カラー背景ライン（パ・リーグ） ==================== */

.fighters {
  border-color: #c39858;
}
.fighters_bg {
  background-color: #c39858;
}
.hawks {
  border-color: #ee9315;
}
.hawks_bg {
  background-color: #ee9315;
}
.lions {
  border-color: #13185b;
}
.lions_bg {
  background-color: #13185b;
}
.marines {
  border-color: #647b86;
}
.marines_bg {
  background-color: #647b86;
}
.eagles {
  border-color: #7c0012;
}
.eagles_bg {
  background-color: #7c0012;
}
.buffaloes {
  border-color: #00408a;
}
.buffaloes_bg {
  background-color: #00408a;
}

/*
===== : チーム別カラー背景ライン（未定・その他） ==================== */

.undecided_team {
  border-color: #999999;
}
.other_team {
  border-color: #e810ae;
}
.hide_contents {
  display: none;
}
.show_contents {
  display: block!important;
  position: relative;
  height: auto;
  overflow: auto;
}
.show_contents .hide_contents {
  display: block!important;
}