/* マーケブログUI改善(2026/9): お役立ち資料・関連記事セクション（HTML/表示ロジックは iridge-marketing-blog-ui プラグイン側） */
#iridge-related-materials,
#iridge-related-articles {
  margin: 40px 0;
}
#iridge-related-materials ul.list.post__item,
#iridge-related-articles ul.list.post__item {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 0;
  margin: 16px 0 0;
  list-style: none;
}
#iridge-related-materials ul.list.post__item > li.item,
#iridge-related-articles ul.list.post__item > li.item {
  width: calc(25% - 15px);
  box-sizing: border-box;
  list-style: none;
}
#iridge-related-materials .item a,
#iridge-related-articles .item a {
  display: block;
  text-decoration: none;
  color: inherit;
}
#iridge-related-materials .thumbnail img,
#iridge-related-articles .thumbnail img {
  width: 100%;
  height: auto;
  display: block;
}
#iridge-related-materials .postttl,
#iridge-related-articles .postttl {
  margin: 8px 0 0;
  font-size: 0.9em;
}
#iridge-related-materials .download .btn,
#iridge-related-articles .download .btn {
  display: inline-block;
  margin-top: 4px;
  font-size: 0.85em;
}
@media (max-width: 767px) {
  #iridge-related-materials ul.list.post__item > li.item,
  #iridge-related-articles ul.list.post__item > li.item {
    width: calc(50% - 10px);
  }
}

/* マーケブログUI改善(2026/10): タグから探す */
#iridge-tag-list {
  margin: 20px auto 0;
}
#iridge-tag-list ul.btn_area {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
  margin: 10px 0 0;
  list-style: none;
}
#iridge-tag-list .tab_btn a {
  display: inline-block;
  padding: 4px 12px;
  border: 1px solid #ccc;
  border-radius: 999px;
  text-decoration: none;
  color: inherit;
  font-size: 0.85em;
}

/* マーケブログUI改善(2026/10): 検索窓・検索結果ページ */
.blog-search-area {
  margin-bottom: 20px;
}
.blog-search-area form {
  display: flex;
  border: 1px solid #ccd3db;
  border-radius: 3px;
  overflow: hidden;
}
.blog-search-area input[type="search"] {
  flex: 1;
  min-width: 0;
  box-sizing: border-box;
  padding: 10px 12px;
  border: none;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
}
.blog-search-area button {
  padding: 0 18px;
  border: none;
  background-color: #568dc1;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.3s;
}
.blog-search-area button:hover {
  background-color: #334d90;
}
.ph2-blog-category .search-notice {
  margin: 20px 0;
}