@charset "UTF-8";

@media screen and (min-width: 751px) {
  .spOnly: {
    display: none;
  }
}

@media screen and (max-width: 750px) {
  .pcOnly: {
    display: none;
  }
}
.mTs {margin-top: 1% !important;}
.mTm {margin-top: 3% !important;}
.mTl {margin-top: 5% !important;}
.mBs {margin-bottom: 1% !important;}
.mBm {margin-bottom: 3% !important;}
.mBl {margin-bottom: 5% !important;}

/* 収録選手 ========================================================= */
#players .contentBox .lead {
  margin: 1.5em 0;
  line-height: 1.5;
}

#players .contentBox {
  max-width: 980px;
  width: 100%;
  margin: 0 auto 3%;
}

#players .contentBox .head {
  position: relative;
  margin-top: 3%;
}

#players .contentBox .head .bgHead {
  width: 100%;
}

#players .contentBox .head.tigers .ttl {
  position: absolute;
  bottom: -56%;
  left: 0;
  width: 100%;
  z-index: 10;
}

#players .contentBox .body {
  background: url(../img/contents/players/flame_body.png) repeat-y center top;
  background-size: contain;
  padding: 0 17.5px 2%;
}

#players .contentBox .body .nav {
  position: relative;
/*
  z-index: 20;
*/
  z-index: 11;
  padding: 2% 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
}

ul.nav li a {
    display: inline-block;
    width: 100%;
    padding: 0.6em 0;
    border-radius: 5px;
    text-align: center;
}
ul.nav li a:hover {
  opacity: 0.8;
}
#players .contentBox .body .nav li {
  display: inline-block;
  margin-right: .5%;
  width: 16.24%;
}

