.top-ad-banner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.top-ad-banner-item {
  margin: 10px;
}

#toplogo {
  width: 280px;
  height: auto;
}

.toplogo-sub {
  width: 6rem;
  height: auto;
}


.standings-width {
  width: 9%;
}

.wl-width {
  width: 10.5%;
}

.leaders-width {
  width: 7%;
  padding: 0;
}

.box-width1 {
  width: 6%;
}

.breadcrumb{
  background-color: #898EA4;
  color: #212121;
  font-size: small;
  padding: 0.5rem;
  grid-column: 1 / -1;

  display: grid;
  grid-template-columns: 1fr min(60rem, 90%) 1fr;

}

.breadcrumb-item {
  grid-column: 2;
}

/* 空のセルに斜線を引く 透明ー黒黒ー透明 */
.empty {
  background-image: linear-gradient(to right top, transparent calc(50% - 0.5px), #898EA4 50%, #898EA4 calc(50% + 0.5px), transparent calc(50% + 1px))
}

span.snslogo {
  width: 16px;
  height: 16px;
}

.snsshare {
  width: 100%;
  text-align: right;
  height: 1rem;
}
#x_logo {
  height: 16px;
  width: 15.656px;
}


.schedules {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 1rem 0;
  width: 100%;
  border-bottom: #898EA4 solid 1px;
}

.boxscore {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 1rem 0 0 0;
  width: 100%;
}



#item1 {order: 2;}
#item2 {order: 1;}
#item3 {order: 3;}
#item4 {order: 4;}

.sr-detail {
  margin: 0 auto;
  text-align: center;
}

@media (min-width: 720px) {
    .sr-left {
        display: flex;
        align-items: center;
        width: 40%;
    }
    .sr-teama {
        text-align: center;
        font-size: 1.5rem;
        font-weight: bold;
        width: 80%;
    }
    .sr-scorea {
        text-align: center;
        font-size: 2.5rem;
        width: 20%;
    }
    .sr-right {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        width: 40%;
    }
    .sr-scoreb {
      text-align: center;
      font-size: 2.5rem;
      width: 20%;
    }
    .sr-teamb {
      font-size: 1.5rem;
      font-weight: bold;
      text-align: center;
      width: 80%;
    }
    .sr-center {
      text-align: center;
      align-items: center;
      width: 15%;
    }
    
    
    #forsp {display: none;}
}

@media (max-width: 720px) {
  .sr-left {
    display: flex;
    flex-flow: column;
    align-items: center;
    width: 35%;
  }
  .sr-teama {
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
  }
  .sr-scorea {
    text-align: center;
    font-size: 1.5rem;
  }
  .sr-right {
    display: flex;
    flex-flow: column-reverse;
    align-items: center;
    width: 35%;
  }
  .sr-scoreb {
    text-align: center;
    font-size: 1.5rem;
    width: 20%;
  }
  .sr-teamb {
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
  }
  .sr-center {
    text-align: center;
    align-items: center;
    width: 30%;
  }
  
  
  #forpc {display: none;}
}



.sr-boxscore {
  margin: 10px 10px 10px 10px;
}

.sr-qs {
  display: flex;
  margin: 1rem 0;
}

.sr-qs-l {
  display: flex;
  flex-flow: column;
  width: 30%;
}
.sr-qs-c {
  display: flex;
  flex-flow: column;
  width: 40%;
}
.sr-qs-r {
  display: flex;
  flex-flow: column;
  width: 30%;
}

.sr-date {
  text-align: center;
  margin: 0;
}

.sr-gameweek > p {
  letter-spacing: 0.2rem;
  margin: 0;
}
.sr-gameweek {
  margin: 0 -0.2rem 0 0;
}



th, td {
  white-space: nowrap;
}

.sr-hr {
  border: 1px;
  border-color: #898EA4;
  width: 80%;
}

.bs-final {
  text-align: center;
  margin: 0 auto 1rem auto;
}

.sr-ref {
  margin: 0 auto;
  font-size: small;
}
.sr-ref > span {
  margin: 0 0.5rem;
  font-size: small;
}


#footer-aba-logo {
  min-width: 200px;
}



.leaders-table tr:nth-child(2n) {
  background-color: #EFEFEF;
}

.boxscore-table tr:nth-child(2n-1) {
  background-color: #EFEFEF;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {

  .leaders-table tr:nth-child(2n) {
    background-color: #232323;
  }
  
  .boxscore-table tr:nth-child(2n-1) {
    background-color: #232323;
  }

}

#leaders-selected {
  font-weight: bold;
}

.sns-boxscore {
  text-align: center;
  margin: 20px;
}

.sns-boxscore-logo {
  text-align: center;
  margin: 0 0 20px 0;
}

.sns_logo {
  width: auto;
  height: 40px;
  margin: 0 16px;
}

.glossary {
  text-align: right;
  background-image: url(https://forty-five.jp/ABL/images/icon_popup_256.png) no-repeat;
}

.club-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.club-team {
  width: 280px;
  margin: 1rem 0;
  padding-bottom: 1rem;
  text-align: center;

}

.club-btn {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.club-btn-item {
  width: 80%;
  height: 2rem;
  margin: 0.5rem auto;
  padding: 0.25rem 0;
  border-radius: 1rem;
  border: #898EA4 solid 1px;
  list-style: none;
}

#club-1 {
  border-top: #8e1cc3 solid 4px;
  border-bottom: #8E1CC3 solid 1px;
}

#club-2 {
  border-top: #1609fe solid 4px;
  border-bottom: #1609fe solid 1px;
}

#club-3 {
  border-top: #000000 solid 4px;
  border-bottom: #000000 solid 1px;
}

#club-4 {
  border-top: #ff66f7 solid 4px;
  border-bottom: #ff66f7 solid 1px;
}

#club-5 {
  border-top: #b7392f solid 4px;
  border-bottom: #b7392f solid 1px;
}

#club-6 {
  border-top: #fbff00 solid 4px;
  border-bottom: #fbff00 solid 1px;
}

.map {
  margin: 0 auto;
}

#desc {
  box-shadow: 0 -3px 0 0 #D83030 inset;  
}

.arrow-desc {
  background: #D83030;
  height: calc(tan(60deg) * 8px / 2);
  width: 8px;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  margin: 0 auto -7px auto;  
}

.leaders-a {
  width: 100%;
  height: 100%;
  display: block;
  padding: 0.5rem 0.1rem;
}