.tig-tpl-content-card {
  min-width: auto;
}
/* 画面幅322px以上の場合カードレイアウトを2カラムで配置 */
@media screen and (min-width: 322px) {
  .tig-tpl .tig-tpl-contents-list .tig-tpl-content-card {
    /* margin: 0.5em 0; */
    width: calc(96% / 2);
  }
  /* 最後の行が3列より少ない場合左寄せにレイアウトさせる */
  .tig-tpl .tig-tpl-contents-list::after {
    content: "";
    display: block;
    width: calc(96% / 2);
  }
}
/* 画面幅518px以上の場合カードレイアウトを3カラムで配置 */
@media screen and (min-width: 518px) {
  .tig-tpl .tig-tpl-contents-list .tig-tpl-content-card {
    width: calc(96% / 3);
  }
  .tig-tpl .tig-tpl-contents-list .tig-tpl-content-card .tig-tpl-content-title {
    display: -webkit-box;
  }
  /* 最後の行が3列より少ない場合左寄せにレイアウトさせる */
  .tig-tpl .tig-tpl-contents-list::after{
    content: "";
    display: block;
    width: calc(96% / 3);
  }
}

/* 画面幅758px以上の場合カードレイアウトを4カラムで配置 */
@media screen and (min-width: 758px) {
  .tig-tpl .tig-tpl-contents-list .tig-tpl-content-card {
    width: calc(96% / 4);
  }
  .tig-tpl .tig-tpl-contents-list .tig-tpl-content-card .tig-tpl-content-title {
    display: -webkit-box;
  }
  /* 最後の行が4列より少ない場合左寄せにレイアウトさせる */
  .tig-tpl .tig-tpl-contents-list::before{
    content: "";
    display: block;
    width: calc(96% / 4);
    order: 1;
  }
  .tig-tpl .tig-tpl-contents-list::after{
    content: "";
    display: block;
    width: calc(96% / 4);
  }
}