@charset "utf-8";
/* CSSは必要最低限しか指定してませんのでお好みで（もちろん外部化OK） */

    /* clearfix */
    .clearfix:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
      }
  
      .clearfix {
        display: inline-block;
      }
  
      /* for macIE \*/
      * html .clearfix {
        height: 1%;
      }
  
      .clearfix {
        display: block;
      }
  
      ul#newsList {
        margin: 0 0 15px;
        padding: 0;
        font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      }
  
      ul#newsList li {
        color: #666;
        font-size: 12px;
        margin: 0 20px;
        /* padding: 5px 20px; */
        margin-bottom: 3px;
        border-bottom: 3px dashed #ccc;
        line-height: 120%;
        list-style-type: none;
      }
  
      /* a {
        color: #36F;
        text-decoration: underline;
      } */
  
      a:hover {
        color: #039;
        text-decoration: none;
      }
  
      .catName {
        display: inline-block;
        padding: 3px 8px;
        border: 1px solid #ccc;
        border-radius: 6px;
        font-size: 11px;
        line-height: 100%;
        margin: 0 2px;
      }
  
      .newMark {
        display: inline-block;
        border: 1px solid #F00;
        padding: 1px 4px;
        font-size: 11px;
        line-height: 100%;
        background: #F00;
        color: #fff;
        box-shadow: 1px 1px 1px #999;
        border-radius: 8px;
        font-style: italic;
      }
  
      .comment {
        display: block;
        padding: 3px 0;
        float: left;
        overflow: hidden;
        width: 500px;
        /* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
      }
  
      .thumbNailWrap {
        display: block;
        width: 110px;
        float: left;
        height: 80px;
        overflow: hidden;
      }

      /*-------------------------------
 ▼大型画面向けデザイン（PCなど）
 --------------------------------*/
@media screen and (min-width: 750px) {
  ul#newsList li {
    font-size: 18px;
  }
}