@charset "UTF-8";

#page_roster_players_detail .layout-content{
      background: #181b39;
}

#players-single{
      margin: auto;
      margin: 0 60px;
      padding: 90px 0;
      background: #181b39;
      margin-top: -1px;
}

#players-single .center{
      text-align: center;
}

#players-single .center > *{
      text-align: center;
}

#players-single .block{
      display: block;
}

#players-single img{
      max-width: 100%;
}

#players-single .mov-section h2{
      font-size: 2em;
}

#players-single .mov-section{
      display: flex;
      justify-content: space-between;
      margin: auto;
      margin-bottom: 5em;
      width: 90%;
      position: relative;
      margin-bottom: 10%;
}

#players-single .mov-section h2{
      width: 50%;
      font-size: 4.5vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
}

#players-single .mov-section h2 span{
      display: block;
}

#players-single .mov-section .move-warp{
      width: 50%;
      /*height: 50vh;*/
}

#players-single  h2 span.number {
    display: block;
    font-size: 20vw;
    position: absolute;
    top: -150px;
    left: 10%;
    color:#B43D9D;
    z-index: -1;
}

#players-single  h2{
    position: relative;
    z-index: 100;
}

#players-single  .photo-section{
      padding: 0 5%;
}

#players-single .photo-section h2,
.stats-title{
      font-size: 3.2vw;
      color: #fff;
      transform: skew(-11deg,0);
      display: table;
      border-bottom: 1px solid #B43D9D;
      margin: auto;
}

#players-single .photo-gallery{
      display: flex;
      flex-wrap: wrap;
      justify-content: left;
      margin: 2.5em 0em 3em;
      padding: 0 4.5em;
}

#players-single .photo-gallery li{
      width: 15.8%;
      margin: 0.25em;
}

#players-single .photo-gallery li img{
      width: 100%;
      height: 12.1vw;
      vertical-align: bottom;
      object-fit: cover;
}

#players-single .goods-gallery{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
}

#players-single .goods-gallery li{
      /*width: 25%;
      margin: 1.5em;*/
      text-align: center;
      font-size: 1em;
}

#players-single .goods-gallery li p{
      margin-top: 1em;
      text-align: left;
      font-feature-settings: "palt";
      color: #fff;
}

#players-single .goods-gallery li p span{
      font-weight: bold;
      font-size: 1.25em;
}

#players-single .goods-gallery li img{
      width: 99%;
      height: auto;
      vertical-align: bottom;
      border: 1px solid #cccccc;
}

#players-single div.goods-section h2,
.stats-title{
      margin: 2em auto 0.5em;
      text-align: center;
      display: table;
      border-bottom: 1px solid #B43D9D;
}

.goods-gallery li > p > span{
      display: block;
}

#players-single .goods-gallery li p span{
    font-family: "abolition",sans-serif;
    letter-spacing: .06em;
    font-size: 1.75vw;
}

#players-single .goods-gallery li p span:after{
      content: '（税込み）';
      font-weight: 500;
      font-size: 0.4em;
          letter-spacing: 0em;
}



.lightcase-icon-close:before {
    content: '×' !important;
}

#lightcase-overlay{
      background: #333333f7 !important;
}

#players-single .tiket-btn {
    /*width: 35%;
    height: 3.25em;*/
    /*border: 1px solid #4c4c4c;*/
    /*font-size: 1vw;*/
    text-align: center;
    /*line-height: 3.25em;*/
    margin: auto;
    margin-bottom: 3em;
    /*border-radius: 3.25em;*/
    /*background: #181b39;*/
}

.tiket-btn a{
      /*display: block;*/
      color:#fff;
}

/*追記色変更*/
/*新規追加*/
.ffb-player-article{
      background: #181b39;
}
.ffb-player-article .player-info,
.ffb-player-article .player-profile,
.ffb-player-article .tbl-profile
{
      background: #181b39;
}

.ffb-player-article .tbl-profile{
      color: #fff;
}

.ffb-player-article .tbl-profile td{
      background: #fff;
      color: #181b39;
      border-bottom: 1px solid #181b39;
}

