.single-line-clamp {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* IEではNG */
.multi-line-clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/* 複数行の場合、以下を指定
class="lineclamp twolineclamp"
*/

.lineclamp:before {
  content: "…";
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 1em;
}

.lineclamp:after {
  content: "";
  position: relative;
  right: -1.5em;
  float: right;
  width: 1em;
  height: 100%;
  background-color: inherit;
}

/* 2行番 親要素のpadding-right:1em; 指定する必要あり */
.twolineclamp {
  /* config */
  line-height: 1.5;
  height: 2.5em;
  /* config end */
  position: relative;
  padding-right: 1.5em;
  overflow: hidden;
}
/* 3行番 親要素のpadding-right:1em; 指定する必要あり */
.threelineclamp {
  /* config */
  line-height: 1.5;
  height: 4em;
  /* config end */
  position: relative;
  padding-right: 1.5em;
  overflow: hidden;
}