@charset "UTF-8";
.basketball-rule-wrap h1 {
  margin: 40px 0 55px;
}
.basketball-rule-wrap h2 {
  margin-top: 35px;
  margin-bottom: 25px;
}
.basketball-rule-wrap h3 {
  margin-top: 40px;
}
.img-middle {
  width: 100%;
  max-width: 480px;
}
.basketball-rule-wrap .tab-container {
  margin-bottom: 45px;
}
.basketball-rule-wrap .js-tab-bottom {
  margin-top: 40px;
}
.section-sidenav .sidenav-item a.sidenav-list-under {
  padding-right: 30px;
  padding-left: 18px;
}
.section-sidenav .sidenav-item.is-active {
  color: #27313c;
}
.section-sidenav .sidenav-list {
  padding-bottom: 5px;
}
.img-radius {
  border-radius: 10px;
}
.img-border {
  border: 1px solid #f2f2f2;
}
.basketball-rule-wrap .circle {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 2px;
  text-align: center;
  position: relative;
  bottom: 2px;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  border-radius: 50%;
  background: #27313c;
}
.panel-ptn1.grid-row {
  margin: -20px -20px 50px;
}
.panel-ptn1.grid-row > [class*=grid-col] {
  padding: 0 20px;
}
.img-rule-01-wrap {
  margin: 0 auto;
}
.img-rule-01-wrap .marker-list.asterisk {
  font-size: 12px;
  margin-top: 5px;
}
@media screen and (max-width: 641px) {
  .img-rule-02 {
    padding: 0 10px;
  }
}
.card-link-text {
  margin: 10px 0;
}
.pc-img {
  display: block;
}
.sp-img {
  display: none;
}
/*------------------------------------------------
SP
------------------------------------------------*/
@media screen and (max-width: 641px) {
  .basketball-rule-wrap h1 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .basketball-rule-wrap h2.section-head {
    margin-top: 35px;
    margin-bottom: 25px;
  }
  .basketball-rule-wrap h3 {
    margin-top: 30px;
  }
  .basketball-rule-wrap .tab-container {
    margin-bottom: 25px;
  }
  .basketball-rule-wrap .js-tab-bottom {
    margin-top: 30px;
  }
  .pc-img {
    display: none;
  }
  .sp-img {
    display: block;
  }
  .basketball-rule-wrap .tab .tab-btn {
    font-size: 12px;
  }
  .panel-ptn1.grid-row {
    margin-right: -10px;
    margin-left: -10px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .panel-ptn1.grid-row > [class*=grid-col] {
    padding: 0 10px;
  }
}
/*------------------------------------------------
調整クラス
------------------------------------------------*/
/*text-align*/
.alL {
  text-align: left !important;
}
.align-center {
  text-align: center !important;
}
.alR {
  text-align: right !important;
}
/* ----- Margin PC ----- */
.mt0 {
  margin-top: 0 !important;
}
.mr0 {
  margin-right: 0 !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.ml0 {
  margin-left: 0 !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.ml35 {
  margin-left: 35px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.mt45 {
  margin-top: 45px !important;
}
.mr45 {
  margin-right: 45px !important;
}
.mb45 {
  margin-bottom: 45px !important;
}
.ml45 {
  margin-left: 45px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mr50 {
  margin-right: 50px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.ml50 {
  margin-left: 50px !important;
}
/* ----- Margin Sp ----- */
@media screen and (max-width: 641px) {
  .sp-mb20 {
    margin-bottom: 20px !important;
  }
  .sp-mt30 {
    margin-top: 30px !important;
  }
}
/* ----- Padding Adjust ----- */
.pt0 {
  padding-top: 0 !important;
}
.pr0 {
  padding-right: 0 !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
.pl0 {
  padding-left: 0 !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pt35 {
  padding-top: 35px !important;
}
.pr35 {
  padding-right: 35px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.pl35 {
  padding-left: 35px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pr40 {
  padding-right: 40px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pl40 {
  padding-left: 40px !important;
}
.pt45 {
  padding-top: 45px !important;
}
.pr45 {
  padding-right: 45px !important;
}
.pb45 {
  padding-bottom: 45px !important;
}
.pl45 {
  padding-left: 45px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.pr50 {
  padding-right: 50px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.pl50 {
  padding-left: 50px !important;
}
/*# sourceMappingURL=map/basketball_rule_new2208.css.map */