/*PC*/
    .kanban.baseball{
      position:relative;
      height:660px;
      background-color:#000;
      background-image:url(/common/images/bunshun/v1/baseball/2017/pc/pc_baseball_kanban.png);
      background-position:center center;
      background-repeat:no-repeat;
      background-size:cover;
    }

    .kanban.baseball .lead{
      position: absolute;
      bottom: 50px;
      left: 0;
      right: 0;
      margin: auto;
      width: 1030px;
    }
    .kanban.baseball .lead p{
      font-size: 2.5rem;
      line-height: 1.8;
      text-shadow: -1px 0px 0px rgba(251, 251, 251, 0.6);
    }

    .top-menu{
      height:70px;
      background-color:#000;
    }
    .top-menu ul{
      width:880px;
      display:block;
      margin:0 auto;
    }
    .top-menu ul li{
      display:block;
      width:calc(100% / 4);
       height:70px;
    }
    .top-menu ul li a{
      display:block;
      height:70px;
      margin:0;
      background-position:center center;
      background-repeat:no-repeat;
    }
    .top-menu ul li a.article{
      background-image:url(/common/images/bunshun/v1/baseball/2017/pc/nav01.png);
    }
    .top-menu ul li a.hit-rank{
      background-image:url(/common/images/bunshun/v1/baseball/2017/pc/nav02.png);
    }
    .top-menu ul li a.writers{
      background-image:url(/common/images/bunshun/v1/baseball/2017/pc/nav03.png);
    }
    .top-menu ul li a.rule{
      background-image:url(/common/images/bunshun/v1/baseball/2017/pc/nav04.png);
    }
    
    .block.baseball{
      width:880px;
      margin:0 auto 20px auto;
    }
    .block.baseball.socials{
      margin:100px auto 100px auto;;
    }
    .block.baseball h2{
      display:block;
      width:100%;
      height:60px;
      margin:20px auto;
      background-position:center center;
      background-repeat:no-repeat;
    }
    
    .block.baseball h2.article{
      background-image:url(/common/images/bunshun/v1/baseball/2017/pc/title-latest.jpg);
    }
    .block.baseball h2.hit-rank{
      background-image:url(/common/images/bunshun/v1/baseball/2017/pc/title-ranking.jpg);
    }
    .block.baseball h2.writers{
      background-image:url(/common/images/bunshun/v1/baseball/2017/pc/title-writer.jpg);
    }
    .block.baseball h2.rule{
      background-image:url(/common/images/bunshun/v1/baseball/2017/pc/title-rule.jpg);
    }

    
    .table-title{
      display:flex;
      justify-content: center;
    }
    .table-title h3{
      display:block;
      width:calc(100% / 2);
      height:60px;
      text-align:center;
      margin:0 auto 20px auto;
      background-position:center center;
      background-repeat:no-repeat;
    }
    .table-title h3.ce{
      background-image:url(/common/images/bunshun/v1/baseball/2017/pc/central.png);
    }
    .table-title h3.pa{
      background-image:url(/common/images/bunshun/v1/baseball/2017/pc/pacific.png);
    }
    .hol-table-block{
      display:flex;
      justify-content: center;
    }
    table.hit-rank{
      width:calc((100%) / 2);
      border:4px solid #000;
    }
    table.hit-rank.ce{
      border-right:2px solid #000;
    }
    table.hit-rank.pa{
      border-left:2px solid #000;
    }
    table.hit-rank tr:nth-child(even){
      background-color:#dedede;
    }
    table.hit-rank th{
      border:1px solid #000;
      font-family: 'Press Start 2P', cursive;
      text-align:center;
      padding:0 5px;

    }
    table.hit-rank td{
      border:1px solid #000;
    }
    table.hit-rank td.team-icon{
      margin:1px 0 0 0;
      padding:0;
      width:70px;
      height:70px;
    }
    table.hit-rank td.team-icon a{
      display: block;
      width: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      height: 100%;
    }
    table.hit-rank td.team-icon img{
      margin:0;
      padding:0;
      display:block;
      width:100%;
    }
    table.hit-rank td.team-name{
      font-size:1.6rem;
      padding:0 5px;
      width: 150px;
    }
    table.hit-rank td.team-name span.writer{
      display:block;
      font-size:1.0rem;
      line-height:1.6;
      
    }    
    table.hit-rank td.hit-count{
      text-align:right;
      font-family: 'Press Start 2P', cursive;
      font-size:2.2rem;
    }
    table.hit-rank td.hit-count a{
      display: block;
      height: 70px;
      line-height: 70px;
    }

    table.hit-rank td.hit-count span.count{

    }
    table.hit-rank td.hit-count span.unit{
      font-size:1.0rem;
    }
    
    
    .notes.frame{
      border:3px dotted #ccc;
      padding:20px;
      letter-spacing: 2px;
    }
    .notes.frame p{
      font-size:1.6rem;
      line-height:1.6;
      letter-spacing: 2px;
      
    }
    p.notes.text{
      font-size:1.6rem;
      line-height:1.6;
      padding:20px 0;
      text-align:center;
    }
    ul.writer-icon-list{
      display:flex;
      flex-wrap:wrap;
      justify-content: center;
      padding:0 90px;
    }
    ul.writer-icon-list li{
     display:block;
     width:160px;
     margin:10px 20px 10px 0 ;
    }
    ul.writer-icon-list li:nth-child(4n + 4), ul.writer-icon-list li:last-child{
      margin-right:0px;
    }
    ul.writer-icon-list li a{
      display:block;
      height:160px;
    }
    ul.writer-icon-list li a img{
      display:block;
      width:100%;
    }
    ul.writer-icon-list li p{
      display: block;
      text-align: center;
      line-height: 1.4;
      font-size: 1.4rem;
      margin-top: 3px;
    }
    
    ul.rule-list{
      counter-reset: number 0;
      padding-left: 70px;
      padding-right: 70px;

    }
    ul.rule-list li{
      position: relative;
      padding: 0 0 20px 20px;
      list-style: none;
      font-size:1.8rem;
      line-height: 1.8;
      letter-spacing:2px;
      color:#333;
    }
    ul.rule-list li:before{
       font-family: 'Press Start 2P', cursive;
       counter-increment: number 1;
       content: counter(number) " ";
       font-size:2.6rem;
        display: inline-block;
        position: absolute;
        left: -25px;
        top: 0px;
    }
    



