/************************************
** 解像度639px以下のスタイル
************************************/
@media screen and (max-width:639px){

  /*タイトルをモバイルサイズにする*/
  #h-top #site-title a{
    font-size: 20px;
    margin-right:45px;
  }

  #h-top #site-description{
    font-size:14px;
    line-height:140%;
    margin-bottom:10px;
  }

  .entry.masonry-brick .entry-thumb a  img{
    margin: 0;
  }

  /*img.alginleft, img.alginlright対策*/
  .article img{
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .entry .entry-thumb a,
  .related-entry-thumb a{
    margin:0;
    padding:0;

  }

  /*.entry .entry-thumb a img,
  #related-entries .related-entry-thumb a img{
    margin:5px;
  }*/

  .post-meta,
  .footer-post-meta{
    text-align:left;
  }

  #mobile-menu a#mobile-menu-toggle{
    font-size:12px;
    padding: 5px 7px;
  }

  /*以前のモバイルメニュー（狭い画面の時）
  #mobile-menu a#mobile-menu-toggle{
    width: 45px;
    opacity: 0.8;
    right:5px;
    font-size:10px;
  }*/

  #page-top a#move-page-top{
    font-size:12px;
    margin-bottom: 5px;
    margin-right: 5px;
  }

  /* ページャー＆ページリンク */
  a.page-numbers,
  .pager .current,
  .page-link span,
  .comment-page-link span,
  .comment-page-link a{
    padding: 4px 10px;
    font-size:16px;
    line-height:250%;
  }
  blockquote { padding:10px; }
  blockquote:before { left:  0;display:none; }
  blockquote:after  { right: 0;display:none; }

  .article h1{
    margin-top:20px;
  }

  .article h1,
  .entry h2 a,
  #archive-title,
  .article h2,
  .article h3,
  .article h4,
  .article h5
  .article h6,
  .article h3,
  #comment-area h3,
  #related-entries h3{
    font-size:20px;
  }


  #sidebar h4{
    font-size:18px;
  }

  .article h2{
    margin:30px 0 !important;
    padding: 15px;
  }

  /*ポストページナビ*/
  #prev-next{text-align:center;}

  #prev-next #prev img,
  #prev-next #next img{
    float:none;
    text-align:center;
  }

  /*AndroidHTML対応用の設定*/
  .bookmarklet.androidhtml > div {
      margin-left: 0 !important;
  }

  .bookmarklet.androidhtml > div img.cover-image {
      margin-left: 0 !important;
  }

}

@media screen and (max-width:440px){
  .entry .entry-thumb,
  .related-entry-thumb{
    float:none;
    text-align:center;
    margin:3px;
  }

  .entry h2{
    margin-top:0;
    line-height: 100%;
  }

  .entry-large-thumbnail{
    max-width:100%;
    margin:10px 0 !important;
  }

  .entry-large-thumbnail .entry-read a{
    width:auto;
    margin:auto;
    padding:5px 0;
  }

  .entry-large-thumbnail .entry-thumb img{
    max-width:100%;
    height:auto !important;
  }

  .entry .entry-content,
  .related-entry-content{
    margin:0;
  }

  .entry .entry-thumb,
  .related-entry-thumb{
    margin:0 5px;
  }

  #comments-thread .comment-info span{
    display:block;
  }

  #comment-area img.avatar{
    width:30px;
    height:30px;
  }

  #header #h-top .alignleft{
    margin-left: 10px;
  }

  #page-top{
    right: 3px;
    bottom: 3px;
  }

}

/***********************************
 モバイルへのサムネイルカードの一覧性を上げる
 ***********************************/
@media screen and (max-width:440px){
  /* 記事タイトルfont調整 */
  .entry-card h2 a.entry-title,
  .related-entry h4 a {
    line-height: 100%;
    font-size: 17px ;
  }

  /* サムネイル回り込み */
  .entry-card .entry-thumb,
  .related-entry .related-entry-thumb {
    float: left;
    margin: 0 6px 0 0;
    padding: 0;
  }

  /* サムネイルサイズ変更 */
  .entry-card .entry-thumb img{
    width:100px;
    height:100px;
  }
  /* meta情報の回込み解除 */
  .entry-card .post-meta{
    margin: 7px auto;
    clear: both;
  }
  /* 本文抜粋の調整 */
  .entry-card .entry-snippet,
  .related-entry .related-entry-snippet {
    font-size: 11px ;
    clear: both;
  }
  /* 「続きを読む」の調整 */
  .entry-card .entry-read a,
  .related-entry .related-entry-read a {
    font-size: 80%;
    margin: 0;
    padding: 3px;
  }
  /* 記事間の余白調整 */
  #main .entry-card,
  #main .related-entry {
    margin-bottom: 10px;
  }

  #related-entries .related-entry-thumbnail{
    margin: auto;
    width: 100%;
  }
  #related-entries .related-entry-thumb{
    margin: auto;
  }
}