/* 全体コンテナ */
.detailDescription .score_container {
    border: 1px solid #DDD;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 10px;
}

/* チーム・スコア・中央 */
.detailDescription .score_box {
    text-align: center;
    align-self: center;
    width: 20%;
}

/* 名前 */
.detailDescription .score_box .name {
    font-weight: normal;
    font-size: 1.0rem;
}

/* 所属 */
.detailDescription .score_box .belong {
    font-size: 0.7rem;
}

/* 名前 */
.detailDescription .score_box.team .name {
    font-weight: bold;
 }

/* 勝敗内容 */
.detailDescription .score_box.team .outcometotal {}

/* 備考 */
.detailDescription .score_box.team .note {}

/* スコア・勝負 */
.detailDescription .score_box.score {
    display: flex;
    justify-content: center;
}

/* スコア */
.detailDescription .score_box.score .score {
    width: 50%;
    font-size: 1.2rem;
    font-weight: bold;
    color: red;
    text-align: center;
    align-self: center;
}

/* 勝負 */
.detailDescription .score_box.score .winlose {
    width: 50%;
    text-align: center;
    align-self: center;
}

/* プレイヤー用 */
.detailDescription .group_container {
    margin-bottom: 10px;
}

/* プレイヤーdiv間のmarginを削除 */
.detailDescription .group_container .score_container {
    margin-bottom: 0;
}

/* プレイヤーが複数の場合２個め以降、上の線を削除 */
.detailDescription .group_container .score_container~.score_container {
    border-top: none;
}

/* イニングコンテナ */
.detailDescription .inn_container {
    border: 1px solid #DDD;
    display: flex;
    margin-bottom: 10px;
    background: #333;
    color: #FFFFFF;
}

/* イニング枠線 */
.detailDescription .inn_container .inn_name div ~ div,
.detailDescription .inn_container .inn_score div ~ div,
.detailDescription .inn_container .inn_total_score div ~ div {
    border-top: 1px solid #DDD;
}

/* 名前・スコア */
.detailDescription .inn_container .inn_name div ,
.detailDescription .inn_container .inn_score div ,
.detailDescription .inn_container .inn_total_score div {
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center; 
}

/* チーム名 */
.detailDescription .inn_container .inn_name {
    width: 30%;
    color: #FFB71A;
    font-weight: bold;
}

/* スコア */
.detailDescription .inn_container .inn_scort_container {
    width: 60%;
    display: flex;
}

/* 回スコア */
.detailDescription .inn_container .inn_score {
    width: 100%;
    border-left: 1px solid #ddd;
}

/* 総スコア */
.detailDescription .inn_container .inn_total_score {
    width: 10%;
    border-left: 1px solid #ddd;
}

/* 回、総スコア */
.detailDescription .inn_container .inn_score div:first-child,
.detailDescription .inn_container .inn_total_score div:first-child {
    color: #FFB71A;
    font-weight: bold;
}

/* 情報テーブル */
.detailDescription .kakunin_div {
    text-align: center;
    align-self: center;
    display: flex;
    justify-content: space-around;
    border: 1px solid #DDD;
}

/* 情報テーブル */
.detailDescription .kakunin_left {
    border-right: 1px solid #DDD;
    width: 30%
}

/* 情報テーブル */
.detailDescription .kakunin_right {
    width: 70%
}

/* 情報テーブル２個目以降のボーダー削除 */
.detailDescription .kakunin_div ~ .kakunin_div {
    border-top: none;
}

/* 情報テーブル、偶数背景色変更*/
.detailDescription .kakunin_div:nth-child(even) {
    background: #F7F7F7;
} 

/* テクニカル */
.detailDescription .technical {
  border: 1px solid #DDD;
  border-top: none;
  display: flex;
  justify-content: space-around;
  margin-top: -10px;
  margin-bottom: 10px;
}

/* テクニカル、チーム名 */
.detailDescription .technical .name {
  text-align: center;
  align-self: center;
  width: 25%;
}

/* テクニカル、中央スコア */
.detailDescription .technical .score_technical {
  border-right: 1px solid #DDD;
  border-left: 1px solid #DDD;
  width: 50%;
}

/* テクニカル、中央詳細スコア */
.detailDescription .score_technical .score {
  text-align: center;
  align-self: center;
  display: flex;
  justify-content: space-around;
}

/* テクニカル、中央詳細スコア偶数背景色変更 */
.detailDescription .score_technical .score:nth-child(even) {
  background: #F7F7F7;
}

/* テクニカル、中央詳細スコア２個目以降ボーダー削除 */
.detailDescription .score_technical .score ~ .score {
  border-top: 1px solid #DDD;
} 

/* テクニカル、中央詳細スコア */
.detailDescription .score_technical .score div {
  width: 35%;
  padding: 4px;
  align-self: center;
} 

/* テクニカル、中央詳細スコア */
.detailDescription .score_technical .score div:nth-child(2) {
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
}