@charset "UTF-8";
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}

/*　////////////////////////////////
ブレイクポイント
//////////////////////////////////　*/
/*　////////////////////////////////
ベースフォント
//////////////////////////////////　*/
/*　////////////////////////////////
カラー
//////////////////////////////////　*/
/*　////////////////////////////////
clearfix[@extend .clearfix];
//////////////////////////////////　*/
.clearfix {
  zoom: 1;
}
.clearfix:after {
  display: block;
  content: "";
  clear: both;
}

/*　////////////////////////////////////////////////////////////////////////////////////////////////
flex include
//////////////////////////////////////////////////////////////////////////////////////////////////　*/
/*　////////////////////////////////////////////////////////////////////////////////////////////////
初期値top:50%; left:50%;
[@include set-top();] [@include set-left();]
//////////////////////////////////////////////////////////////////////////////////////////////////　*/
/*縦中央*/
/*横中央*/
/* -----上下左右中央、%指定で調整可能----- */
/*　////////////////////////////////
flex 設定
//////////////////////////////////　*/
/*　////////////////////////////////
三角形
//////////////////////////////////　*/
/*　////////////////////////////////
矢印
//////////////////////////////////　*/
/*　////////////////////////////////////////////////////////////////////////////////////////////////
font-size
//////////////////////////////////////////////////////////////////////////////////////////////////　*/
/*　////////////////////////////////
汎用style
//////////////////////////////////　*/
/*----- .clubs ------------------------------------*/
.club-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 2%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.club-list .club-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.club-list .club-box:has(.close) {
  border-bottom: 1px solid #bababa;
}
.club-list .club-img {
  margin-top: 15px;
}
.club-list .club-img img {
  max-width: 350px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.club-list .club-contents {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 0;
}
.club-list .club-contents:not(:last-of-type) {
  border-bottom: 1px dashed #bababa;
}
.club-list .club-contents-title {
  color: #8b0000;
  font-size: clamp(1.7rem, 15.9024390244px + 0.2926829268vw, 2rem);
  margin-bottom: 5px;
  text-indent: -1em;
  margin-left: 1em;
}
.club-list .club-contents-title::before {
  content: "■";
}
.club-list .club-contents-list .ccl-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.6rem;
}
.club-list .club-contents-list .ccl-item:not(:last-child) {
  margin-bottom: 3px;
  padding-bottom: 3px;
  border-bottom: 1px solid #efefef;
}
.club-list .club-contents-list.advisor .ccl-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.club-list .club-contents-list.advisor .ccl-item .year, .club-list .club-contents-list.advisor .ccl-item .advisor-name {
  width: 100%;
}
.club-list .club-contents-list.advisor .ccl-item .advisor-name {
  text-align: right;
}
.club-list .club-contents-list.advisor .ccl-item .advisor-name span {
  display: inline-block;
}
.club-list .club-contents-list.history:not(:last-of-type) {
  margin-bottom: 12px;
  padding-bottom: 3px;
  border-bottom: 1px solid #efefef;
}
.club-list .club-contents-list.history .ccl-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.club-list .club-contents-list.history .ccl-item .year, .club-list .club-contents-list.history .ccl-item .tournament-name {
  width: 100%;
}
.club-list .club-contents-list.history .ccl-item .tournament-name {
  text-align: left;
}
.club-list .history-title {
  font-size: clamp(1.6rem, 15.6341463415px + 0.0975609756vw, 1.7rem);
  font-weight: bold;
  margin-bottom: 5px;
}

@media (min-width: 768px) {
  .club-list .club-box {
    width: 49%;
  }
  .club-list .club-contents-list.advisor .ccl-item .year {
    width: 250px;
  }
  .club-list .club-contents-list.advisor .ccl-item .advisor-name {
    width: calc(100% - 250px);
    text-align: left;
  }
  .club-list .club-contents-list.advisor .ccl-item .advisor-name span {
    display: inline-block;
  }
  .club-list .club-contents-list.history .ccl-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .club-list .club-contents-list.history .ccl-item .year {
    width: 135px;
  }
  .club-list .club-contents-list.history .ccl-item .tournament-name {
    width: calc(100% - 135px);
    text-align: left;
  }
}