dreamark

<!-- トグルを追加する-->
  <div class="toggle"><a href="#">MENU</a>
  </div>
  
<!-- class名を追加する-->
  <ul class="menu">
  
<!-- closeボタンを付けるト-->
  <li class="close">
    <a href="#">close</a>

dreamark

.toggle,.close{
  display: none;
}

@media only screen and (max-width: 767px) {
  .menu{
    display: none;
    width: 100%;
  }

dreamark

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

dreamark

.ads-01{
  clear:both;
  overflow:hidden;
  margin:24px 0;
}

.ads-slot-01,.ads-slot-02{
  float:left;
  width:336px;
  height:280px;

dreamark

<div class="ads-01"> 親ボックス

<!-- 広告ユニット名 -->　スロット１
<ins class="adsbygoogle ads-slot-01"　ここにクラス名を足しています
     style="display:block"
     data-ad-client="ca-pub-×××"
     data-ad-slot="×××"
     data-ad-format="rectangle"></ins>
<script>
  (adsbygoogle = window.adsbygoogle || []).push({});

dreamark

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 広告ユニット名 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-×××"
     data-ad-slot="×××"
     data-ad-format="auto"></ins>
<script>
  (adsbygoogle = window.adsbygoogle || []).push({});
</script>

dreamark

/* 目次 */
.table-of-contents{
  margin:24px 0;
  width: 70%;
  font-size: 0.9em;
  background: #e5e5e5;
  border: 1px solid #ccc;
  padding: 2em;
  counter-reset: toc;
  list-style-type: none;

dreamark

/* 目次 */
.table-of-contents{
  margin:24px 0;
  width: 70%;
  font-size: 0.9em;
  background: #e5e5e5;
  border: 1px solid #ccc;
  padding: 2em;
  counter-reset: toc;
  list-style-type: none;

dreamark

<div id="foot">
  <div class="footer-area">
    <div class="hatena-module-title">
      <span class="foot-title">タイトル</span>
    </div>
      <span class="foot-body">本文</span>
  </div><!-- endfooter-area -->

  <div class="footer-area">
    <div class="hatena-module-title">

dreamark

<nav id="recomend">
  <div class="navmenu">
    <span class="navmenuInner">
    <span class="image"><a href="リンク先URL"><img src="画像URL"></a><br></span>
    <span class="date">日付けを記入</span><br>
    <span class="title"><a href="">タイトルや紹介文</a></span>
    </span>

    <span class="navmenuInner">
      <span class="image"><a href="リンク先URL"><img src="画像URL"></a><br></span>