/* =========================================================
   ILCHI / BLOG ARCHIVE
   梅田ブログ一覧
   2026-10-07
========================================================= */

/* ブログカテゴリー一覧だけを1カラム化 */
body.archive.category-blog .site-body-container {
  display: block !important;
}

body.archive.category-blog .main-section.main-section--col--two {
  width: 100% !important;
  max-width: 980px !important;
  flex: 0 0 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ブログカテゴリー一覧の右サイドバーを非表示 */
body.archive.category-blog .sub-section.sub-section--col--two {
  display: none !important;
}
/* =========================================================
   ILCHI / BLOG SINGLE
   梅田ブログ個別記事
   2026-10-07
========================================================= */

/* blogカテゴリーの記事だけ1カラム */
body.single-post.category-blog .site-body-container {
  display: block !important;
}

body.single-post.category-blog .main-section.main-section--col--two {
  width: 100% !important;
  max-width: 980px !important;
  flex: 0 0 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 個別記事の右サイドバーを非表示 */
body.single-post.category-blog .sub-section.sub-section--col--two {
  display: none !important;
}
/* =========================================================
   BLOG SINGLE / RELATED POSTS
   Jetpack関連記事
   2026-10-07
========================================================= */

body.single-post.category-blog #jp-relatedposts {
  margin: 56px 0 36px !important;
  padding: 32px !important;

  background: #fbfaf5 !important;
  border: 1px solid rgba(111, 143, 95, 0.18) !important;
  border-radius: 24px !important;
}

/* 「関連」見出し */
body.single-post.category-blog
#jp-relatedposts .jp-relatedposts-headline {
  display: block !important;
  margin: 0 0 24px !important;

  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  color: #2f4635 !important;
}

/* Jetpack既定の短い上線を解除 */
body.single-post.category-blog
#jp-relatedposts .jp-relatedposts-headline em::before {
  display: none !important;
  content: none !important;
}

/* italic解除 */
body.single-post.category-blog
#jp-relatedposts .jp-relatedposts-headline em {
  font-style: normal !important;
  font-weight: 700 !important;
}

/* 関連記事3件 */
body.single-post.category-blog
#jp-relatedposts .jp-relatedposts-items {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

/* 直下の記事をカード化 */
body.single-post.category-blog
#jp-relatedposts .jp-relatedposts-items > * {
  margin: 0 !important;
  padding: 20px !important;

  background: #ffffff !important;
  border: 1px solid rgba(111, 143, 95, 0.16) !important;
  border-radius: 18px !important;
}

/* リンク */
body.single-post.category-blog
#jp-relatedposts .jp-relatedposts-items > * a {
  color: #2f4635 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* 補助情報 */
body.single-post.category-blog
#jp-relatedposts .jp-relatedposts-items > * p {
  color: #667066 !important;
  line-height: 1.7 !important;
}


/* smartphone */
@media screen and (max-width: 640px) {

  body.single-post.category-blog #jp-relatedposts {
    margin-top: 40px !important;
    padding: 22px 18px !important;
    border-radius: 18px !important;
  }

  body.single-post.category-blog
  #jp-relatedposts .jp-relatedposts-items {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
}
/* =========================================================
   BLOG SINGLE / RELATED POSTS WIDTH FIX
   Jetpack既定のwidth・floatを解除
   2026-10-07
========================================================= */

body.single-post.category-blog
#jp-relatedposts .jp-relatedposts-items
.jp-relatedposts-post {
  float: none !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  margin: 0 !important;
  box-sizing: border-box !important;
}

/* タイトル・日付なども通常の横書きへ */
body.single-post.category-blog
#jp-relatedposts .jp-relatedposts-post-title,
body.single-post.category-blog
#jp-relatedposts .jp-relatedposts-post-title a,
body.single-post.category-blog
#jp-relatedposts .jp-relatedposts-post-date,
body.single-post.category-blog
#jp-relatedposts .jp-relatedposts-post-context {
  width: auto !important;
  max-width: none !important;

  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}
