@charset "UTF-8";

/* =========================================================
   ILCHI Brain Yoga Narimasu B2 / Blog + Information
   Archive + Single
========================================================= */

/* ---------------------------------------------------------
   1. B2 title band
--------------------------------------------------------- */
body.ilchi-narimasu-blog .page-header,
body.ilchi-narimasu-blog .pageHeader {
  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-narimasu-blog .page-header .container,
body.ilchi-narimasu-blog .page-header-inner,
body.ilchi-narimasu-blog .pageHeader .container {
  min-height: 62px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.ilchi-narimasu-blog .page-header h1,
body.ilchi-narimasu-blog .page-header .page-header-title,
body.ilchi-narimasu-blog .page-header .page-header-title-string,
body.ilchi-narimasu-blog .pageHeader h1 {
  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. One-column layout / remove sidebar
--------------------------------------------------------- */
body.ilchi-narimasu-blog .siteContent,
body.ilchi-narimasu-blog .site-body {
  padding-top: 44px !important;
}

body.ilchi-narimasu-blog .siteContent > .container,
body.ilchi-narimasu-blog .siteContent .container,
body.ilchi-narimasu-blog .site-body-container {
  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-narimasu-blog .mainSection,
body.ilchi-narimasu-blog #main-section.main-section,
body.ilchi-narimasu-blog .main-section {
  float: none !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 920px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-bottom: 76px !important;
  box-sizing: border-box !important;
}

body.ilchi-narimasu-blog .subSection,
body.ilchi-narimasu-blog .sideSection,
body.ilchi-narimasu-blog #side-section,
body.ilchi-narimasu-blog .side-section,
body.ilchi-narimasu-blog aside.widget-area {
  display: none !important;
}

/* ---------------------------------------------------------
   3. Archive list
--------------------------------------------------------- */
body.ilchi-narimasu-blog-archive .postList,
body.ilchi-narimasu-blog-archive .post-list,
body.ilchi-narimasu-blog-archive .vk_posts {
  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-narimasu-blog-archive .postList > .media,
body.ilchi-narimasu-blog-archive .post-list > article,
body.ilchi-narimasu-blog-archive .vk_posts > article,
body.ilchi-narimasu-blog-archive article.vk_post,
body.ilchi-narimasu-blog-archive article.post,
body.ilchi-narimasu-blog-archive article.type-info {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 24px !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;
}

/* Older Lightning media layout */
body.ilchi-narimasu-blog-archive .postList > .media .media-left,
body.ilchi-narimasu-blog-archive .postList > .media .media-object,
body.ilchi-narimasu-blog-archive .postList > .media .postList_thumbnail {
  float: none !important;
}

body.ilchi-narimasu-blog-archive .postList > .media .media-left {
  display: block !important;
  width: 100% !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  text-align: center !important;
}

body.ilchi-narimasu-blog-archive .postList > .media .media-left img,
body.ilchi-narimasu-blog-archive .postList img,
body.ilchi-narimasu-blog-archive .vk_post_imgOuter img,
body.ilchi-narimasu-blog-archive .post-thumbnail img {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  max-height: 210px !important;
  height: auto !important;
  margin: 0 auto !important;
  border-radius: 12px !important;
  object-fit: contain !important;
}

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

body.ilchi-narimasu-blog-archive .media-heading,
body.ilchi-narimasu-blog-archive .vk_post_title,
body.ilchi-narimasu-blog-archive article h2,
body.ilchi-narimasu-blog-archive article h3 {
  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-narimasu-blog-archive .media-heading a,
body.ilchi-narimasu-blog-archive .vk_post_title a,
body.ilchi-narimasu-blog-archive article h2 a,
body.ilchi-narimasu-blog-archive article h3 a {
  color: #302820 !important;
  text-decoration: none !important;
}

body.ilchi-narimasu-blog-archive .media-heading a:hover,
body.ilchi-narimasu-blog-archive .vk_post_title a:hover,
body.ilchi-narimasu-blog-archive article h2 a:hover,
body.ilchi-narimasu-blog-archive article h3 a:hover {
  color: #d96b16 !important;
}

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

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

body.ilchi-narimasu-blog-archive .btn,
body.ilchi-narimasu-blog-archive .more-link,
body.ilchi-narimasu-blog-archive 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;
}

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

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

/* ---------------------------------------------------------
   4. Single post / single information
--------------------------------------------------------- */
body.ilchi-narimasu-blog-single .mainSection > article,
body.ilchi-narimasu-blog-single #main-section > article,
body.ilchi-narimasu-blog-single .main-section > article,
body.ilchi-narimasu-blog-single article.post,
body.ilchi-narimasu-blog-single article.type-info {
  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-narimasu-blog-single .entry-header {
  margin: 0 0 28px !important;
  padding: 0 0 22px !important;
  border-bottom: 2px solid #f28a2e !important;
}

body.ilchi-narimasu-blog-single .entry-title,
body.ilchi-narimasu-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-narimasu-blog-single .entry-meta {
  color: #927966 !important;
  font-size: 12px !important;
  line-height: 1.7 !important;
}

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

body.ilchi-narimasu-blog-single .entry-body img,
body.ilchi-narimasu-blog-single .entry-content img {
  max-width: 100% !important;
  height: auto !important;
}

body.ilchi-narimasu-blog-single .entry-body h2,
body.ilchi-narimasu-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-narimasu-blog-single .entry-body h3,
body.ilchi-narimasu-blog-single .entry-content h3 {
  margin: 34px 0 16px !important;
  color: #302820 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.55 !important;
}

/* ---------------------------------------------------------
   5. Smartphone
--------------------------------------------------------- */
@media screen and (max-width: 767px) {

  body.ilchi-narimasu-blog .page-header,
  body.ilchi-narimasu-blog .pageHeader {
    min-height: 82px !important;
    padding: 18px 16px !important;
  }

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

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

  body.ilchi-narimasu-blog .siteContent > .container,
  body.ilchi-narimasu-blog .siteContent .container,
  body.ilchi-narimasu-blog .site-body-container {
    padding-right: 18px !important;
    padding-left: 18px !important;
  }

  body.ilchi-narimasu-blog-archive .postList,
  body.ilchi-narimasu-blog-archive .post-list,
  body.ilchi-narimasu-blog-archive .vk_posts {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  body.ilchi-narimasu-blog-archive .postList > .media,
  body.ilchi-narimasu-blog-archive .post-list > article,
  body.ilchi-narimasu-blog-archive .vk_posts > article,
  body.ilchi-narimasu-blog-archive article.vk_post,
  body.ilchi-narimasu-blog-archive article.post,
  body.ilchi-narimasu-blog-archive article.type-info {
    padding: 20px !important;
    border-radius: 18px !important;
  }

  body.ilchi-narimasu-blog-archive .media-heading,
  body.ilchi-narimasu-blog-archive .vk_post_title,
  body.ilchi-narimasu-blog-archive article h2,
  body.ilchi-narimasu-blog-archive article h3 {
    font-size: 18px !important;
  }

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

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

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

/* =========================================================
   NARIMASU / INFORMATION ARCHIVE
   成増はインフォメーション一覧をシンプルなリスト表示にする
========================================================= */

body.ilchi-narimasu-info-archive .postList,
body.ilchi-narimasu-info-archive .post-list,
body.ilchi-narimasu-info-archive .vk_posts {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ilchi-narimasu-info-archive .postList > .media,
body.ilchi-narimasu-info-archive .post-list > article,
body.ilchi-narimasu-info-archive .vk_posts > article,
body.ilchi-narimasu-info-archive article.vk_post,
body.ilchi-narimasu-info-archive article.post,
body.ilchi-narimasu-info-archive article.type-info {
  display: grid !important;
  grid-template-columns: 150px minmax(0, 1fr) !important;
  gap: 22px !important;
  align-items: start !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 22px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #eadfd6 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

body.ilchi-narimasu-info-archive .postList > .media:first-child,
body.ilchi-narimasu-info-archive .post-list > article:first-child,
body.ilchi-narimasu-info-archive .vk_posts > article:first-child {
  border-top: 1px solid #eadfd6 !important;
}

/* 左：サムネイル */
body.ilchi-narimasu-info-archive .postList > .media .media-left,
body.ilchi-narimasu-info-archive .postList > .media .postList_thumbnail,
body.ilchi-narimasu-info-archive .vk_post_imgOuter,
body.ilchi-narimasu-info-archive .post-thumbnail {
  display: block !important;
  width: 150px !important;
  max-width: 150px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

body.ilchi-narimasu-info-archive .postList > .media .media-left img,
body.ilchi-narimasu-info-archive .postList > .media .postList_thumbnail img,
body.ilchi-narimasu-info-archive .vk_post_imgOuter img,
body.ilchi-narimasu-info-archive .post-thumbnail img {
  display: block !important;
  width: 150px !important;
  height: 112px !important;
  max-width: 150px !important;
  max-height: 112px !important;
  margin: 0 auto !important;
  border-radius: 10px !important;
  object-fit: contain !important;
  background: #ffffff !important;
}

/* 右：日付・タイトル・抜粋 */
body.ilchi-narimasu-info-archive .media-body,
body.ilchi-narimasu-info-archive .vk_post_body,
body.ilchi-narimasu-info-archive .entry-body {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ilchi-narimasu-info-archive .media-heading,
body.ilchi-narimasu-info-archive .vk_post_title,
body.ilchi-narimasu-info-archive article h2,
body.ilchi-narimasu-info-archive article h3 {
  margin: 6px 0 10px !important;
  font-size: 19px !important;
  line-height: 1.55 !important;
}

/* 抜粋内の古い装飾画像・巨大画像は一覧では表示しない */
body.ilchi-narimasu-info-archive .media-body img,
body.ilchi-narimasu-info-archive .vk_post_body img,
body.ilchi-narimasu-info-archive .entry-summary img,
body.ilchi-narimasu-info-archive .vk_post_excerpt img {
  display: none !important;
}

/* 抜粋は短く読みやすく */
body.ilchi-narimasu-info-archive .entry-summary,
body.ilchi-narimasu-info-archive .vk_post_excerpt,
body.ilchi-narimasu-info-archive .media-body > p {
  display: -webkit-box !important;
  overflow: hidden !important;
  margin: 8px 0 0 !important;
  color: #63564d !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

/* 一覧では古いカテゴリラベル等を控えめに */
body.ilchi-narimasu-info-archive .entry-meta,
body.ilchi-narimasu-info-archive .vk_post_date,
body.ilchi-narimasu-info-archive time,
body.ilchi-narimasu-info-archive .published {
  color: #9a8170 !important;
  font-size: 12px !important;
}

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

  body.ilchi-narimasu-info-archive .postList > .media,
  body.ilchi-narimasu-info-archive .post-list > article,
  body.ilchi-narimasu-info-archive .vk_posts > article,
  body.ilchi-narimasu-info-archive article.vk_post,
  body.ilchi-narimasu-info-archive article.post,
  body.ilchi-narimasu-info-archive article.type-info {
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 18px 0 !important;
  }

  body.ilchi-narimasu-info-archive .postList > .media .media-left,
  body.ilchi-narimasu-info-archive .postList > .media .postList_thumbnail,
  body.ilchi-narimasu-info-archive .vk_post_imgOuter,
  body.ilchi-narimasu-info-archive .post-thumbnail {
    width: 96px !important;
    max-width: 96px !important;
  }

  body.ilchi-narimasu-info-archive .postList > .media .media-left img,
  body.ilchi-narimasu-info-archive .postList > .media .postList_thumbnail img,
  body.ilchi-narimasu-info-archive .vk_post_imgOuter img,
  body.ilchi-narimasu-info-archive .post-thumbnail img {
    width: 96px !important;
    height: 82px !important;
    max-width: 96px !important;
    max-height: 82px !important;
    border-radius: 8px !important;
  }

  body.ilchi-narimasu-info-archive .media-heading,
  body.ilchi-narimasu-info-archive .vk_post_title,
  body.ilchi-narimasu-info-archive article h2,
  body.ilchi-narimasu-info-archive article h3 {
    margin-top: 4px !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
  }

  body.ilchi-narimasu-info-archive .entry-summary,
  body.ilchi-narimasu-info-archive .vk_post_excerpt,
  body.ilchi-narimasu-info-archive .media-body > p {
    font-size: 13px !important;
    -webkit-line-clamp: 2 !important;
  }
}

/* =========================================================
   NARIMASU / INFORMATION ARCHIVE DOM FIX
   Confirmed DOM:
   .postList
     > article.media
       > div#post-XXXX.info.hentry
         > .media-left.postList_thumbnail (when thumbnail exists)
         > .media-body
========================================================= */

/* 外側 article は単なる1件分の行 */
body.ilchi-narimasu-info-archive .postList > article.media {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #eadfd6 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 実際の投稿1件ラッパーを横並びにする */
body.ilchi-narimasu-info-archive .postList > article.media > div[id^="post-"] {
  display: grid !important;
  grid-template-columns: 150px minmax(0, 1fr) !important;
  gap: 22px !important;
  align-items: start !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 22px 0 !important;
  box-sizing: border-box !important;
}

/* サムネイルがない投稿は本文を全幅に */
body.ilchi-narimasu-info-archive
.postList > article.media > div[id^="post-"]:not(.has-post-thumbnail) {
  grid-template-columns: minmax(0, 1fr) !important;
}

/* 左サムネイル */
body.ilchi-narimasu-info-archive
.postList > article.media > div[id^="post-"] > .media-left.postList_thumbnail {
  display: block !important;
  float: none !important;
  width: 150px !important;
  max-width: 150px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ilchi-narimasu-info-archive
.postList > article.media > div[id^="post-"] > .media-left.postList_thumbnail img {
  display: block !important;
  width: 150px !important;
  height: 112px !important;
  max-width: 150px !important;
  max-height: 112px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  object-fit: contain !important;
  background: #ffffff !important;
}

/* 右本文 */
body.ilchi-narimasu-info-archive
.postList > article.media > div[id^="post-"] > .media-body {
  display: block !important;
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* タイトル */
body.ilchi-narimasu-info-archive
.postList > article.media .media-heading.entry-title {
  margin: 4px 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  line-height: 1.55 !important;
}

/* 抜粋リンク自体を通常ブロックとして扱う */
body.ilchi-narimasu-info-archive
.postList > article.media .media-body > a.media-body_excerpt {
  display: block !important;
  width: 100% !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  color: #63564d !important;
  text-decoration: none !important;
}

/* 抜粋は3行まで */
body.ilchi-narimasu-info-archive
.postList > article.media .media-body > a.media-body_excerpt > p {
  display: -webkit-box !important;
  overflow: hidden !important;
  margin: 0 !important;
  color: #63564d !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

/* 抜粋内の古い絵文字画像は一覧では非表示 */
body.ilchi-narimasu-info-archive
.postList > article.media .media-body > a.media-body_excerpt img.emoji {
  display: none !important;
}

/* 1件目にも上罫線 */
body.ilchi-narimasu-info-archive .postList > article.media:first-child {
  border-top: 1px solid #eadfd6 !important;
}

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

  body.ilchi-narimasu-info-archive
  .postList > article.media > div[id^="post-"] {
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 18px 0 !important;
  }

  body.ilchi-narimasu-info-archive
  .postList > article.media > div[id^="post-"]:not(.has-post-thumbnail) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.ilchi-narimasu-info-archive
  .postList > article.media > div[id^="post-"] > .media-left.postList_thumbnail {
    width: 96px !important;
    max-width: 96px !important;
  }

  body.ilchi-narimasu-info-archive
  .postList > article.media > div[id^="post-"] > .media-left.postList_thumbnail img {
    width: 96px !important;
    height: 82px !important;
    max-width: 96px !important;
    max-height: 82px !important;
  }

  body.ilchi-narimasu-info-archive
  .postList > article.media .media-heading.entry-title {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }

  body.ilchi-narimasu-info-archive
  .postList > article.media .media-body > a.media-body_excerpt > p {
    font-size: 13px !important;
    -webkit-line-clamp: 2 !important;
  }
}

/* =========================================================
   NARIMASU / BLOG + INFO MOBILE HEADER
   HOME B2と同じ1行タイトル表示
========================================================= */

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

  body.ilchi-narimasu-blog .siteHeader {
    min-height: 62px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
  }

  body.ilchi-narimasu-blog .siteHeader .siteHeadContainer {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.ilchi-narimasu-blog .siteHeader .navbar-header {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.ilchi-narimasu-blog .siteHeader .navbar-brand.siteHeader_logo {
    display: block !important;
    float: none !important;
    width: 100% !important;
    height: 62px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.ilchi-narimasu-blog
  .siteHeader
  .navbar-brand.siteHeader_logo > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 62px !important;
    margin: 0 !important;
    padding: 0 54px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    color: transparent !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  body.ilchi-narimasu-blog
  .siteHeader
  .navbar-brand.siteHeader_logo > a > span {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  body.ilchi-narimasu-blog
  .siteHeader
  .navbar-brand.siteHeader_logo > a > span br {
    display: none !important;
  }

  body.ilchi-narimasu-blog
  .siteHeader
  .navbar-brand.siteHeader_logo > a > span::after {
    content: "イルチブレインヨガ成増スタジオ" !important;
    display: inline-block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: #2f2925 !important;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN",
      "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }
}

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

  body.ilchi-narimasu-blog
  .siteHeader
  .navbar-brand.siteHeader_logo > a {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }

  body.ilchi-narimasu-blog
  .siteHeader
  .navbar-brand.siteHeader_logo > a > span::after {
    font-size: 13px !important;
  }
}

/* =========================================================
   NARIMASU / BLOG ARCHIVE
   ブログ一覧もインフォメーションと同じシンプルリスト表示
========================================================= */

/* /info/ には既存の専用ルールを使う */
body.ilchi-narimasu-blog-archive:not(.ilchi-narimasu-info-archive)
.postList,
body.ilchi-narimasu-blog-archive:not(.ilchi-narimasu-info-archive)
.post-list,
body.ilchi-narimasu-blog-archive:not(.ilchi-narimasu-info-archive)
.vk_posts {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 外側 article は1件分の横リスト */
body.ilchi-narimasu-blog-archive:not(.ilchi-narimasu-info-archive)
.postList > article.media {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #eadfd6 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 実投稿ラッパー */
body.ilchi-narimasu-blog-archive:not(.ilchi-narimasu-info-archive)
.postList > article.media > div[id^="post-"] {
  display: grid !important;
  grid-template-columns: 150px minmax(0, 1fr) !important;
  gap: 22px !important;
  align-items: start !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 22px 0 !important;
  box-sizing: border-box !important;
}

/* サムネイルがない記事 */
body.ilchi-narimasu-blog-archive:not(.ilchi-narimasu-info-archive)
.postList > article.media > div[id^="post-"]:not(.has-post-thumbnail) {
  grid-template-columns: minmax(0, 1fr) !important;
}

/* サムネイル */
body.ilchi-narimasu-blog-archive:not(.ilchi-narimasu-info-archive)
.postList > article.media > div[id^="post-"] > .media-left.postList_thumbnail {
  display: block !important;
  float: none !important;
  width: 150px !important;
  max-width: 150px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ilchi-narimasu-blog-archive:not(.ilchi-narimasu-info-archive)
.postList > article.media > div[id^="post-"] > .media-left.postList_thumbnail img {
  display: block !important;
  width: 150px !important;
  height: 112px !important;
  max-width: 150px !important;
  max-height: 112px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  object-fit: contain !important;
  background: #ffffff !important;
}

/* 本文 */
body.ilchi-narimasu-blog-archive:not(.ilchi-narimasu-info-archive)
.postList > article.media > div[id^="post-"] > .media-body {
  display: block !important;
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ilchi-narimasu-blog-archive:not(.ilchi-narimasu-info-archive)
.postList > article.media .media-heading.entry-title {
  margin: 4px 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  line-height: 1.55 !important;
}

/* 抜粋 */
body.ilchi-narimasu-blog-archive:not(.ilchi-narimasu-info-archive)
.postList > article.media .media-body > a.media-body_excerpt {
  display: block !important;
  width: 100% !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  color: #63564d !important;
  text-decoration: none !important;
}

body.ilchi-narimasu-blog-archive:not(.ilchi-narimasu-info-archive)
.postList > article.media .media-body > a.media-body_excerpt > p {
  display: -webkit-box !important;
  overflow: hidden !important;
  margin: 0 !important;
  color: #63564d !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

/* 一覧の抜粋内にある絵文字・装飾画像は表示しない */
body.ilchi-narimasu-blog-archive:not(.ilchi-narimasu-info-archive)
.postList > article.media .media-body > a.media-body_excerpt img,
body.ilchi-narimasu-blog-archive:not(.ilchi-narimasu-info-archive)
.postList > article.media .media-body img.emoji {
  display: none !important;
}

/* 一覧上のカテゴリバッジ類はシンプルに */
body.ilchi-narimasu-blog-archive:not(.ilchi-narimasu-info-archive)
.postList .entry-meta_items_term,
body.ilchi-narimasu-blog-archive:not(.ilchi-narimasu-info-archive)
.postList .entry-meta-item-term,
body.ilchi-narimasu-blog-archive:not(.ilchi-narimasu-info-archive)
.postList .postList_terms {
  display: none !important;
}

/* 先頭にも罫線 */
body.ilchi-narimasu-blog-archive:not(.ilchi-narimasu-info-archive)
.postList > article.media:first-child {
  border-top: 1px solid #eadfd6 !important;
}

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

  body.ilchi-narimasu-blog-archive:not(.ilchi-narimasu-info-archive)
  .postList > article.media > div[id^="post-"] {
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 18px 0 !important;
  }

  body.ilchi-narimasu-blog-archive:not(.ilchi-narimasu-info-archive)
  .postList > article.media > div[id^="post-"]:not(.has-post-thumbnail) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.ilchi-narimasu-blog-archive:not(.ilchi-narimasu-info-archive)
  .postList > article.media > div[id^="post-"] > .media-left.postList_thumbnail {
    width: 96px !important;
    max-width: 96px !important;
  }

  body.ilchi-narimasu-blog-archive:not(.ilchi-narimasu-info-archive)
  .postList > article.media > div[id^="post-"] > .media-left.postList_thumbnail img {
    width: 96px !important;
    height: 82px !important;
    max-width: 96px !important;
    max-height: 82px !important;
    border-radius: 8px !important;
  }

  body.ilchi-narimasu-blog-archive:not(.ilchi-narimasu-info-archive)
  .postList > article.media .media-heading.entry-title {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }

  body.ilchi-narimasu-blog-archive:not(.ilchi-narimasu-info-archive)
  .postList > article.media .media-body > a.media-body_excerpt > p {
    font-size: 13px !important;
    -webkit-line-clamp: 2 !important;
  }
}