@charset "utf-8";
.linktree {
  width: 100%;
  max-width: 100%;
  margin: auto;
}
.linktree img {
  vertical-align: bottom;
  width: 100%;
  height: auto;
}
.linktree a {
  margin: 0;
  padding: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  display: inline-block;
}
.linktree a:hover {
  -webkit-transform: translate3d(0, 3px, 0);
          transform: translate3d(0, 3px, 0);
}
.linktree .btn_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.linktree .btn_area li {
  margin-bottom: 4.3%;
}
.linktree .btn_area li.w_half {
    width: 48.6%;
}
.linktree.tbc .bgimg {
  background: url("../img/tbc/bg.jpg") 0 0 no-repeat;
  background-size: 100%;
  padding: 64.5% 13% 24.5%;
}
.linktree.tbc .btn_area img {
  -webkit-filter: drop-shadow(5px 5px 6px rgb(175, 140, 121));
          filter: drop-shadow(5px 5px 6px rgb(175, 140, 121));
}

@media screen and (min-width: 961px) {
  .linktree {
    max-width: 980px;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
  }
}