@charset "UTF-8";

/* =========================================================
   MIKAGE A2 / BLOG THUMBNAIL LIST REPAIR FINAL
   2026-08-04

   原因:
   Lightningの投稿カードは article ではなく div.vk_post。
   先行CSSの article.vk_post 指定が親要素へ効かず、
   画像・本文・ボタンだけが崩れていたため、実DOMに合わせて修復。
========================================================= */

/* 一覧全体を1列に固定 */
body.ilchi-mikage-blog-archive .main-section .vk_posts,
body.ilchi-mikage-blog-archive .main-section .postList,
body.ilchi-mikage-blog-archive .main-section .post-list {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Bootstrap / VK Postsのカラム幅を解除 */
body.ilchi-mikage-blog-archive .main-section .vk_posts > .vk_post,
body.ilchi-mikage-blog-archive .main-section .vk_post[class*="vk_post-col-"] {
  float: none !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

/* 投稿1件：左画像＋右本文 */
body.ilchi-mikage-blog-archive .main-section .vk_posts > .vk_post,
body.ilchi-mikage-blog-archive .main-section .vk_post {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 24px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ilchi-a2-border, #eadfd6) !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

body.ilchi-mikage-blog-archive .main-section .vk_posts > .vk_post:first-child {
  border-top: 1px solid var(--ilchi-a2-border, #eadfd6) !important;
}

/* clearfix */
body.ilchi-mikage-blog-archive .main-section .vk_post::before,
body.ilchi-mikage-blog-archive .main-section .vk_post::after {
  content: none !important;
  display: none !important;
}

/* サムネイル */
body.ilchi-mikage-blog-archive .main-section .vk_post .vk_post_imgOuter {
  position: relative !important;
  display: block !important;
  flex: 0 0 250px !important;
  width: 250px !important;
  max-width: 250px !important;
  min-width: 250px !important;
  height: 141px !important;
  min-height: 141px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--ilchi-a2-border, #eadfd6) !important;
  border-radius: 4px !important;
  background-color: #f7f2ed !important;
  background-image: url("https://ilchibrainyoga-mikage.com/wp-content/uploads/2026/08/248fe74e2bc5820a25c8b8e0fbe37820.jpg");
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Lightning標準の比率用疑似要素を停止 */
body.ilchi-mikage-blog-archive .main-section .vk_post .vk_post_imgOuter::before {
  content: none !important;
  display: none !important;
  padding: 0 !important;
}

/* 画像リンク */
body.ilchi-mikage-blog-archive .main-section .vk_post .vk_post_imgOuter > a {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 実画像 */
body.ilchi-mikage-blog-archive .main-section .vk_post .vk_post_imgOuter img,
body.ilchi-mikage-blog-archive .main-section .vk_post .vk_post_imgOuter_img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* アイキャッチ未設定時 */
body.ilchi-mikage-blog-archive
  .main-section
  .vk_post
  .vk_post_imgOuter[style*="no-image.png"],
body.ilchi-mikage-blog-archive
  .main-section
  .vk_post
  .vk_post_imgOuter[style*="noimage"] {
  background-image: url("https://ilchibrainyoga-mikage.com/wp-content/uploads/2026/08/248fe74e2bc5820a25c8b8e0fbe37820.jpg") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

body.ilchi-mikage-blog-archive
  .main-section
  .vk_post
  .vk_post_imgOuter
  img[src*="no-image"],
body.ilchi-mikage-blog-archive
  .main-section
  .vk_post
  .vk_post_imgOuter
  img[src*="noimage"] {
  opacity: 0 !important;
}

/* カテゴリーの画像オーバーレイは非表示 */
body.ilchi-mikage-blog-archive .main-section .vk_post .card-img-overlay {
  display: none !important;
}

/* 右側本文 */
body.ilchi-mikage-blog-archive .main-section .vk_post .vk_post_body,
body.ilchi-mikage-blog-archive .main-section .vk_post .media-body {
  position: static !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 141px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

/* タイトル */
body.ilchi-mikage-blog-archive .main-section .vk_post .vk_post_title {
  position: static !important;
  display: block !important;
  width: 100% !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  color: var(--ilchi-a2-text, #302820) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.55 !important;
  white-space: normal !important;
  overflow: visible !important;
}

body.ilchi-mikage-blog-archive .main-section .vk_post .vk_post_title a {
  color: inherit !important;
  text-decoration: none !important;
}

/* 日付 */
body.ilchi-mikage-blog-archive .main-section .vk_post .vk_post_date,
body.ilchi-mikage-blog-archive .main-section .vk_post .vk_post_dates {
  position: static !important;
  display: block !important;
  width: 100% !important;
  margin: 0 0 10px !important;
  color: #9a8170 !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
}

/* 抜粋 */
body.ilchi-mikage-blog-archive .main-section .vk_post .vk_post_excerpt {
  position: static !important;
  display: -webkit-box !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  color: var(--ilchi-a2-subtext, #63564d) !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  white-space: normal !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

/* 続きを読む */
body.ilchi-mikage-blog-archive .main-section .vk_post .vk_post_btnOuter {
  position: static !important;
  inset: auto !important;
  display: block !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  height: auto !important;
  margin: auto 0 0 !important;
  padding: 0 !important;
  text-align: right !important;
  transform: none !important;
}

body.ilchi-mikage-blog-archive .main-section .vk_post .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: 104px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 1px solid var(--ilchi-a2-accent, #f28a2e) !important;
  border-radius: 999px !important;
  background: var(--ilchi-a2-accent, #f28a2e) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  transform: none !important;
}

/* ページ送り */
body.ilchi-mikage-blog-archive .pagination,
body.ilchi-mikage-blog-archive .navigation.pagination,
body.ilchi-mikage-blog-archive .vk_pagination {
  display: block !important;
  width: 100% !important;
  margin: 34px 0 0 !important;
  text-align: center !important;
}

/* =========================================================
   Smartphone
========================================================= */

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

  body.ilchi-mikage-blog-archive .main-section .vk_posts > .vk_post,
  body.ilchi-mikage-blog-archive .main-section .vk_post {
    display: block !important;
    width: 100% !important;
    padding: 22px 0 !important;
  }

  body.ilchi-mikage-blog-archive .main-section .vk_post .vk_post_imgOuter {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
    margin: 0 0 16px !important;
  }

  body.ilchi-mikage-blog-archive .main-section .vk_post .vk_post_body,
  body.ilchi-mikage-blog-archive .main-section .vk_post .media-body {
    display: flex !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  body.ilchi-mikage-blog-archive .main-section .vk_post .vk_post_title {
    font-size: 17px !important;
  }

  body.ilchi-mikage-blog-archive .main-section .vk_post .vk_post_btnOuter {
    margin-top: 4px !important;
  }
}
/* =========================================================
   MIKAGE A2 / BLOG ARCHIVE SIDEBAR REMOVE FINAL
   ブログ一覧の「最近の投稿」列を非表示
========================================================= */

/* 右サイドバーを非表示 */
body.ilchi-mikage-blog-archive #sub-section,
body.ilchi-mikage-blog-archive .sub-section,
body.ilchi-mikage-blog-archive .subSection,
body.ilchi-mikage-blog-archive #secondary,
body.ilchi-mikage-blog-archive .side-section,
body.ilchi-mikage-blog-archive .sideSection,
body.ilchi-mikage-blog-archive aside.widget-area,
body.ilchi-mikage-blog-archive .sidebar {
  display: none !important;
  float: none !important;
  flex: none !important;
  width: 0 !important;
  max-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 2列構造を解除 */
body.ilchi-mikage-blog-archive .site-body-container {
  display: block !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 24px !important;
  padding-left: 24px !important;
  box-sizing: border-box !important;
}

/* ブログ一覧を中央へ広げる */
body.ilchi-mikage-blog-archive #main-section,
body.ilchi-mikage-blog-archive #main-section.main-section,
body.ilchi-mikage-blog-archive .main-section,
body.ilchi-mikage-blog-archive .mainSection {
  display: block !important;
  float: none !important;
  flex: none !important;
  width: 100% !important;
  max-width: 1040px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

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

  body.ilchi-mikage-blog-archive .site-body-container {
    max-width: 100% !important;
    padding-right: 18px !important;
    padding-left: 18px !important;
  }

  body.ilchi-mikage-blog-archive #main-section,
  body.ilchi-mikage-blog-archive #main-section.main-section,
  body.ilchi-mikage-blog-archive .main-section,
  body.ilchi-mikage-blog-archive .mainSection {
    width: 100% !important;
    max-width: 100% !important;
  }
}