@charset "UTF-8";
@import url("../simplicity/responsive.css");

/*ここにレスポンシブのスタイルを書く*/

@media screen and (max-width:760px){
  #header, #header-in, #navi, #navi-in, #body-in, #footer-in{
    width:100% !important;
  }




  #main{
    width:auto;
    padding-left:0;
    padding-right:0;
    border-width:0;
    padding:10px;
  }
  #main,
  #sidebar{
    float:none !important;
  }
  .article h2{
    margin-left:0;
    margin-right:0;
  }
  blockquote{
    margin-left:0 !important;
    margin-right:0 !important;
  }
  .navigation{
    margin-left:0;
    margin-right:0;
  }
  #sidebar{
    width:auto;
  }
}






/* トップ記事一覧の間に線を入れる　*/
#main .entry {
border-bottom: 1px dotted #ccc;
padding-bottom: 15px;
}




.entry-read a, .related-entry .related-entry-read a {
    font-size: 100%;
    margin: 0;
    padding: 3px;
}


/*---------------------------------
メタ情報の日付を小さく
--------------------------------*/
.post-meta,.entry .post-meta a  {
    font-size: 13px;
    line-height: 160%;
}