.link-slider{
  display:block;
margin:80px auto 0;
  max-width:1080px;
  width:100%;
    }
.link-slider a{
    display:block;
transition: 0.2s;
}
.link-slider a:hover{
opacity:0.8;}
    .link-slider img{
        width: 100%;
    }

.ttl_recommend{
    font-size: .9375rem;
    text-align: center;
  }
  
  .ap_li_tet{
    font-size: .8125rem;
    margin-bottom: 60px;
    text-align: center;
  }

  @media screen and (max-width: 767px) {
    .ttl_recommend{
      font-size: .9rem;
    }
    .ap_li_tet{
      font-size: .8rem;
      width: 50%;
      margin-bottom: 0;
    }
  }

  .list_three {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    margin-bottom: -4rem;
  }
  @media screen and (max-width: 767px) {
    .list_three {
      margin-bottom: 0;
    }
  }
  .list_three:after {
    content: "";
    display: block;
    width: 31%;
    height: 0;
  }
  @media screen and (max-width: 767px) {
    .list_three:after {
      display: none;
    }
  }
  .list_three > li {
    width: 31%;
    margin-bottom: 3.7rem;
  }
  @media screen and (max-width: 767px) {
    .list_three > li {
      width: 47%;
      margin-bottom: 2rem;
    }
  }
  @media screen and (max-width: 767px) {
    .list_three > li:last-of-type {
      margin-bottom: 0;
    }
  }
  .list_three > li a {
    display: block;
  }
  .list_three > li a:hover {
    opacity: .6;
  }

  .category_main_ttl{
    font-size: 1.5rem;
  }
  @media screen and (max-width: 767px) {
    .category_main_ttl{
        font-size: 1.2rem;
      }
  }