.c-blogcard {
  margin: 1.5rem 0;
  width: 100%;
  box-sizing: border-box; }
  .c-blogcard--external {
    border: none;
    width: 100%;
    height: 190px; }
  .c-blogcard--internal {
    border: solid 1px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 12px;
    line-height: 1.3; }
  .c-blogcard .c-blogcard__thumbnail {
    display: block;
    width: 100px;
    float: right; }
    .c-blogcard .c-blogcard__thumbnail img {
      width: 100%;
      height: auto; }
  .c-blogcard .c-blogcard__content {
    display: block;
    margin-right: 110px;
    line-height: 1.3em; }
  .c-blogcard .c-blogcard__title {
    display: block;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 0.4em; }
    .c-blogcard .c-blogcard__title a {
      color: #3d3f44;
      border: none;
      text-decoration: none; }
      .c-blogcard .c-blogcard__title a:hover {
        border-bottom: solid 1px #3d3f44; }
  .c-blogcard .c-blogcard__excerpt {
    display: block;
    font-size: 12px;
    line-height: 1.6; }
  .c-blogcard .c-blogcard__footer {
    display: block;
    clear: both;
    font-size: 12px;
    color: #999; }
  .c-blogcard .c-blogcard__favicon {
    margin-right: 4px; }
    .c-blogcard .c-blogcard__favicon img {
      width: 16px; }
  .c-blogcard .c-blogcard__site,
  .c-blogcard .c-blogcard__hatebu,
  .c-blogcard .c-blogcard__date {
    display: inline-block;
    margin-right: 4px; }
    .c-blogcard .c-blogcard__site a,
    .c-blogcard .c-blogcard__hatebu a,
    .c-blogcard .c-blogcard__date a {
      color: #999;
      border: none; }
      .c-blogcard .c-blogcard__site a:hover,
      .c-blogcard .c-blogcard__hatebu a:hover,
      .c-blogcard .c-blogcard__date a:hover {
        border-bottom: solid 1px #999; }