.prodlink img {
    vertical-align: top;
  }
  
  .prodlink a img {
    opacity: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  
  .prodlink a:hover img {
    opacity: 0.7;
  }
  
  /* Products Link List ----------------------------*/
  .prodlink {
    padding: 41px 0 48px;
    background-color: #cccccc;
  }
  
  .prodlink__in {
    margin: 0 auto;
    max-width: 960px;
  }
  
  .prodlink__ttl {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.25% 0;
    background-color: #003e9b;
    border-radius: 26.04167px;
    opacity: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
  }
  
  .prodlink__ttl img {
    width: 28.75%;
  }
  
  .prodlink__ttl:hover {
    opacity: 0.7;
  }
  
  .prodlink__ttl::after {
    position: absolute;
    top: 0;
    right: 23.125%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    font-family: FontAwesome;
    content: "\f107";
    font-size: 250%;
    color: #ffffff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  
  .prodlink__ttl.is_show::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  
  .prodlink__list {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;
  }
  
  .prodlink__list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 1.875%;
  }
  
  .prodlink__list li {
    margin: 0 1.5625% 1.5625% 0;
    width: 18.75%;
  }
  
  .prodlink__list li img {
    width: 100%;
    max-width: 100%;
  }
  
  .prodlink__list li:nth-child(5n) {
    margin-right: 0;
  }
  
  .prodlink__list.is_show {
    max-height: 200vw;
  }
  
  @media screen and (min-width: 768px) {
    .prodlink__list.is_show {
      max-height: 1000px;
    }
  }
  
  /* for SP */
  @media screen and (max-width: 767px) {
    .prodlink {
      padding: 6.86vw 0 10.68vw;
    }
    .prodlink__in {
      width: 82.6vw;
    }
    .prodlink__ttl {
      padding: 2.6389vw 0;
      border-radius: 3.333vw;
    }
    .prodlink__ttl img {
      width: 36.8vw;
    }
    .prodlink__ttl::after {
      top: 0;
      right: 6.98114vw;
      height: 100%;
      font-size: 5.38447vw;
    }
    .prodlink__list.is_show {
      margin-bottom: -3.466vw;
    }
    .prodlink__list ul {
      padding-top: 3.06452%;
    }
    .prodlink__list li {
      margin: 0 3.06452% 3.06452% 0;
      width: 31.29032%;
    }
    .prodlink__list li:nth-child(5n) {
      margin-right: 3.06452%;
    }
    .prodlink__list li:nth-child(3n) {
      margin-right: 0;
    }
  }