@charset "utf-8";

/* #titleArea タイトル背景画像
+=========================================================+*/
#titleArea {
  background: url(../images/pic_title.jpg?Ver02) center center no-repeat;
  background-size:cover;
}

/* .btn-bucchake　選手ぶっちゃけ話ボタン位置
+=========================================================+*/
.btn-bucchake {
  position:absolute;
  top:-15px;
  right:15px;
}
@media screen and (max-width: 553px) {
  .btn-bucchake {
    position:static;
    text-align:right;
  }
}

a.btn-sensyu {
  display:block;
  width:100%;
  padding:10px 5px;
  text-align:center;
  text-decoration:none;
  border-radius:2px;
  background: -webkit-linear-gradient(top, #cccccc 0%,#b8b8b8 100%);
  background: linear-gradient(to bottom, #cccccc 0%,#b8b8b8 100%);
  color:#000;
  font-weight:bold;
}

.clearfix > .playerBox {
  float: left;
  width: 18.4%;
  min-height: 300px;
  margin: 0 2% 20px 0;
  background: #e6e4d2;
  border: 1px solid #dedccc;
  text-align: center;
}

.clearfix > .playerBox:nth-child(5n) {
  margin-right:0;
}
.clearfix > .playerBox:nth-child(5n+1) {
  clear:left;
}
.clearfix > .playerBox .photo {
  padding: 5px;
}
.clearfix > .playerBox .photo img{
  margin-right:auto;
  margin-left:auto;
}

.playerBox .data {
  line-height: 1.3;
}
.playerBox .data p.blog {
  margin-bottom:0;
}
.playerBox .data p.racername {
  font-size:1.4em;
}
.playerBox .data a.btn-arrow{
  padding: 8px 20px 8px 5px;
}

@media screen and (max-width: 768px) {
  .clearfix > .playerBox {
    width:32%;
  }
  .clearfix > .playerBox:nth-child(5n) {
    margin-right:2%;
  }
  .clearfix > .playerBox:nth-child(5n+1) {
    clear:none;
  }
  .clearfix > .playerBox:nth-child(3n) {
    margin-right:0;
  }
  .clearfix > .playerBox:nth-child(3n+1) {
    clear:left;
  }
}
@media screen and (max-width: 553px) {
  .clearfix > .playerBox {
    width:49%;
  }
  .clearfix > .playerBox:nth-child(3n) {
    margin-right:2%;
  }
  .clearfix > .playerBox:nth-child(3n+1) {
    clear:none;
  }
  .clearfix > .playerBox:nth-child(2n) {
    margin-right:0;
  }
  .clearfix > .playerBox:nth-child(2n+1) {
    clear:left;
  }
}