#insta {
  padding: 0 2.5%;
  width: clamp(240px, 100%, 1280px);
  margin: 0 auto;

  & a {
    text-decoration: none;
  }

  & ul {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding-left: 0!important;

    & li {
      position: relative;
      list-style: none;
      box-sizing: border-box;
      width: calc(50% - 0.2rem);
      height: 220px;
      overflow: hidden;
      margin-bottom: 0.2rem;

      & .captionTxt {
        display: block;
        width: 100%;
        height: 100%;
        padding: 0 1rem;
        /* background-color: #eeeeee; */
        overflow: hidden;

        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 4rem;
        /* ブラウザがサポートしていない場合のフェールセーフ */

        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);

        font-size: 14px;
        line-height: 1.5;
        text-align: left;
        color: #393939;
      }

      & .like_count {
        position: absolute;
        top: 2px;
        right: 2px;
        background-color: #f5f5f5;
        padding: 0 3px;
        font-size: 14px;
        line-height: 1.75;
        text-align: center;
        border-radius: 0 3px 0 3px;
        display: block;

        &::before {
          content: "\02665";
          color: #d4245f;
          font-size: 14px;
          vertical-align: middle;
          padding-right: 0.25em;
        }
      }

      &:hover {
        & .captionTxt {
          transition: .5s opacity, .25s filter;
          opacity: 1;
        }
      }

      & img {
        object-fit: cover;
        width: 100%;
        height: 100%;
      }
    }
  }
}

@media screen and (max-width:1199px) {
  #insta {
    padding: 0;
    & ul {
      & li {
        width: calc(50% - 0.2rem);
      }
    }
  }
}

@media screen and (max-width:991px) {
  #insta {
    padding: 0;
    & ul {
      & li {
        width: calc(33% - 0.2rem);
      }
    }
  }
}

@media screen and (max-width:767px) {
  #insta {
    & ul {
      & li {
        width: calc(50% - 0.5rem);

        & .captionTxt {
          padding: 0 0.5rem;
        }
      }
    }
  }
}