/*-----------------------------------------------------------*/
  /*PC用ページ用設定*/
  /*-----------------------------------------------------------*/
  /*共通項目------------------------------------*/
  img {
      display: block;
      width: 100%;
      height: auto;
  }

  /*-----------------------------------------------------------*/
  /*基本*/
  /*-----------------------------------------------------------*/
  #players {
      background: #000;
  }

  #players * {
      box-sizing: border-box;
  }

  /*-----------------------------------------------------------*/
  /*ヘッダーロゴ*/
  /*-----------------------------------------------------------*/
  .header {
      max-width: 1240px;
      min-width: auto;
      background: #000;
      margin: 0 auto;
      padding: 0;
      border-bottom: none;
  }

  /*リンクをインラインに変更*/
  .header a {
      display: inline;
  }

  /*画像*/
  .header img {
      max-width: 20.65%;
      margin: 8px 4px;
  }

  /*-----------------------------------------------------------*/
  /*詳細ページレイアウト*/
  /*-----------------------------------------------------------*/
  .detail {
      width: 100%;
  }

  /*-----------------------------------------------------------*/
  /* 選手メインビジュアル */
  /*-----------------------------------------------------------*/
  /*グラデーションエリア*/
  .inner {
      position: relative;
      width: 100%;
      overflow: hidden;
      clip-path: inset(0 100% 0 0);

  }

  /*-----------------------------------------------------------*/
  /*メインビジュアルエリア*/
  /*-----------------------------------------------------------*/
  /*レイアウト*/
  .overlay-area {
      position: relative;
      width: 100%;
      max-width: 1240px;
      margin: 0 auto;
  }

  /*メインビジュアル背景画像*/
  /* 背景画像でoverlay-areaの高さを確保 */
  .bg {
      position: relative;
      display: block;
      width: 100%;
  }

  /*-----------------------------------------------------------*/
  /* ◎選手写真レイアウト */
  /*-----------------------------------------------------------*/
  /*写真レイアウト*/
  .photo-area {
      position: absolute;
      top: 0;
      right: 0;
      width: 52.9%;
  }

  /*選手写真*/
  .player-photo {
      position: relative;
      display: block;
      width: 100%;
      z-index: 1;
  }

  /*斜めロゴ（装飾）*/
  .player-logo {
      position: absolute;
      top: 0;
      left: 0;
      width: 53.7%;
  }

  /*-----------------------------------------------------------*/
  /* ◎選手情報レイアウト */
  /*-----------------------------------------------------------*/
  /*テキスト情報レイアウト*/
  .profile-area {
      position: absolute;
      width: 53.06%;
      top: 3.125%;
      left: 7.26%;
      text-align: right;
  }

  /*-----------------------------------------------------------*/
  /* 順位画像 */
  /* この画像自体がprofile-area上部の高さを持つ */
  .rank {
      position: relative;
      display: block;
      width: 93%;
      margin: 0 0 0 auto;
  }

  /*-----------------------------------------------------------*/
  /* 名前・キャッチ・インタビュー・使用ベイ */
  /*-----------------------------------------------------------*/
  /*レイアウト基準*/
  .profile-detail {
      position: relative;
      width: 86.93%;
  }

  /* nameを基準画像にする */
  .name {
      position: relative;
      display: block;
  }

  /* nameと同じ画像サイズ */
  .catch,
  .interview {
      position: absolute;
      top: 0;
      left: 0;
  }

  /* beyだけ別サイズ */
  .bey {
      position: absolute;
      width: 51.92%;
      top: 2%;
      right: -22.2%;
      z-index: 2;
  }

  /*-----------------------------------------------------------*/
  /* ◎予選の様子 レイアウト*/
  /*-----------------------------------------------------------*/
  dl.primary {
      display: flex;
      flex-flow: nowrap row;
      justify-content: space-between;
      max-width: 1240px;
      margin: 0 auto 70px;
      padding-top: 60px;
  }

  .bg-primary {
      background: var(--bg-primary) no-repeat top center / 100% auto;
  }

  /*-----------------------------------------------------------*/
  /* 予選写真 */
  /*-----------------------------------------------------------*/
  /*レイアウト*/
  dl.primary dt.ph {
      width: 31.13%;
      margin: 0 auto;
  }

  /*-----------------------------------------------------------*/
  /* 予選写真タイトル */
  dl.primary dt.ph .phTtl {
      width: 100%;
      margin: 0 auto 12px;
  }

  /* 予選写真 */
  dl.primary dt.ph .photo img {
      width: 100%;
      margin: 0 auto 12px;
  }

  /*最後の要素の下マージンを削除*/
  dl.primary dt.ph .photo img:last-child {
      margin: 0 auto 0;
  }

  /*-----------------------------------------------------------*/
  /* スコア */
  /*-----------------------------------------------------------*/
  /*レイアウト*/
  dl.primary dd.result {
      width: 61.29%;
      margin: 0 auto;
  }

  /*-----------------------------------------------------------*/
  /* スコアタイトル */
  dl.primary dd.result .resultTtl {
      width: 100%;
      margin: 0 auto 12px;
  }

  /*-----------------------------------------------------------*/
  /* スコア */
  dl.primary dd.result .resultScore :nth-of-type(1) {
      margin: 0 auto 32px;
  }

  dl.primary dd.result {
      margin: 0 auto 0;
  }

  /*-----------------------------------------------------------*/
  /*選手紹介ページに戻る*/
  /*-----------------------------------------------------------*/
  .dbackLink {
      display: block;
      max-width: 300px;
      margin: 24px auto 0;
      color: #FFF;
      border: 1px solid #FFF;
      padding: 16px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif;
      text-align: center;
      text-decoration: none;
      overflow: hidden;
      clip-path: inset(0 100% 0 0);
  }

  .dbackLink:hover {
      opacity: 0.6;
  }

  /*-----------------------------------------------------------*/
  /* 著作権表示*/
  /*-----------------------------------------------------------*/
  .dfoot {
      display: block;
      font-style: normal;
      color: #FFF;
      text-align: center;
      margin: 2% 0;
  }

  /*-----------------------------------------------------------*/
  /*SPページ用設定*/
  /*-----------------------------------------------------------*/
  @media screen and (max-width: 667px) {
      /*-----------------------------------------------------------*/
      /*ヘッダーロゴ*/
      /*-----------------------------------------------------------*/

      /*画像*/
      .header img {
          max-width: 40%;
          margin: 8px 4px;
      }

      /*-----------------------------------------------------------*/
      /*メインビジュアルエリア*/
      /*-----------------------------------------------------------*/
      /*レイアウト*/
      .overlay-area {
          /*背景画像はHTML側にstyleで記入*/
          background: var(--bg-sp) no-repeat top center / 100% auto;
          padding-bottom: 24px;
      }

      /*メインビジュアル背景画像*/
      /* 背景画像でoverlay-areaの高さを確保 */
      .bg {
          display: none;
      }

      /*-----------------------------------------------------------*/
      /* ◎選手写真レイアウト */
      /*-----------------------------------------------------------*/
      /*写真レイアウト*/
      .photo-area {
          position: relative;
          top: 0;
          right: 0;
          width: 100%;
      }

      /*選手写真*/
      .player-photo {
          position: relative;
          display: block;
          width: 100%;
          z-index: 1;
      }

      /*斜めロゴ（装飾）*/
      .player-logo {
          position: absolute;
          top: 0;
          left: 0;
          width: 27.6%;
      }

      /*-----------------------------------------------------------*/
      /* ◎選手情報レイアウト */
      /*-----------------------------------------------------------*/
      /*テキスト情報レイアウト*/
      .profile-area {
          position: relative;
          width: 100%;
          top: 0%;
          left: 0%;
          text-align: right;
      }

      /*-----------------------------------------------------------*/
      /* 順位画像 */
      /* この画像自体がprofile-area上部の高さを持つ */
      .rank {
          position: relative;
          display: block;
          width: 100%;
          margin: 0 0 0 auto;
      }

      /*-----------------------------------------------------------*/
      /* 名前・キャッチ・インタビュー・使用ベイ */
      /*-----------------------------------------------------------*/
      /*レイアウト基準*/
      .profile-detail {
          position: relative;
          width: 100%;
      }

      /* nameを基準画像にする */
      .name {
          position: relative;
          display: block;
      }

      /* nameと同じ画像サイズ */
      .catch,
      .interview {
          position: relative;
          top: 0;
          left: 0;
      }

      /* beyだけ別サイズ */
      .bey {
          position: absolute;
          width: 40.8%;
          top: -1%;
          right: -2%;
          z-index: 2;
      }

      /*-----------------------------------------------------------*/
      /* ◎予選の様子 レイアウト*/
      /*-----------------------------------------------------------*/
      dl.primary {
          display: flex;
          flex-flow: wrap;
          justify-content: space-between;
          max-width: 1240px;
          margin: 0 auto 44px;
          padding-top: 32px;
      }

      /*-----------------------------------------------------------*/
      /* ◎予選の様子 レイアウト*/
      /*-----------------------------------------------------------*/
      .bg-primary {
          background: var(--bg-primary) no-repeat top center/150% auto;
      }

      /*-----------------------------------------------------------*/
      /* 予選写真 */
      /*-----------------------------------------------------------*/
      /*レイアウト*/
      dl.primary dt.ph {
          width: 100%;
          margin: 0 auto 32px;
      }

      /*-----------------------------------------------------------*/
      /* 予選写真タイトル */
      dl.primary dt.ph .phTtl {
          width: 100%;
          margin: 0 auto 12px;
      }

      /* 予選写真 */
      dl.primary dt.ph .photo img {
          width: 70%;
          margin: 0 auto 12px;
      }

      /*最後の要素の下マージンを削除*/
      dl.primary dt.ph .photo img:last-child {
          margin: 0 auto 0;
      }

      /*-----------------------------------------------------------*/
      /* スコア */
      /*-----------------------------------------------------------*/
      /*レイアウト*/
      dl.primary dd.result {
          width: 100%;
          margin: 0 auto;
      }

      /*-----------------------------------------------------------*/
      /* スコアタイトル */
      dl.primary dd.result .resultTtl {
          width: 100%;
          margin: 0 auto 12px;
      }

      /*-----------------------------------------------------------*/
      /* スコア */
      dl.primary dd.result .resultScore :nth-of-type(1) {
          margin: 0 auto 16px;
      }

      dl.primary dd.result {
          margin: 0 auto 0;
      }

      /*end */

  }

  /*-----------------------------------------------------------*/
  /*グラデーションカラー設定*/
  /*-----------------------------------------------------------*/
  /*ハルナ おっぷ*/
  .Xn5J .inner,.a7K2 .inner {
      background: linear-gradient(to right,
              #001027 0%,
              #0b2948 30%,
              #20517f 65%,
              #4a8ac6 100%);
  }

  /*ヒイラギ ナギ*/
  .kR1q .inner,.Q4bN .inner {
      background: linear-gradient(to right,
              #070304 0%,
              #410a0c 30%,
              #a21518 65%,
              #e91e21 100%);
  }

    /*HARUTO SUI*/
  .q9XR .inner,.bg8VzL .inner {
      background: linear-gradient(to right,
            #060614 0%,
            #321638 30%,
            #7c3073 65%,
            #b2439e 100%);
  }

  /*ムツキ アヌピス*/
    .F7bT .inner,.mP9x .inner {
    background: linear-gradient(to right,
            #1b0d00 0%,
            #4c3204 30%,
            #9e6e0c 65%,
            #db9b11 100%);
}

    /*トキョモ バリヤ*/
    .d3Hw .inner,.k7R2 .inner {
    background: linear-gradient(to right,
            #202020 0%,
            #444444 30%,
            #959595 65%,
            #d3d3d3 100%);
}

  /*サエ*/
    .K7mQ .inner,.korv .inner {
    background: linear-gradient(to right,
            #050906 0%,
            #2d2312 30%,
            #704d24 65%,
            #a26c32 100%);
}
/*たゆたゆ ゆきや*/
    .x2Ra .inner,.N4x9 .inner {
    background: linear-gradient(to right,
            #020608 0%,
            #121517 30%,
            #2d2e2f 65%,
            #414141 100%);
}
  /*TA*/
    .rT6c .inner,.ms5p .inner {
    background: linear-gradient(to right,
            #020e0c 0%,
            #12331f 30%,
            #2e7241 65%,
            #489d51 100%);
}