// サムネイルを表示
var bcd140526_show_thumbnail = true;
// ラベルを表示
var bcd140526_show_label = false;
// コメント数を表示
var bcd140526_show_comment_numbers = false;
// 日付を表示
var bcd140526_show_date = true;
// 著者名を表示
var bcd140526_show_author_name = false;
// もっと読むを表示
var bcd140526_show_readmore = false;
// 要約文を表示
var bcd140526_show_snippet = true;
// コピーライトを隠す
var bcd140526_hide_copyright = true;
// 要約文の文字数
var bcd140526_snippet_length = 60;
// 表示する記事数
var bcd140526_post_count = 5;
// サムネイルのサイズ
var bcd140526_thumbnail_size = null; // CSSで変更させるためnullを入れる
// 記事の並び（latest＝最新 or random＝ランダム）
var bcd140526_sort_by = 'latest';
// インデックスラベル
var bcd140526_index_label = '';
// スタイル（list＝リスト or column＝カラム）
var bcd140526_design_style = 'column';
// 日付フォーマット
var bcd140526_date_format = 'mm/dd/yyyy';
// 「もっと読む」の文字列
var lang_readmore = 'Readmore';
// ホスト
var HOST = '';

<b:widget id='HTML1' locked='false' title='最新記事' type='HTML'>
  <b:includable id='main'>
    <b:if cond='data:title'>
      <h3>
        <data:title />
      </h3>
    </b:if>
    <div class='widget-content latest-articles'>
      <script type="text/javascript">
        //<![CDATA[

          /* <script>タグ内の修正したコードをコピペ（省略） */

        //]]>
      </script>
    </div>
  </b:includable>
</b:widget>

/* 最新記事（カスタム）
---------------------------------------------------------------------------- */

.latest-articles li {
  display: flex;
  padding: 0.7em 0;
  border-bottom: solid 1px #ddd;
}

.latest-articles li:last-child {
  border: none;
}

.latest-articles a {
  display: block;
}

.latest-articles h3 {
  font-size: 15px;
  background: #fff;
  padding: 0;
}

.latest-articles h3 a {
  color: #444;
}

.latest-articles .snippet {
  font-size: 13px;
  margin-top: 10px;
  margin-bottom: 0;
}

.latest-articles .thumbnail {
  margin-right: 10px;
}

.latest-articles img {
  width: 100px;
  height: 100px;
  border: solid 1px #ddd;
  object-fit: cover;
}

/* レスポンシブ（タブレット縦） */

@media screen and (max-width: 960px) {
  .latest-articles li {
    flex-direction: column;
  }
  .latest-articles .thumbnail {
    margin-right: 0;
  }
  .latest-articles img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
  .latest-articles h3 {
    text-align: center;
  }
}

/* レスポンシブ（スマホ縦） */
@media screen and (max-width: 560px) {
  .latest-articles li {
    flex-direction: row;
  }
  .latest-articles .thumbnail {
    margin-right: 10px;
  }
  .latest-articles img {
    width: 100px;
    height: 100px;
    margin-bottom: 0;
  }
  .latest-articles h3 {
    text-align: left;
  }
}