@charset "utf-8";

.sns-block{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.column1{
  width: 100%;
  border-top: 1px solid #ddd;
  padding: 36px 0px 36px 22px;
  display: flex;
}
.column2{
  width: calc(50% - 18px);
  border-top: 1px solid #ddd;
  padding: 36px 0px 36px 22px;
  display: flex;
}
.sns-icon{
  width: 148px;
  margin-right: 36px;
}

.sns-link{
  width: calc(100% - 148px - 36px);
}
.sns-link-block{
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(auto-fill, 46px);
  gap:16px 36px ;
}

.fighters-block{
  /* border-bottom: 1px solid #ddd; */
  margin-bottom: 32px;
}

@media only screen and (max-width:767.98px) {
  .column1{
    padding: 22px 0px 22px 11px;
  }
  .column2{
    width: 100%;
    padding: 22px 0px 22px 11px;
  }
  .sns-icon{
    width: 94px;
    margin-right: 15px;
  }
  .sns-link{
    width: calc(100% - 94px - 15px);
  }

  .sns-link-block{
    margin-top: 15px;
    grid-template-columns: repeat(auto-fill, 45px);
    gap:15px 15px ;
  }    
  .fighters-block{
    margin-bottom: 15px;
  }
  
  
}