@charset "UTF-8";

    .tabs-container {
      width: 100%;
      margin: auto;
    }

    .tabs-header {
      display: flex;
      margin-bottom: 10px;
    }

    .tab-button {
      flex: 1;
      padding: 10px;
      cursor: pointer;
      border: none;
      border-bottom: 2px solid transparent;
      transition: background 0.2s;
    }

    .tab-pane {
      display: none;
      padding: 15px;
    }

    .tab-pane.is-shown {
      display: block;
    }












/******/
@media screen and (max-width: 1023px) {

  #keyplayer .title-large {
      margin-bottom: 70px;
  }

  .mono .team-info-sp{
      display: block;
    }
  .team-info-sp .tabs-header{
    display: flex;
    align-items:  stretch;
    margin-bottom: -1px;
  }
  .team-info-sp .tabs-header button{
    flex: 1 1 auto;
    border-radius: 0 40px 0 0;
    margin-left: 4px;
    padding: 30px;
  }
  .team-info-sp .tabs-header button img{
    width: 100%;
    height: auto;
  }
  .team-info-sp .tabs-header button:nth-child(1){
    margin-left: 0;
  }
  .team-info-sp .team-detail{
    padding-bottom: 100px;
  }
  .team-info-sp .team-detail li.logo{
    padding: 100px 100px 20px;
  }
  .team-info-sp .team-detail .title,
  .team-info-sp .team-detail .title small{
    color: #fff;
    text-align: center;
  }
  .team-info-sp .team-detail .title{
    font-size: 40px;
    margin-bottom: 15px;
    font-weight: 0;
    letter-spacing: 1px;
  }
  .team-info-sp .team-detail .title small{
    font-size: 18px;
    display: block;
    letter-spacing: 2px;
  }
  .team-info-sp .key-p-ph{
    position: relative;
  }
  .team-info-sp .key-p-ph .title-en,
  .team-info-sp .key-p-ph .title{
    position: absolute;
    z-index: 1;
  }
  .team-info-sp .key-p-ph .title{
    top: -2px;
    left: -1px;
  }
  .team-info-sp .key-p-ph .title-en{
    bottom: -11px;
    right: -1px;
  }
  .team-info-sp .tab-pane .tx{
    padding: 30px 24px;
    color: #fff;
  }
  .team-info-sp .key-p-ph:before,
  .team-info-sp .key-p-ph:after{
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
  }
  /*選手番号*/
  .team-info-sp .key-p-ph:after{
    bottom: 20px;
    right: 0px;
  }
  .team-info-sp .key-p-ph:after{
    width: 200px;
    height: 200px;
    background: url(../img/cup/pno-01.png)no-repeat;
    background-position: right center;
    background-size: contain;
  }
  .team-info-sp .bg-ac .key-p-ph:after{
    background: url(../img/cup/pno-02.png)no-repeat;
    background-position: right center;
    background-size: contain;
  }
  .team-info-sp .bg-lio .key-p-ph:after{
    background: url(../img/cup/pno-03.png)no-repeat;
    background-position: right center;
    background-size: contain;
  }
  .team-info-sp .bg-db .key-p-ph:after{
    background: url(../img/cup/pno-04.png)no-repeat;
    background-position: right center;
    background-size: contain;
  }
  /*選手名*/
  .team-info-sp .key-p-ph:before{
    width: 180px;
    height: 40px;
    background: url(../img/cup/pname-01-w.png)no-repeat;
    background-position: left center;
    background-size: contain;
  }
  .team-info-sp .bg-ac .key-p-ph:before{
    background: url(../img/cup/pname-02-w.png)no-repeat;
    background-position: left center;
    background-size: contain;
  }
  .team-info-sp .bg-lio .key-p-ph:before{
    background: url(../img/cup/pname-03-w.png)no-repeat;
    background-position: left center;
    background-size: contain;
  }
  .team-info-sp .bg-db .key-p-ph:before{
    background: url(../img/cup/pname-04-w.png)no-repeat;
    background-position: left center;
    background-size: contain;
  }
  .team-info-sp .bg-lv .key-p-ph:before{
    top: 30%;
    left: 13%;
  }
  .team-info-sp .bg-ac .key-p-ph:before{
    top: 40%;
    left: 26%;
  }
  .team-info-sp .bg-lio .key-p-ph:before{
    top: 35%;
    left: 23%;
  }
  .team-info-sp .bg-db .key-p-ph:before{
    top: 42%;
    right: 15%;
  }

}

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


  .team-info-sp .team-detail li.logo {
          padding: 50px 100px 20px;
      }
  .team-info-sp .team-detail {
          padding-bottom: 50px;
      }
  .team-info-sp .bt-team img{
    max-height: 40px;
    width: auto;
  }
  .team-info-sp .team-detail .title {
        font-size: 30px;
      }
  .team-info-sp .team-detail .title small{
        font-size: 16px;
      }
  .team-info-sp .key-p-ph .title img{
    height: 100%;
    max-height: 40px;
    width: auto;
  }
  .team-info-sp .key-p-ph:before {
        width: 140px;
        height: 25px;
    }
  .team-info-sp .key-p-ph:after {
        width: 140px;
        height: 110px;
      }
  .team-info-sp .tabs-header button{
    padding: 20px;
  }
  .team-info-sp .bg-ac .key-p-ph:before {
        top: 40%;
        left: 23%;
    }
  .team-info-sp .bg-db .key-p-ph:before {
        top: 42%;
        right: 3%;
    }
  .team-info-sp .tab-pane .tx {
        padding: 30px 24px;
        color: #fff;
        font-size: 12px;
    }
  #keyplayer .title-large {
      margin-bottom: 40px;
  }

  .team-info-sp .tabs-header button{
    border-radius: 0 20px 0 0;
  }

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


















}