/* =========================
   Group Link fitting
========================= */

.group-link {
  background-color: #f9e6ed; 
  padding-bottom: 15px;
}
#link_box .container > dl > dt {
  color: #333;
  border-color: #333;
  font-weight: bold;
}
#link_box .container > dl a {
  color: #333;
}


@media screen and (max-width: 768px) {
  .group-link .container {
    padding: 0 10px !important;
    margin-top: 20px !important;
  }

  #link_box {
    padding: 30px 0 0;
  }
  #link_box .container > dl {
    margin: 0;
  }
  #link_box .container > dl > dt {
    width: 100%;
    padding: 2%;
  }
  #link_box .container > dl > dd {
    margin: 0;
    width: 100%;
  }
  #link_box dt .link_count {
    width: 40px;
  }

  #link_box .container > dl > dt {
    /*background: linear-gradient(180deg, #FAE7EE, #EEAAC5);
    background: linear-gradient(180deg, #F4F5FF,#FFFFFF,#FCEDF7);*/

    background: #fff;
    border: none;
    border-top: 1px solid transparent;
    border-image: var(--main-gradient) 1;
  }
  #link_box .container > dl > dt {
    border-color: #fff; /*#EFADC7;*/
    border-bottom-color: #fff;

    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
  }
  #link_box dt .link_count {
    background: #eee;
  }
  #link_box .container > dl > dd {
    background: #FEFAFD;/*#fbeef3*/
    border-color: #fff;
    border-top:#F5CEDD 1px solid;
    padding: 4%;
    font-size:1.4rem;
    
  }
  #link_box .container > dl > dd > a:link,
  #link_box .container > dl > dd > a:visited,
  #link_box .container > dl > dd > a:active {
    color: #333;
  }
}