.block.baseball.top-social-btns {
    margin-top: 20px;
    height: 30px;
    text-align: right;
    overflow: hidden;
    line-height: normal;
}
.top-social-btns .fb-like.fb_iframe_widget {
    top: 0.5px;
}
.top-social-btns .pocket-btn{
    display: inline-block;
    position: relative;
    top: 2px;
}
.top-social-btns a.tw{
  background: #000000;
  color:#ffffff;
  display: inline-block;
  width: 70px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70px;
  position:relative;
  font-size: 12px;
  font-size: 1.2rem;
  border-radius: 2px;
  text-align: center;
  top: -6px;
}
.top-social-btns a.tw::before{
  content: '';
  display: inline-block;
  width: 10px;
  height: 12px;
  position: relative;
  top: 3px;
  left: -4px;
  background-image:url(/common/images/bunshun/v1/common/socials/icon_x_white.png);
  background-size: 10px auto;
  background-repeat: no-repeat;
}


    .article-social-btn-bottom a.btn{
  width: calc(100% / 3);
  color: #FFF;	
  position: relative;
  padding-left: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0;
  border:none;
}

.article-social-btn-bottom a.btn span.icon{
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  background-position: right center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 5px;
}
.article-social-btn-bottom a.btn.facebook{
  background-color: #3664a2;
  cursor: pointer;
}
.article-social-btn-bottom a.btn.twitter{
  background-color: #000000;
}
.article-social-btn-bottom a.btn.hatena{
  background-color: #438db4;
}

/*MODAL*/

#page-content.masked:after{
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.35);
  z-index: 10;
}
#writer-modal{
  position:fixed;
  width:880px;
  /*height:650px;*/
  height:90%;
  display:none;
  top:0;
  bottom:0;
  right:0;
  left:0;
  margin:auto;
  background-color:#fff;
  z-index:9999;
}

