@charset "UTF-8";

.history{width:100%;margin-top:0;border-top:1px solid #ccc;vertical-align:middle;}
.history tr{width:100%;min-height:50px;padding:15px auto;border-bottom:1px solid #ccc;}
.history th{width:23%;text-align:center;background-color:#f7f7f7;}
.history td{padding:15px;vertical-align:middle;}
@media screen and (max-width: 768px){
.history{margin-top:60px;}
.history td{padding-right:0;}
}
.schedule-ico{display:inline-block;padding:4px 16px;border-radius:4px;color:#fff;line-height:1;margin-right:0.5rem;}
.schedule-ico.r-solo{background:#4fadea;}
.schedule-ico.r-group{background:#4fad5b;}

.schedule-ico {
  display: inline-block;
  padding: 4px 16px;
  border-radius: 4px;
  color: #fff;
  line-height: 1;
  margin-right: 0.5rem;
}
.schedule-ico.r-solo {
  background: #4fadea;
}
.schedule-ico.r-group {
  background: #4fad5b;
}

.article-title{max-width:1200px;min-height:80px;margin-top:40px;background-color:#f2f9fd;}
h2.article-title-str{margin-bottom:0;padding:25px 30px;color:#0081CC;font-size:24px;}
.article-date{font-size:12px;width:100%;color:#666;text-align:right;margin-top:25px;margin-right:0;display:block;}
@media screen and (max-width: 768px){
.article-title{min-height:initial;margin-top:-10px;}
h2.article-title-str{font-size:18px;font-weight:600;padding:8px 15px;color:#0081CC;line-height:31px;}
.article-date{margin-top:18px;}
}

.article-title-sub {
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
.p-softtennis-2col {
  display: flex;
  gap: 32px;
}
.p-softtennis-2col-img,.p-softtennis-2col-txts {
  width: calc((100% - 32px) / 2);
}
.p-softtennis-2col-img img {
  width: 100%;
  height: auto;
}
.p-softtennis-col-ttl {
  font-size: 1.1rem;
  font-weight: bold;
}
.p-softtennis-2col-txt-block + .p-softtennis-2col-txt-block {
  margin-top: 2rem;
}
.p-softtennis-2col-txts em {
  font-weight: bold;
  text-decoration: underline;
  font-style: normal;
}
.p-softtennis-3col {
  display: flex;
  gap: 32px;
}
.p-softtennis-3col-img {
  width: calc((100% - 64px) / 3);
}
.p-softtennis-3col-img img {
  width: 100%;
  height: auto;
}
.p-softtennis-4col {
  display: flex;
  gap: 32px;
}
.p-softtennis-4col-img {
  width: calc((100% - 96px) / 4);
}
.p-softtennis-4col-img img {
  width: 100%;
  height: auto;
}
.p-schedule-td-info {
  width: 30%;
  display: inline-block;
  margin-right: 0.5rem;
}
.p-softtennis-caption {
  text-align: center;
  font-size: 0.9rem;
  margin-top: 0.5rem;
}
.softtennis-mv {
  text-align: center;
  margin-top: -70px;
}
.softtennis-mv img {
  width: 100%;
  height: auto;
}
.softtennis-member-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
  margin: 40px 0 0;
  gap: 70px 0;
}
.softtennis-member-list-itm {
  width: 48%;
  display: flex;
  justify-content: space-between;
}
.softtennis-member-list-itm-pic-wrap {
  width: 40%;
  text-align: center;
}
.softtennis-member-list-itm-pic img {
  width: 100%;
  height: auto;
}
.softtennis-member-list-itm-data {
  width: 56%;
}
.softtennis-member-list-itm-name {
  font-size: 1.1rem;
  font-weight: bold;
}
.softtennis-member-list-itm-name-sub {
  font-size: 0.8rem;
}
.softtennis-member-list-itm-data-table-th {
  width: 40%;
  background: #ddd;
  vertical-align: middle;
  padding: 16px;
  border-bottom: solid 1px #CCC;
}
.softtennis-member-list-itm-data-table-td {
  width: 60%;
  padding: 16px;
  border-bottom: solid 1px #CCC;
}
.u-wd100per {
  width: 100% !important;
}
.p-softtennis-1col {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.p-softtennis-1col-img,.p-softtennis-1col-txts {
  width: 100%;
}
.p-softtennis-1col-img img {
  width: 100%;
  height: auto;
}
.p-softtennis-1col-txt + .p-softtennis-1col-txt {
  margin-top: 1rem;
}

@media screen and (max-width: 768px){
  .p-softtennis-2col {
    flex-direction: column;
    gap: 1rem;
  }
  .p-softtennis-2col-img,.p-softtennis-2col-txts {
    width: 100%
  }
  .p-softtennis-3col {
    flex-direction: column;
    gap: 1rem;
  }
  .p-softtennis-3col-img {
    width: 100%;
  }
  .p-softtennis-4col {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1rem 0;
  }
  .p-softtennis-4col-img {
    width: 48%;
  }
  .p-schedule-td-info {
    width: 100%;
    display: block;
    margin-right: 0;
  }
  .p-softtennis-caption {
    font-size: 0.8rem;
  }
  .softtennis-mv {
    margin-top: 0;
  }
  .softtennis-mv img {
    width: 100vw;
  }
  .softtennis-member-list {
    flex-direction: column;
    margin: 6vw 0 0;
    gap: 10vw 0;
  }
  .softtennis-member-list-itm {
    width: 100%;
  }
  .softtennis-member-list-itm-data-table,
  .softtennis-member-list-itm-data-table tbody,
  .softtennis-member-list-itm-data-table-tr,
  .softtennis-member-list-itm-data-table-th,
  .softtennis-member-list-itm-data-table-td {
    display: block;
    width: 100% !important;
  }
  
  .softtennis-member-list-itm-data-table-th {
    padding: 2vw;
    border-bottom: none;
  }
  .softtennis-member-list-itm-data-table-td {
    padding: 2vw;
  }
  .softtennis-member-list-itm-pic-wrap {
    width: 36%;
    text-align: center;
  }
  .softtennis-member-list-itm-data {
    width: 62%;
  }
  .softtennis-member-list-itm-name {
    font-size: 1rem;
  }
}