@charset "UTF-8";
/* main_post.css /bloom/index.php、category.php <main> post-card CSS */
  * {
      box-sizing: border-box;
    }
    body {
      margin: 0;
      padding: 0;
    }
    #content {
      width: 840px;
      margin: 50px auto;
      display: flex;
      flex-direction: row;
    }

    /* index.php のmainスタイルシート 250401w4403*/
    .posts-flex {
      width: 100%;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
    }
    .post-card {
      overflow: hidden;
    }
    .post-card-content {
      padding: 10px;
      margin-bottom: 3px;
      border-bottom: #333 dotted 1px;
    }
    .post-card h2 {
      width: 60%;
      float: left;
      text-align: left;
      font-size: 1.1em;
      font-weight: 500;
      color: #333;
      margin: 0;
      /* 1行表示 */
      overflow: hidden;
      /*はみ出した部分を非表示*/
      white-space: nowrap;
      /*テキスト折り返しなし*/
      text-overflow: ellipsis;
      /*省略して「…」をつける*/
    }
    .post-card h2 a {
      color: #333;
      text-decoration: none;
    }
    .post-card h2 a:hover {
      color: #007bff;
    }
    .post-meta {
      color: #666;
      font-size: 0.85em;
      width: 100%;
      text-align: right;
      padding-right: 10px;
    }
    .post-meta span {
      margin-left: 8px;
    }

    /* pagination */
    .pagination {
      display: flex;
      gap: 5px;
      margin-top: 20px;
    }
    .pagination a {
      padding: 5px 10px;
      text-decoration: none;
      border: 1px solid #014792;
      color: #333;
    }
    .pagination span {
      padding: 5px 10px;
      border: 1px solid #007bff;
      background-color: #007bff;
      color: #fff;
    }
    .pagination a:hover {
      background-color: #add5ff;
      color: #fff;
      border: 1px solid #007bff;
    }
    .pagination a.active {
      background-color: #007bff;
      color: #fff;
      border: 1px solid #007bff;
    }
    /* header bird_mark*/
    header img.bird_mark_front {
      width: 80px;
      height: auto;
      vertical-align: middle;
      float: right;
      margin: -40px 100px 0
    }
    header img.bird_mark_static {
      display: none;
    }