/* =========================================================
   BLOG SINGLE / CATEGORY + PREV NEXT
   2026-10-07
========================================================= */

/* -------------------------
   カテゴリー表示
------------------------- */

body.single-post.category-blog .entry-footer {
  margin: 26px 0 30px !important;
  padding: 0 !important;
  border: 0 !important;

  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;

  font-size: 13px !important;
}

body.single-post.category-blog .entry-footer a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 7px 16px !important;

  background: #edf3e9 !important;
  color: #55704f !important;

  border-radius: 999px !important;

  font-weight: 700 !important;
  text-decoration: none !important;
}

body.single-post.category-blog .entry-footer a:hover {
  background: #6f8f5f !important;
  color: #fff !important;
}


/* -------------------------
   前の記事 / 次の記事
------------------------- */

body.single-post.category-blog .vk_posts_next-prev {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px !important;

  margin: 32px 0 56px !important;
}

/* 各カード */
body.single-post.category-blog
.vk_posts_next-prev .vk_post {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;

  overflow: hidden !important;

  background: #fff !important;

  border: 1px solid rgba(111, 143, 95, 0.18) !important;
  border-radius: 20px !important;

  box-shadow: 0 12px 28px rgba(60, 75, 55, 0.08) !important;
}

/* リンク全体 */
body.single-post.category-blog
.vk_posts_next-prev .vk_post > a {
  display: block !important;
  height: 100% !important;

  color: #2f4635 !important;
  text-decoration: none !important;
}

/* 画像部分 */
body.single-post.category-blog
.vk_posts_next-prev .vk_post_imgOuter {
  height: 220px !important;
  overflow: hidden !important;
  border-radius: 20px 20px 0 0 !important;
}

/* 実画像 */
body.single-post.category-blog
.vk_posts_next-prev .vk_post_imgOuter img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;
}

/* タイトル部分 */
body.single-post.category-blog
.vk_posts_next-prev .vk_post_body {
  padding: 18px 20px 20px !important;

  background: #fff !important;
  color: #2f4635 !important;
}

/* hover */
body.single-post.category-blog
.vk_posts_next-prev .vk_post:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(60, 75, 55, 0.12) !important;
}


/* =========================================================
   SMARTPHONE
========================================================= */

@media screen and (max-width: 640px) {

  body.single-post.category-blog .vk_posts_next-prev {
    grid-template-columns: 1fr !important;
    gap: 16px !important;

    margin-bottom: 40px !important;
  }

  body.single-post.category-blog
  .vk_posts_next-prev .vk_post_imgOuter {
    height: 190px !important;
  }
}
/* =========================================================
   BLOG SINGLE / PREV NEXT LABEL
   C1グリーンへ統一
========================================================= */

body.single-post.category-blog
.next-prev .vk_post_imgOuter_singleTermLabel {
  background-color: #6f8f5f !important;
  color: #ffffff !important;
}
/* =========================================================
   UMEDA BLOG ARCHIVE / 1 COLUMN FINAL
   実DOM確認済み
========================================================= */

/* Lightningの2カラム親を解除 */
body.archive.category-blog
.site-body-container.container {
  display: block !important;
}

/* メインカラムを100%へ */
body.archive.category-blog
#main.main-section.main-section--col--two {
  float: none !important;
  flex: 0 0 100% !important;

  width: 100% !important;
  max-width: 100% !important;

  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 記事一覧コンテナも全幅 */
body.archive.category-blog
#main
.post-list.vk_posts.vk_posts--mainSection {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 各記事は親いっぱい */
body.archive.category-blog
#main
.post-list.vk_posts.vk_posts--mainSection
> .vk_post {
  width: 100% !important;
  max-width: none !important;
}

/* 右サイドバーは非表示 */
body.archive.category-blog
.sub-section.sub-section--col--two {
  display: none !important;
}