#writer-modal .btn-box{
  width:70px;
  height:70px;
  padding:15px;
  position:absolute;
  top:0;
  right:0;
  z-index:10000;
}
#writer-modal a#close-modal-btn{
  display:block;
  background-color: #fff;
  cursor:pointer;
}
#writer-modal a#close-modal-btn svg{
  width:40px;
  height:40px;
}
#writer-carousel{
  width: 880px;
  height:100%;
  padding: 70px 0;
  overflow: hidden;
}
#writer-carousel .swiper-wrapper{
  margin-left: 70px;
}
#writer-carousel .carousel-cell{
  width:740px;
  /*height:510px;*/
  height:100%;
  overflow-y:scroll;
}
#writer-carousel .carousel-cell::-webkit-scrollbar {
  display: none;
}
#writer-carousel .carousel-cell .inner{
  display:flex;
  width:740px;
}
#writer-carousel .carousel-cell .inner img{
  width:260px;
  height:260px;
  margin:0 15px 10px 1px;
}

#writer-carousel .carousel-cell .inner .text{
  width:464px;
}
#writer-carousel .carousel-cell .inner .text p{
  margin-bottom:10px;
}
#writer-carousel .carousel-cell .inner .text .team{
  font-size:22px;
  font-weight:400;
  margin-bottom:15px;
}
#writer-carousel .carousel-cell .inner .text .team .uniform-number{
  font-size: 30px;
  font-weight:normal;
  display: inline-block;
  padding: 5px;
  margin-right:20px;
  border: 1px solid #333;
  min-width: 45px;
  height: 45px;
  text-align: center;
}
#writer-carousel .carousel-cell .inner .text .nickname{
  font-size:22px;
}
#writer-carousel .carousel-cell .inner .text .name{
  font-size:36px;
  font-weight:400;
}
#writer-carousel .carousel-cell .inner .text .name-kana{
  font-size:16px;
}
#writer-carousel .carousel-cell .inner .text .job{
  font-size:16px;
}
#writer-carousel .carousel-cell .inner .text .birth{
  font-size:16px;
}

#writer-carousel .carousel-cell .profile{
width:740px;
}
#writer-carousel .carousel-cell .profile ol {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}

#writer-carousel .carousel-cell .profile ol li {
  display:inline;
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative;
  line-height: 22px;
  font-size: 16px;
  letter-spacing: 2px;
}
#writer-carousel .carousel-cell .profile ol li:before {
  margin-left: -30px;
  color:#3366cc;
}
#writer-carousel .carousel-cell .profile ol li:first-child:before{
  content: '\002460';
}
#writer-carousel .carousel-cell .profile ol li:nth-child(2):before{
  content: '\002461';
}
#writer-carousel .carousel-cell .profile ol li:nth-child(3):before{
  content: '\002462';
}
#writer-carousel .carousel-cell .profile ol li:nth-child(4):before{
  content: '\002463';
}
#writer-carousel .carousel-cell .profile ol li:nth-child(5):before{
  content: '\002464';
}
#writer-carousel .carousel-cell .profile ol li:nth-child(6):before{
  content: '\002465';
}
#writer-carousel .carousel-cell .profile ol li:nth-child(7):before{
  content: '\002466';
}
#writer-carousel .carousel-cell .profile ol li:nth-child(8):before{
  content: '\002467';
}
#writer-carousel .carousel-cell .profile ol li:nth-child(9):before{
  content: '\002468';
}
#writer-carousel .carousel-cell .profile ol li:nth-child(10):before{
  content: '\002469';
}
#writer-carousel .carousel-cell .profile ol li:nth-child(11):before{
  content: '\00246a';
}

#writer-carousel .carousel-cell .profile>p{
  line-height: 22px;
  font-size: 16px;
  letter-spacing: 2px;
}