.ffb-player-article .player-profile .detail .number{
      color: #B43D9D;
      font-family: "abolition",sans-serif;
      font-size: 175px;
      position: relative;
    top: -22px;
}

.ffb-player-article .player-profile .detail{
      padding-left: 250px;
}

.ffb-player-article .player-profile{
      padding: 30px 60px; 
}

.ffb-player-article .player-profile .detail .position{
    font-size: 28px;
    font-family: "abolition",sans-serif;
    color: #B43D9D;  
}

.ffb-player-article .player-profile .detail .position:before {
    content: "position -";
    color: #fff;
    font-size: 0.8em;
}

/*選手アーカイブアイコン*/
#page_roster_players .detail-wrap:after {
      content: "▶ PLAYER information";
    font-size: 18px;
    font-family: "abolition",sans-serif;
    letter-spacing: .1em;
    display: block;
    border-radius: 1em;
    border: 1px solid;
    padding: 0 1em;
    width: 45%;
    text-align: center;
    margin: 0.5em auto 0;
  }

#page_roster_players .players-list .detail-wrap .detail .position{
      font-size: 1.4vw;
      font-family: "abolition",sans-serif;
      color: #b43d9d;
      margin: 0 0 10px; 
}

#page_roster_players .players-list .detail-wrap .detail .position:before {
    content: "position -";
    color: #595959;
      font-size: 0.8em;
}

.ffb-player-article .player-profile .image{
      bottom: 10px;
}

  @media screen and (max-width: 1300px){
#page_roster_players .detail-wrap:after {
    width: auto;
  }
}


@media screen and (max-width: 767px){

      #players-single{
            margin: auto;
      padding: 0.5em 0;
      }


      #players-single .mov-section{
            display: block;
            margin: auto;
            margin-bottom: 4em;
      }


      #players-single .mov-section h2{
            width: auto;
            display: block;
            font-size: 8vw;
            margin: 0.5em 0 0.5em;
            text-align: center;
            /*line-height: 1.25em;*/
      }

      #players-single .mov-section .move-warp{
            width: 100%;
            /*height: 30vh;*/
      }

      #players-single h2 span.number{
            top: -55px;
            left: 0;
            font-size: 31vw;
      }

      #players-single .photo-section h2{
            font-size: 8vw;
            text-align: center;
            margin: auto;
      }

      #players-single .photo-gallery{
            margin: 2em 0em;
            padding: 0;
      }

      #players-single .photo-gallery li{
            width: 31%;
            /*margin-bottom: 0.5em;*/
      }


#players-single div.goods-section h2,
.stats-title{
            margin: 0 auto;
            font-size: 9vw;
      }

.stats-title{
      margin-bottom: 0.5em;
}

#players-single .goods-gallery li{
      width: 85%;
      margin: 0;
      font-size: 3.2vw;
      }

#players-single .goods-gallery{
      margin-top: 2em;
}

#players-single .goods-gallery li p{
      padding: 0 1.5em;
}

#players-single .photo-gallery li img{
      height: 28vw;
      object-fit: cover;
}

#players-single .goods-gallery li p span{
    font-size: 7vw;
}

#players-single .tiket-btn{
      width: 90%;
}

.ffb-player-article .layout-main-inner,
.layout-main-inner{
      background: none;
}
.ffb-player-article .tbl-profile{
      margin-bottom: 2em; 
}
/*position表記*/
#page_roster_players_detail .player-profile .detail{
      padding-left: 95px;
}

#page_roster_players_detail .player-profile .detail .position{
      font-size: 4.25vw
}

#page_roster_players_detail .player-profile{
      padding: 10px
}

#page_roster_players_detail .ffb-player-article .player-profile .detail .number{
    font-size: 22vw;
    position: relative;
    top: -6px;
    padding-right: 15px;
}

/*選手アーカイブアイコン*/
#page_roster_players .detail-wrap:after {
    font-size: 3vw;
    margin-top: 0.5em;
    width: auto;
}

#page_roster_players .players-list .detail-wrap .detail .position{
   font-size: 4vw;   
}

}