/* =========================================================
   KOBE SHIN-NAGATA B2 / BLOG
   Target: blog archive + single post
========================================================= */

/* ---------------------------------------------------------
   1. Page title band
--------------------------------------------------------- */
body.ilchi-kobe-blog .page-header {
  min-height: 118px !important;
  margin: 0 !important;
  padding: 28px 20px !important;
  background: #ff9b87 !important;
  background-color: #ff9b87 !important;
  color: #ffffff !important;
  box-sizing: border-box !important;
}

body.ilchi-kobe-blog .page-header .container,
body.ilchi-kobe-blog .page-header-inner {
  min-height: 62px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.ilchi-kobe-blog .page-header h1,
body.ilchi-kobe-blog .page-header .page-header-title,
body.ilchi-kobe-blog .page-header .page-header-title-string {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  font-size: 30px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  text-align: center !important;
  box-shadow: none !important;
}

/* ---------------------------------------------------------
   2. Main layout: remove blog sidebar and use one column
--------------------------------------------------------- */
body.ilchi-kobe-blog .site-body {
  padding-top: 44px !important;
}

body.ilchi-kobe-blog .site-body-container {
  display: block !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

body.ilchi-kobe-blog #main-section.main-section,
body.ilchi-kobe-blog .main-section {
  float: none !important;
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: 0 0 76px !important;
  box-sizing: border-box !important;
}

body.ilchi-kobe-blog #side-section,
body.ilchi-kobe-blog .site-body-container > .side-section,
body.ilchi-kobe-blog .site-body-container > aside.side-section {
  display: none !important;
}

/* ---------------------------------------------------------
   3. Blog archive list
--------------------------------------------------------- */
body.ilchi-kobe-blog-archive .main-section .vk_posts,
body.ilchi-kobe-blog-archive .main-section .postList,
body.ilchi-kobe-blog-archive .main-section .post-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 22px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ilchi-kobe-blog-archive .main-section article.vk_post,
body.ilchi-kobe-blog-archive .main-section .vk_posts > article,
body.ilchi-kobe-blog-archive .main-section .postList > article,
body.ilchi-kobe-blog-archive .main-section .post-list > article,
body.ilchi-kobe-blog-archive .main-section article.post {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 26px 28px !important;
  border: 1px solid #efd9c9 !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 28px rgba(112, 70, 37, 0.07) !important;
  box-sizing: border-box !important;
}

/* Old placeholder thumbnails are hidden so text cards align cleanly. */
body.ilchi-kobe-blog-archive .main-section .vk_post_imgOuter,
body.ilchi-kobe-blog-archive .main-section .vk_post_img,
body.ilchi-kobe-blog-archive .main-section .postList_thumbnail,
body.ilchi-kobe-blog-archive .main-section .post-thumbnail,
body.ilchi-kobe-blog-archive .main-section article.post > a:first-child:has(img) {
  display: none !important;
}

body.ilchi-kobe-blog-archive .main-section .media-body,
body.ilchi-kobe-blog-archive .main-section .vk_post_body,
body.ilchi-kobe-blog-archive .main-section .entry-body {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ilchi-kobe-blog-archive .main-section h2,
body.ilchi-kobe-blog-archive .main-section h3,
body.ilchi-kobe-blog-archive .main-section h4,
body.ilchi-kobe-blog-archive .main-section h5,
body.ilchi-kobe-blog-archive .main-section .vk_post_title {
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #302820 !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  line-height: 1.55 !important;
  box-shadow: none !important;
}

body.ilchi-kobe-blog-archive .main-section h2 a,
body.ilchi-kobe-blog-archive .main-section h3 a,
body.ilchi-kobe-blog-archive .main-section h4 a,
body.ilchi-kobe-blog-archive .main-section h5 a,
body.ilchi-kobe-blog-archive .main-section .vk_post_title a {
  color: #302820 !important;
  text-decoration: none !important;
}

body.ilchi-kobe-blog-archive .main-section h2 a:hover,
body.ilchi-kobe-blog-archive .main-section h3 a:hover,
body.ilchi-kobe-blog-archive .main-section h4 a:hover,
body.ilchi-kobe-blog-archive .main-section h5 a:hover,
body.ilchi-kobe-blog-archive .main-section .vk_post_title a:hover {
  color: #d96b16 !important;
}

body.ilchi-kobe-blog-archive .main-section .vk_post_date,
body.ilchi-kobe-blog-archive .main-section .entry-meta,
body.ilchi-kobe-blog-archive .main-section .published,
body.ilchi-kobe-blog-archive .main-section time {
  color: #9a8170 !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
}

body.ilchi-kobe-blog-archive .main-section .vk_post_excerpt,
body.ilchi-kobe-blog-archive .main-section .entry-summary,
body.ilchi-kobe-blog-archive .main-section article p {
  margin: 12px 0 18px !important;
  color: #63564d !important;
  font-size: 14px !important;
  line-height: 1.85 !important;
}

body.ilchi-kobe-blog-archive .main-section .vk_post_btnOuter,
body.ilchi-kobe-blog-archive .main-section .more-link-wrap {
  margin-top: 18px !important;
  text-align: left !important;
}

body.ilchi-kobe-blog-archive .main-section .btn,
body.ilchi-kobe-blog-archive .main-section .more-link,
body.ilchi-kobe-blog-archive .main-section a.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 126px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  border: 1px solid #f28a2e !important;
  border-radius: 999px !important;
  background: #f28a2e !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

body.ilchi-kobe-blog-archive .main-section .btn:hover,
body.ilchi-kobe-blog-archive .main-section .more-link:hover,
body.ilchi-kobe-blog-archive .main-section a.btn:hover {
  background: #d96b16 !important;
  border-color: #d96b16 !important;
  color: #ffffff !important;
}

/* Pagination */
body.ilchi-kobe-blog-archive .pagination,
body.ilchi-kobe-blog-archive .navigation.pagination,
body.ilchi-kobe-blog-archive .vk_pagination {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  margin: 36px 0 0 !important;
  text-align: center !important;
}

body.ilchi-kobe-blog-archive .pagination .page-numbers,
body.ilchi-kobe-blog-archive .vk_pagination a,
body.ilchi-kobe-blog-archive .vk_pagination span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 38px !important;
  min-height: 38px !important;
  margin: 3px !important;
  padding: 0 10px !important;
  border: 1px solid #edcdb7 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #c86c24 !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

body.ilchi-kobe-blog-archive .pagination .current,
body.ilchi-kobe-blog-archive .vk_pagination .current {
  background: #f28a2e !important;
  border-color: #f28a2e !important;
  color: #ffffff !important;
}

/* ---------------------------------------------------------
   4. Single blog post
--------------------------------------------------------- */
body.ilchi-kobe-blog-single #main-section > article,
body.ilchi-kobe-blog-single .main-section > article.post,
body.ilchi-kobe-blog-single .main-section > article.type-post {
  width: 100% !important;
  margin: 0 !important;
  padding: 40px 44px !important;
  border: 1px solid #efd9c9 !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 32px rgba(112, 70, 37, 0.08) !important;
  box-sizing: border-box !important;
}

body.ilchi-kobe-blog-single .entry-header {
  margin: 0 0 28px !important;
  padding: 0 0 22px !important;
  border-bottom: 2px solid #f28a2e !important;
}

body.ilchi-kobe-blog-single .entry-title,
body.ilchi-kobe-blog-single h1.entry-title {
  margin: 0 0 14px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #302820 !important;
  font-size: 30px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
  box-shadow: none !important;
}

body.ilchi-kobe-blog-single .entry-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 14px !important;
  margin: 0 !important;
  color: #927966 !important;
  font-size: 12px !important;
  line-height: 1.7 !important;
}

body.ilchi-kobe-blog-single .entry-meta img,
body.ilchi-kobe-blog-single .entry-meta .avatar {
  display: none !important;
}

body.ilchi-kobe-blog-single .entry-body,
body.ilchi-kobe-blog-single .entry-content {
  color: #4f453e !important;
  font-size: 16px !important;
  line-height: 2 !important;
}

body.ilchi-kobe-blog-single .entry-body p,
body.ilchi-kobe-blog-single .entry-content p {
  margin: 0 0 1.4em !important;
}

body.ilchi-kobe-blog-single .entry-body h2,
body.ilchi-kobe-blog-single .entry-content h2 {
  margin: 42px 0 20px !important;
  padding: 14px 18px !important;
  border: 0 !important;
  border-left: 6px solid #e98a3a !important;
  border-radius: 10px !important;
  background: #fff7f1 !important;
  color: #c86c24 !important;
  font-size: 23px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
  box-shadow: none !important;
}

body.ilchi-kobe-blog-single .entry-body h3,
body.ilchi-kobe-blog-single .entry-content h3 {
  margin: 34px 0 16px !important;
  padding: 0 0 10px !important;
  border: 0 !important;
  border-bottom: 2px solid #f0c6a8 !important;
  background: transparent !important;
  color: #c86c24 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.6 !important;
}

body.ilchi-kobe-blog-single .entry-body img,
body.ilchi-kobe-blog-single .entry-content img,
body.ilchi-kobe-blog-single .entry-body iframe,
body.ilchi-kobe-blog-single .entry-content iframe {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 14px !important;
}

body.ilchi-kobe-blog-single .entry-body a,
body.ilchi-kobe-blog-single .entry-content a {
  color: #c9671f !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}

/* Category and tag areas */
body.ilchi-kobe-blog-single .entry-footer,
body.ilchi-kobe-blog-single .entry-meta-data-list,
body.ilchi-kobe-blog-single .entry-meta-data {
  margin-top: 34px !important;
  padding-top: 22px !important;
  border-top: 1px solid #eadfd6 !important;
}

body.ilchi-kobe-blog-single .entry-footer a,
body.ilchi-kobe-blog-single .entry-meta-data a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 32px !important;
  margin: 3px 5px 3px 0 !important;
  padding: 4px 12px !important;
  border: 1px solid #edcdb7 !important;
  border-radius: 999px !important;
  background: #fff8f2 !important;
  color: #c86c24 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
}

/* Previous / next post navigation */
body.ilchi-kobe-blog-single .post-navigation,
body.ilchi-kobe-blog-single .navigation.post-navigation,
body.ilchi-kobe-blog-single .next-prev {
  margin: 26px 0 0 !important;
}

body.ilchi-kobe-blog-single .post-navigation .nav-links,
body.ilchi-kobe-blog-single .navigation.post-navigation .nav-links,
body.ilchi-kobe-blog-single .next-prev {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

body.ilchi-kobe-blog-single .post-navigation a,
body.ilchi-kobe-blog-single .next-prev a {
  display: flex !important;
  align-items: center !important;
  min-height: 92px !important;
  padding: 18px 20px !important;
  border: 1px solid #efd9c9 !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  color: #4f453e !important;
  font-weight: 700 !important;
  line-height: 1.65 !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

body.ilchi-kobe-blog-single .post-navigation a:hover,
body.ilchi-kobe-blog-single .next-prev a:hover {
  background: #fff7f1 !important;
  color: #c86c24 !important;
}

/* ---------------------------------------------------------
   5. Tablet and mobile
--------------------------------------------------------- */
@media screen and (max-width: 899px) {
  body.ilchi-kobe-blog-archive .main-section .vk_posts,
  body.ilchi-kobe-blog-archive .main-section .postList,
  body.ilchi-kobe-blog-archive .main-section .post-list {
    grid-template-columns: 1fr !important;
  }
}

@media screen and (max-width: 767px) {
  body.ilchi-kobe-blog .page-header {
    min-height: 82px !important;
    padding: 18px 16px !important;
  }

  body.ilchi-kobe-blog .page-header .container,
  body.ilchi-kobe-blog .page-header-inner {
    min-height: 46px !important;
  }

  body.ilchi-kobe-blog .page-header h1,
  body.ilchi-kobe-blog .page-header .page-header-title,
  body.ilchi-kobe-blog .page-header .page-header-title-string {
    font-size: 23px !important;
  }

  body.ilchi-kobe-blog .site-body {
    padding-top: 28px !important;
  }

  body.ilchi-kobe-blog .site-body-container {
    padding: 0 18px !important;
  }

  body.ilchi-kobe-blog #main-section.main-section,
  body.ilchi-kobe-blog .main-section {
    padding-bottom: 54px !important;
  }

  body.ilchi-kobe-blog-archive .main-section article.vk_post,
  body.ilchi-kobe-blog-archive .main-section .vk_posts > article,
  body.ilchi-kobe-blog-archive .main-section .postList > article,
  body.ilchi-kobe-blog-archive .main-section .post-list > article,
  body.ilchi-kobe-blog-archive .main-section article.post {
    padding: 22px 20px !important;
    border-radius: 18px !important;
  }

  body.ilchi-kobe-blog-archive .main-section h2,
  body.ilchi-kobe-blog-archive .main-section h3,
  body.ilchi-kobe-blog-archive .main-section h4,
  body.ilchi-kobe-blog-archive .main-section h5,
  body.ilchi-kobe-blog-archive .main-section .vk_post_title {
    font-size: 18px !important;
  }

  body.ilchi-kobe-blog-single #main-section > article,
  body.ilchi-kobe-blog-single .main-section > article.post,
  body.ilchi-kobe-blog-single .main-section > article.type-post {
    padding: 26px 20px !important;
    border-radius: 18px !important;
  }

  body.ilchi-kobe-blog-single .entry-title,
  body.ilchi-kobe-blog-single h1.entry-title {
    font-size: 23px !important;
  }

  body.ilchi-kobe-blog-single .entry-body,
  body.ilchi-kobe-blog-single .entry-content {
    font-size: 15px !important;
    line-height: 1.9 !important;
  }

  body.ilchi-kobe-blog-single .entry-body h2,
  body.ilchi-kobe-blog-single .entry-content h2 {
    padding: 12px 14px !important;
    border-left-width: 5px !important;
    font-size: 20px !important;
  }

  body.ilchi-kobe-blog-single .entry-body h3,
  body.ilchi-kobe-blog-single .entry-content h3 {
    font-size: 18px !important;
  }

  body.ilchi-kobe-blog-single .post-navigation .nav-links,
  body.ilchi-kobe-blog-single .navigation.post-navigation .nav-links,
  body.ilchi-kobe-blog-single .next-prev {
    grid-template-columns: 1fr !important;
  }
}
/* =========================================================
   KOBE B2 / BLOG SIDEBAR REMOVE FINAL
   ブログ一覧・個別投稿・各アーカイブ
========================================================= */

/* Lightningの右サイドバーを非表示 */
body.ilchi-kobe-blog #sub-section,
body.ilchi-kobe-blog .sub-section,
body.blog #sub-section,
body.blog .sub-section,
body.single-post #sub-section,
body.single-post .sub-section,
body.category #sub-section,
body.category .sub-section,
body.tag #sub-section,
body.tag .sub-section,
body.date #sub-section,
body.date .sub-section {
  display: none !important;
  width: 0 !important;
  max-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 本文とサイドバーの2列構造を解除 */
body.ilchi-kobe-blog .site-body-container,
body.blog .site-body-container,
body.single-post .site-body-container,
body.category .site-body-container,
body.tag .site-body-container,
body.date .site-body-container {
  display: block !important;
}

/* ブログ本文を中央の全幅へ */
body.ilchi-kobe-blog #main-section.main-section,
body.blog #main-section.main-section,
body.single-post #main-section.main-section,
body.category #main-section.main-section,
body.tag #main-section.main-section,
body.date #main-section.main-section {
  float: none !important;
  flex: none !important;
  width: 100% !important;
  max-width: 1040px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

/* 古いfloatの影響を解除 */
body.ilchi-kobe-blog #main-section::after,
body.blog #main-section::after,
body.single-post #main-section::after,
body.category #main-section::after,
body.tag #main-section::after,
body.date #main-section::after {
  content: "" !important;
  display: block !important;
  clear: both !important;
}

@media screen and (max-width: 767px) {
  body.ilchi-kobe-blog #main-section.main-section,
  body.blog #main-section.main-section,
  body.single-post #main-section.main-section,
  body.category #main-section.main-section,
  body.tag #main-section.main-section,
  body.date #main-section.main-section {
    width: 100% !important;
    max-width: 100% !important;
  }
}
/* =========================================================
   KOBE B2 / BLOG EXCERPT AND BUTTON FIX
   抜粋文と「続きを読む」の重なり解消
========================================================= */

/* 記事カードの高さを内容に合わせる */
body.blog .postList_item,
body.archive .postList_item {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

/* 抜粋部分を縦並びにする */
body.blog .postList_item .entry-body,
body.archive .postList_item .entry-body {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: 100% !important;
  overflow: visible !important;
}

/* 抜粋文 */
body.blog .postList_item .entry-body p,
body.archive .postList_item .entry-body p {
  order: 1 !important;
  display: block !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  margin: 0 0 14px !important;
  line-height: 1.8 !important;
}

/* 続きを読むボタン */
body.blog .postList_item .more-link,
body.blog .postList_item a.btn,
body.blog .postList_item .btn,
body.archive .postList_item .more-link,
body.archive .postList_item a.btn,
body.archive .postList_item .btn {
  order: 2 !important;
  position: static !important;
  float: none !important;
  clear: both !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 100px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 22px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* floatの回り込みを完全に解除 */
body.blog .postList_item .entry-body::after,
body.archive .postList_item .entry-body::after {
  content: "" !important;
  display: block !important;
  clear: both !important;
}
/* =========================================================
   KOBE B2 / BLOG EXCERPT BUTTON FLOW FINAL
   実際のLightning投稿一覧classに対応
========================================================= */

/* 各投稿を内容の高さに合わせる */
body.blog .vk_post,
body.archive .vk_post {
  position: relative !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

/* 本文部分を縦並びにする */
body.blog .vk_post_body,
body.archive .vk_post_body {
  position: static !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

/* 記事タイトル */
body.blog .vk_post_title,
body.archive .vk_post_title {
  width: 100% !important;
  margin-bottom: 14px !important;
}

/* 日付 */
body.blog .vk_post_dates,
body.archive .vk_post_dates {
  width: 100% !important;
  margin-bottom: 14px !important;
}

/* 抜粋文 */
body.blog .vk_post_excerpt,
body.archive .vk_post_excerpt {
  position: static !important;
  display: block !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  line-height: 1.8 !important;
  overflow: visible !important;
}

/* ボタン外枠のabsolute・floatを解除 */
body.blog .vk_post_btnOuter,
body.archive .vk_post_btnOuter {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  display: block !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  text-align: left !important;
  transform: none !important;
}

/* 続きを読むボタン */
body.blog .vk_post_btnOuter .vk_post_btn,
body.archive .vk_post_btnOuter .vk_post_btn {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  float: none !important;
  width: auto !important;
  min-width: 112px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 22px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  transform: none !important;
}

/* 投稿間の余白 */
body.blog .vk_post + .vk_post,
body.archive .vk_post + .vk_post {
  margin-top: 28px !important;
}

/* スマホ */
@media screen and (max-width: 767px) {

  body.blog .vk_post,
  body.archive .vk_post {
    display: block !important;
    padding-bottom: 24px !important;
  }

  body.blog .vk_post_excerpt,
  body.archive .vk_post_excerpt {
    margin-bottom: 16px !important;
  }

  body.blog .vk_post_btnOuter,
  body.archive .vk_post_btnOuter {
    margin-bottom: 20px !important;
  }
}
/* =========================================================
   KOBE B2 / BLOG NEXT PREV CARD FINAL
   個別投稿下の前後記事カード
========================================================= */

/* 前後記事エリア */
body.single-post .vk_posts.next-prev {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 20px !important;
  width: 100% !important;
  max-width: 900px !important;
  margin: 28px auto 56px !important;
  padding: 0 !important;
}

/* 記事がない側の空要素を非表示 */
body.single-post .vk_posts.next-prev > div:not(.vk_post) {
  display: none !important;
}

/* 関連記事カード */
body.single-post .vk_posts.next-prev > .vk_post {
  flex: 0 1 420px !important;
  width: 100% !important;
  max-width: 420px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #f0dac9 !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  overflow: hidden !important;
  box-shadow: 0 8px 22px rgba(112, 70, 37, 0.07) !important;
}

/* カード全体のリンク */
body.single-post .vk_posts.next-prev > .vk_post > a {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  color: #302820 !important;
  text-decoration: none !important;
}

/* 画像部分 */
body.single-post .vk_posts.next-prev .vk_post_imgOuter {
  position: relative !important;
  width: 100% !important;
  height: 170px !important;
  min-height: 170px !important;
  margin: 0 !important;
  background-position: center !important;
  background-size: cover !important;
}

/* 黒い画像オーバーレイを解除 */
body.single-post .vk_posts.next-prev .card-img-overlay {
  display: none !important;
}

/* タイトル部分 */
body.single-post .vk_posts.next-prev .vk_post_body {
  position: static !important;
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  background: #ffffff !important;
  color: #302820 !important;
  box-sizing: border-box !important;
}

/* タイトル文字 */
body.single-post .vk_posts.next-prev .vk_post_title,
body.single-post .vk_posts.next-prev .vk_post_title a {
  margin: 0 !important;
  color: #302820 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.6 !important;
  text-decoration: none !important;
}

/* スマホ */
@media screen and (max-width: 767px) {

  body.single-post .vk_posts.next-prev {
    display: block !important;
    width: 100% !important;
    margin: 24px auto 40px !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  body.single-post .vk_posts.next-prev > .vk_post {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.single-post .vk_posts.next-prev .vk_post_imgOuter {
    height: 145px !important;
    min-height: 145px !important;
  }

  body.single-post .vk_posts.next-prev .vk_post_body {
    padding: 14px 16px !important;
  }

  body.single-post .vk_posts.next-prev .vk_post_title,
  body.single-post .vk_posts.next-prev .vk_post_title a {
    font-size: 15px !important;
  }
}
/* =========================================================
   KOBE B2 / NEXT-PREV NO IMAGE HIDE
   アイキャッチ未設定時は代替画像を表示しない
========================================================= */

body.single-post
.vk_posts.next-prev
.vk_post_imgOuter[style*="no-image.png"] {
  display: none !important;
}

body.single-post
.vk_posts.next-prev
.vk_post_imgOuter[style*="no-image.png"] + .vk_post_body {
  padding: 18px 20px !important;
}

body.single-post
.vk_posts.next-prev
.vk_post_imgOuter[style*="no-image.png"] + .vk_post_body
.vk_post_title {
  margin: 0 !important;
}