#writer-carousel .carousel-cell .bottom-box{
  width:740px;
  margin-top:35px;
}
#writer-carousel .carousel-cell .bottom-box a.link-author-page{
  display: block;
  width: 450px;
  padding: 20px;
  font-size: 22px;
  color:#333;
  text-align: center;
  border: 2px solid #333;
  border-radius: 10px;
  cursor:pointer;
}
#writer-carousel .carousel-cell .bottom-box a.link-author-page:hover{
  color: #F73B3B;
}

.swiper-button-next,
.swiper-button-prev{
  width: 44px;
  height: 44px;
}
.swiper-button-next:after,
.swiper-button-prev:after{
  display: none;
}
.swiper-button-next .arrow,
.swiper-button-prev .arrow{
  fill: #666;
}

/*trophy*/
#writer-carousel .carousel-cell .bottom-box .trophy-shelf{
  margin-bottom:20px;
}
#writer-carousel .carousel-cell .bottom-box .trophy-shelf .title{
  height:56px;
  margin-bottom:20px;
  display: block;
  text-align: center;
}
#writer-carousel .carousel-cell .bottom-box .trophy-shelf .title span{
  font-size:26px;
  font-weight:bold;
  color:#CCAE33;
  text-align:center;
  margin:0 auto;
  position:relative;
}
#writer-carousel .carousel-cell .bottom-box .trophy-shelf .title span:before{
  content:'';
  position:absolute;
  width:37px;
  height:56px;
  top:10px;
  bottom:0;
  left:-50px;
  margin:auto;
  background-image:url(/common/images/bunshun/v1/dev/baseball2017/title-deco-left.png);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
}
#writer-carousel .carousel-cell .bottom-box .trophy-shelf .title span:after{
  content:'';
  position:absolute;
  width:37px;
  height:56px;
  top:10px;
  bottom:0;
  right:-50px;
  margin:auto;
  background-image:url(/common/images/bunshun/v1/dev/baseball2017/title-deco-right.png);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
}

#writer-carousel .carousel-cell .bottom-box ul.writer-trophy li{
  height:100px;
  margin:0 5px 10px 5px;
}
#writer-carousel .carousel-cell .bottom-box ul.writer-trophy li img{
  height:100%;
}



/*NIPPON SERIES*/
.kanban.baseball.nippon-series{
background-image:url(/common/images/bunshun/v1/baseball/2017/pc/pc_baseball_kanban_nippon_series.png);
}
.kanban.baseball.nippon-series.close{
background-image:url(/common/images/bunshun/v1/baseball/2017/pc/pc_baseball_kanban_nippon_series_close.png);
}
.block.baseball h2.nippon-series{
background-image:url(/common/images/bunshun/v1/baseball/2017/pc/title-nippon-series.jpg);
}
.nippon-series-block{

}
.nippon-series-block .match-result{
background-color:#000;
padding:10px;
}
.nippon-series-block .match-result .match{
background-color:#333;
width:100%;
height:220px;
margin-bottom: 10px;
}
.nippon-series-block .match-result .match:last-child{
margin-bottom: 0;
}

.nippon-series-block .match-result .match .left{
background-color:#ff0000;
width:calc((880px - 20px - 120px) / 2);
}
.nippon-series-block .match-result .match .right{
background-color:#ffff00;
width:calc((880px - 20px - 120px) / 2);
}

/*TEAM ICON NAME*/
.nippon-series-block .match-result .match .top{
  position:relative;
  height:90px;
  background-color:#333;
  background-size:90px;
  background-repeat:no-repeat;
}
.nippon-series-block .match-result .match .left .top{
background-position:left center;
}
.nippon-series-block .match-result .match .right .top{
background-position:right center;
}
.nippon-series-block .match-result .match .top .team-name{
font-size:26px;
font-size:2.6rem;
font-weight:bold;
color:#fff;
line-height:90px;
}
.nippon-series-block .match-result .match .left .top .team-name{
  position:absolute;
  left:120px;
}
.nippon-series-block .match-result .match .right .top .team-name{
  position:absolute;
  right:120px;
}


/*HIT COUNT*/
.nippon-series-block .match-result .match .middle{
  background-color:#fff;
  height:70px;
  position:relative;
  background-size:27px;
  background-repeat:no-repeat;
}

