/* WebGene Blog Styles */

.webgene-blog {
  width: 800px;
  margin: 40px auto 0 auto;
}

.webgene-header {
}

.webgene-item h1 {
  font-size: 24px;
  font-weight: bold;
}

.webgene-item {
  
}
.webgene-item-image {
  width: 600px;
  height: auto;
  margin: 0 auto;
}

.webgene-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
    
}

.webgene-item:hover {
}

.webgene-item-info {
}

.webgene-item-info p {
}

.webgene-item a {
}

.webgene-item a:hover {
}

.blogItemTitle {
}

.webgene-pagination {
  margin-top: 15px;
  display: flex;
  column-gap: 50px;
  align-items: center;
  justify-content: center;
}

.webgene-item-aroundPageLink a {
  color: #C34E3B;
}
/* 新しいHTMLテンプレート用のクラス */
.container {
}

.webgene-item-aroundPageLink {
}

.webgene-item-prevPageLink {
}

.webgene-item-nextPageLink {
}

/* レスポンシブデザイン */
@media (max-width: 767px) {
  .webgene-blog {
    width: 100%;
    padding: 0 20px;
  }
  
  .webgene-item h1 {
    font-size: 18px;
  }
  
  .webgene-item-image {
    width: 100%;
    padding: 0 30px;
  }
  .webgene-item {
  }
  
  .blogItemTitle {
  }
}