.entry-content.cf {
    /*display: flex;*/

  }
  
  aside#sidebar{
    width:35%;
    padding: 0px 20px;
  }


  h1.entry-title {
    text-align: center;
}




article#post-1, .under-entry-content, #breadcrumb {
  padding: 0px;
  width: auto;
  margin: 0px;
}

.entry-content, .under-entry-content, .entry-categories-tags{
  padding: 20px;
  width: 1200px;
  margin: 0 auto;
}

.eye-catch-wrap {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    padding: 10px;
}


@media screen and (max-width: 1200px) {
  /* ここに1200px以下の時に適用したいCSSを書く */
.entry-content.cf {
width: 100%;

  }


.entry-content, .under-entry-content, .entry-categories-tags{
  padding: 20px;
  width: 100%;
  
  margin: 0 auto;
}

aside#sidebar{
  width: 100%;
}

}