.nippon-series-block .match-result .match .left .middle.won{
background-image:url(/common/images/bunshun/v1/baseball/2017/nippon-series/win.png);
background-position:30px center;
}
.nippon-series-block .match-result .match .left .middle.lost{
background-image:url(/common/images/bunshun/v1/baseball/2017/nippon-series/lose.png);
background-position:30px center;
}
.nippon-series-block .match-result .match .right .middle.won{
background-image:url(/common/images/bunshun/v1/baseball/2017/nippon-series/win.png);
background-position:right 30px center;
}
.nippon-series-block .match-result .match .right .middle.lost{
background-image:url(/common/images/bunshun/v1/baseball/2017/nippon-series/lose.png);
background-position:right 30px  center;
}

.nippon-series-block .match-result .match .middle .count{
    font-family: 'Press Start 2P', cursive;
    font-size: 3.0rem;
    text-align: center;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%);
}
.nippon-series-block .match-result .match .middle .unit {
font-size: 1.6rem;
}


/*AUTHOR)*/
.nippon-series-block .match-result .match .bottom{
background-color:#eaeaea;
  height:60px;
  position:relative;

}

.nippon-series-block .match-result .match .bottom .author{
  width:calc((880px - 20px - 120px) / 2 - 60px);
}
.nippon-series-block .match-result .match .bottom .author .author-icon{
    display:block;
    position:absolute;
    width:40px;
    height:40px;
    top: 50%;
    transform: translateY(-50%);
    background-size:42px;
    background-position:center  center;
    background-repeat:no-repeat;
    border-radius:50%;
}
.nippon-series-block .match-result .match .left .bottom .author .author-icon{
    left: 10px;
}
.nippon-series-block .match-result .match .right .bottom .author .author-icon{
    right: 10px;
}

.nippon-series-block .match-result .match .bottom .author .author-name{
font-size:14px;
font-size:1.4rem;
position:absolute;
    top: 50%;
    transform: translateY(-50%);
}
.nippon-series-block .match-result .match .left .bottom .author .author-name{
    left: 60px;
}
.nippon-series-block .match-result .match .right .bottom .author .author-name{
    right: 60px;
}

.nippon-series-block .match-result .match .bottom .arrow{
  width:60px;
  position:relative;
display:block;
  height:100%;
  background-size:15px 27px;
  background-repeat:no-repeat;
background-position:center center;
background-color:#cbcbcb;
}

.nippon-series-block .match-result .match .bottom .arrow:before{
    content: '';
    display: block;
    font-family: 'Press Start 2P', cursive;
    font-size: 4.0rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 40px;
    text-align: center;
}
.nippon-series-block .match-result .match .left .bottom .arrow:before{
  content: '>';
}
.nippon-series-block .match-result .match .right .bottom .arrow:before{
    content: '<';
}

/*ROUND INFO*/
.nippon-series-block .match-result .match .center{
background-color:#77cc88;
width:120px;
position:relative;
}
.nippon-series-block .match-result .match .center .inner{
    width:100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.nippon-series-block .match-result .match .center .inner img.round-num{
  display:block;
  margin:0 auto;
  max-width:100px;
}
.nippon-series-block .match-result .match .center .inner span.round-date{
  display:block;
  text-align:center;
      font-size: 1.8rem;
    margin: 5px 0;
}
.nippon-series-block .match-result .match .center .inner span.round-status{
  display:block;
  text-align:center;
  margin: 5px 0;
}
.nippon-series-block .match-result .match .center .inner span.round-status.playing{
  padding:5px;
  background-color:#ff4040;
  color:#fff;
  width: 80px;
  margin: 0 auto;
}

/*WINTER LEAGUE*/
.kanban.baseball.winterleague{
background-image:url(/common/images/bunshun/v1/baseball/2017/pc/pc_baseball_kanban_nippon_series_close.png);
}


/*記事リスト*/
ul.list-thumb.pc.col-3 li div.right .cat a{
  line-height: 30px;
}