HatenaSmartPhoneRecommend

<nav id="recomend">
  <div class="navmenu">
    <span class="navmenuInner">
      <span class="image"><a href=""><img src="画像のURL" alt=""></a><br></span>
      <span class="date">日付け</span><br>
      <span class="title"><a href="">おすすめの記事や注目の記事等を表示させる事が出来ます</a></span>
    </span>
    <span class="navmenuInner">
      <span class="image"><a href=""><img src="画像のURL" alt=""></a><br></span>
      <span class="date">日付け</span><br>
      <span class="title"><a href="">おすすめの記事や注目の記事等を表示させる事が出来ます</a></span>
    </span>
    <span class="navmenuInner">
      <span class="image"><a href=""><img src="画像のURL" alt=""></a><br></span>
      <span class="date">日付け</span><br>
      <span class="title"><a href="">おすすめの記事や注目の記事等を表示させる事が出来ます</a></span>
    </span>
  </div>
</nav>

<style type="text/css">

/*特集枠*/
  #recomend{
    display: block;
    text-align: center;
    margin-left: -500%;
    margin-right: -500%;
    padding-left: 500%;
    padding-right: 500%;
    background: #e5e5e5;
    padding:0;
    margin: 8px -16px;
  }

  .navmenu{
    overflow: hidden;
    display: block;
    width: 100%;
    background: #fff;
    padding:16px;
    box-sizing: border-box;
    box-shadow:5px 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow:0px 0px 0px rgba(0, 0, 0, 0);
    margin: 16px 0 0;
  }

  .navmenuInner{
    overflow: hidden;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 0 16px;
    border-bottom:1px solid #ccc;
  }

  .navmenuInner a{
    text-decoration: none;
    color:#515151;
  }
  
  
  .navmenuInner .date,{
    display: block;
    float:left;
    box-sizing: border-box;
    vertical-align: top;
    width: 100%;
    font-size:80%;
    line-height: 1.3;
  }

  
  .navmenuInner .title{
    display: block;
    box-sizing: border-box;
    vertical-align: top;
    font-size:80%;
    line-height: 1.3;
  }

  .navmenuInner .image{
    display: block;
    vertical-align: middle;
    box-sizing: border-box;
    float: left;
    width: 100px;
    height: 59px;
    overflow: hidden;
    margin-bottom: 8px;
    margin-right: 8px;
  }

  .navmenuInner img{
    width:auto;
    height:auto;
    max-width:100px;
    max-height:59px;
    border:0;
    box-sizing: border-box;
  }
  </style>