#players .contentBox .body .nav li img {
  width: auto;
  height: 20px;
}
#players .contentBox .body dt {
  border-radius: 5px;
  padding: 1% 1.5%;
  margin-top: 1%;
}
#players .contentBox .body .grad-staff {
  background: rgb(140,140,140);
  background: -moz-linear-gradient(top,  rgba(140,140,140,1) 0%, rgba(116,116,116,1) 48%, rgba(116,116,116,1) 48%, rgba(100,100,100,1) 51%, rgba(116,116,116,1) 75%, rgba(116,116,116,1) 75%, rgba(140,140,140,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(140,140,140,1) 0%,rgba(116,116,116,1) 48%,rgba(116,116,116,1) 48%,rgba(100,100,100,1) 51%,rgba(116,116,116,1) 75%,rgba(116,116,116,1) 75%,rgba(140,140,140,1) 100%);
  background: linear-gradient(to bottom,  rgba(140,140,140,1) 0%,rgba(116,116,116,1) 48%,rgba(116,116,116,1) 48%,rgba(100,100,100,1) 51%,rgba(116,116,116,1) 75%,rgba(116,116,116,1) 75%,rgba(140,140,140,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c8c8c', endColorstr='#8c8c8c',GradientType=0 );
}
#players .contentBox .body .grad-pitcher {
  background: rgb(255,0,0);
  background: -moz-linear-gradient(top,  rgba(255,0,0,1) 0%, rgba(234,0,0,1) 48%, rgba(220,0,0,1) 51%, rgba(234,0,0,1) 75%, rgba(255,0,0,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(255,0,0,1) 0%,rgba(234,0,0,1) 48%,rgba(220,0,0,1) 51%,rgba(234,0,0,1) 75%,rgba(255,0,0,1) 100%);
  background: linear-gradient(to bottom,  rgba(255,0,0,1) 0%,rgba(234,0,0,1) 48%,rgba(220,0,0,1) 51%,rgba(234,0,0,1) 75%,rgba(255,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ff0000',GradientType=0 );
}
#players .contentBox .body .grad-catcher {
  background: rgb(0,100,254);
  background: -moz-linear-gradient(top,  rgba(0,100,254,1) 0%, rgba(0,80,232,1) 48%, rgba(0,71,222,1) 51%, rgba(0,80,232,1) 75%, rgba(0,100,254,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(0,100,254,1) 0%,rgba(0,80,232,1) 48%,rgba(0,71,222,1) 51%,rgba(0,80,232,1) 75%,rgba(0,100,254,1) 100%);
  background: linear-gradient(to bottom,  rgba(0,100,254,1) 0%,rgba(0,80,232,1) 48%,rgba(0,71,222,1) 51%,rgba(0,80,232,1) 75%,rgba(0,100,254,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0064fe', endColorstr='#0064fe',GradientType=0 );
}
#players .contentBox .body .grad-infielder {
  background: rgb(254,179,0);
  background: -moz-linear-gradient(top,  rgba(254,179,0,1) 0%, rgba(225,153,0,1) 48%, rgba(212,142,0,1) 51%, rgba(225,153,0,1) 75%, rgba(254,179,0,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(254,179,0,1) 0%,rgba(225,153,0,1) 48%,rgba(212,142,0,1) 51%,rgba(225,153,0,1) 75%,rgba(254,179,0,1) 100%);
  background: linear-gradient(to bottom,  rgba(254,179,0,1) 0%,rgba(225,153,0,1) 48%,rgba(212,142,0,1) 51%,rgba(225,153,0,1) 75%,rgba(254,179,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feb300', endColorstr='#feb300',GradientType=0 );
}
#players .contentBox .body .grad-outfielder {
  background: rgb(0,177,0);
  background: -moz-linear-gradient(top,  rgba(0,177,0,1) 0%, rgba(0,144,0,1) 48%, rgba(0,130,0,1) 51%, rgba(0,144,0,1) 75%, rgba(0,177,0,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(0,177,0,1) 0%,rgba(0,144,0,1) 48%,rgba(0,130,0,1) 51%,rgba(0,144,0,1) 75%,rgba(0,177,0,1) 100%);
  background: linear-gradient(to bottom,  rgba(0,177,0,1) 0%,rgba(0,144,0,1) 48%,rgba(0,130,0,1) 51%,rgba(0,144,0,1) 75%,rgba(0,177,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b100', endColorstr='#00b100',GradientType=0 );
}

#players #member .body dl dd ul li {
  float: left;
  padding: 5px 2.5px 0;
  width: 130px;
}
#players #member .body p {
  color: #000;
  text-align: center;
}
#players #member .body .playerName {
  padding: .4em .2em 0.1em;
}
#players .contentBox .foot {
  background: url(../img/contents/players/flame_foot.png) no-repeat center top;
  background-size: contain;
  height: 9px;
}
.teamsNav {margin-top: 3%;}
.teamsNav li {
  float: left;
  margin-right: 0.9183673%;;
  width: 7.45%;
}
.teamsNav li img {
  width: 100%;
}
.teamsNav li:nth-child(12) {
  margin-right: 0;
}
.teamsNav li.otherPlayer {
    display: block;
    margin: 0 auto;
    float: none;
    text-align: center;
    padding-top: 7%;
    width: 21.736%;
}
/* SP */
@media screen and (max-width: 750px) {
  #players .contentBox {
    width: 96%;
  }
  #players .contentBox .lead {
      font-size: 22px;
      line-height: 1.6;
  }
  #players .contentBox .body {
      padding: 0 22.5px 2%;
  }
  #players #member .body p {
    font-size: 16px;
  }
  .teamsNav li {
    margin: 2% 2.1% 0 0;
    width: 14.9%;
  }
  .teamsNav li:nth-child(6) {
    margin-right: 0;
  }
  .teamsNav li.otherPlayer {
    padding-top: 27%;
    width: 29.585%;
  }
  #players .contentBox .body .nav {
    width: 86%;
  }
  #players .contentBox .body .nav li {
    display: table-cell;
    margin-right: 1%;
    vertical-align: top;
  }
  #players .contentBox .body .nav li img {
    height: 28px;
  }
  ul.nav li a {
    display: table-cell;
    width: 110px;
    height: 73px;
    vertical-align: middle;
  }
}