@charset "UTF-8";

/* =========================================================
   11-blog.css
   明石C2 / Information・スタッフブログ

   方針:
   - 一覧を1カラム化
   - C2グリーンへ統一
   - Content Views と Lightning標準投稿一覧の両方に対応
   - 個別投稿はサイドバーを非表示にして1カラム化
   - 店舗固有URL・page IDは入れない
========================================================= */

/* =========================================================
   1. 一覧タイトル帯
========================================================= */
body.ilchi-blog-list .page-header,
body.ilchi-blog-list .pageHeader,
body.ilchi-blog-list .page-header_pageTitle {
  background: #6f8f5f !important;
  color: #fff !important;
}

body.ilchi-blog-list .page-header h1,
body.ilchi-blog-list .pageHeader h1,
body.ilchi-blog-list .page-header_pageTitle,
body.ilchi-blog-list .page-header_pageTitle h1 {
  color: #fff !important;
}

/* =========================================================
   2. 一覧共通：サイドバーを外し本文を1カラムへ
========================================================= */
body.ilchi-blog-list .sideSection,
body.ilchi-blog-list .subSection,
body.ilchi-blog-list aside.sideSection {
  display: none !important;
}

body.ilchi-blog-list .mainSection,
body.ilchi-blog-list .siteContent .mainSection[class*="col-"] {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* =========================================================
   3. Content Views 一覧
========================================================= */
body.ilchi-blog-list .pt-cv-view,
body.ilchi-blog-list .pt-cv-page {
  width: 100% !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.ilchi-blog-list .pt-cv-page > .pt-cv-content-item,
body.ilchi-blog-list .pt-cv-content-item.col-md-4,
body.ilchi-blog-list .pt-cv-content-item.col-sm-6,
body.ilchi-blog-list .pt-cv-content-item.col-xs-12 {
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
}

body.ilchi-blog-list .pt-cv-ifield {
  display: grid !important;
  grid-template-columns: 250px minmax(0, 1fr) !important;
  grid-template-rows: auto auto auto !important;
  column-gap: 26px !important;
  row-gap: 8px !important;
  width: 100% !important;
  padding: 18px !important;
  background: #fff !important;
  border: 1px solid #e1e7dd !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 20px rgba(47, 70, 53, .06) !important;
}

body.ilchi-blog-list .pt-cv-ifield > a:first-child {
  grid-column: 1 !important;
  grid-row: 1 / 5 !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

body.ilchi-blog-list .pt-cv-thumbnail {
  display: block !important;
  width: 100% !important;
  height: 170px !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  border-radius: 10px !important;
}

body.ilchi-blog-list .pt-cv-title {
  grid-column: 2 !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
  font-size: 19px !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
}

body.ilchi-blog-list .pt-cv-title a {
  color: #2f4635 !important;
  text-decoration: none !important;
}

body.ilchi-blog-list .pt-cv-title a:hover {
  color: #557544 !important;
}

body.ilchi-blog-list .pt-cv-content {
  grid-column: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  color: #444 !important;
}

body.ilchi-blog-list .pt-cv-meta-fields {
  grid-column: 2 !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: #777 !important;
}

body.ilchi-blog-list .pt-cv-readmore,
body.ilchi-blog-list .pt-cv-content .btn,
body.ilchi-blog-list .pt-cv-content a.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 100px !important;
  padding: 8px 18px !important;
  background: #6f8f5f !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* =========================================================
   4. Lightning標準投稿一覧 fallback
========================================================= */
body.ilchi-blog-list .postList,
body.ilchi-blog-list .post-list,
body.ilchi-blog-list .vk_posts {
  width: 100% !important;
  max-width: 960px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.ilchi-blog-list .postList > article,
body.ilchi-blog-list .post-list > article,
body.ilchi-blog-list article.vk_post,
body.ilchi-blog-list article.post {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 22px !important;
  padding: 20px !important;
  background: #fff !important;
  border: 1px solid #e1e7dd !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 20px rgba(47, 70, 53, .06) !important;
  overflow: visible !important;
}

body.ilchi-blog-list .vk_post_title,
body.ilchi-blog-list article.post .entry-title {
  color: #2f4635 !important;
  font-size: 19px !important;
  line-height: 1.55 !important;
}

body.ilchi-blog-list .vk_post_title a,
body.ilchi-blog-list article.post .entry-title a {
  color: #2f4635 !important;
  text-decoration: none !important;
}

body.ilchi-blog-list .vk_post_excerpt,
body.ilchi-blog-list .entry-summary {
  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 16px !important;
  line-height: 1.8 !important;
  overflow: visible !important;
}

body.ilchi-blog-list .vk_post_btnOuter {
  position: static !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

body.ilchi-blog-list .vk_post_btnOuter .vk_post_btn,
body.ilchi-blog-list .more-link,
body.ilchi-blog-list a.more-link {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 112px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 22px !important;
  background: #6f8f5f !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

/* =========================================================
   5. 一覧下リンク
========================================================= */
body.ilchi-blog-list .ilchi-blog-archive-link {
  width: 100% !important;
  margin: 36px auto 48px !important;
  text-align: center !important;
}

body.ilchi-blog-list .ilchi-blog-archive-link a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 220px !important;
  padding: 12px 28px !important;
  background: #6f8f5f !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

body.ilchi-blog-list .ilchi-blog-archive-link a:hover {
  background: #557544 !important;
  color: #fff !important;
}

/* =========================================================
   6. 個別投稿 1カラム
========================================================= */
body.single-post .sideSection,
body.single-post .subSection,
body.single-post aside.sideSection {
  display: none !important;
}

body.single-post .mainSection,
body.single-post .siteContent .mainSection[class*="col-"] {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.single-post .mainSection > article,
body.single-post article.type-post {
  width: 100% !important;
  max-width: 960px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* =========================================================
   7. 375px含むスマホ
========================================================= */
@media screen and (max-width: 767px) {
  body.ilchi-blog-list .pt-cv-view,
  body.ilchi-blog-list .pt-cv-page,
  body.ilchi-blog-list .postList,
  body.ilchi-blog-list .post-list,
  body.ilchi-blog-list .vk_posts {
    max-width: 100% !important;
  }

  body.ilchi-blog-list .pt-cv-ifield {
    display: block !important;
    padding: 14px !important;
  }

  body.ilchi-blog-list .pt-cv-ifield > a:first-child {
    width: 100% !important;
    margin-bottom: 14px !important;
  }

  body.ilchi-blog-list .pt-cv-thumbnail {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
  }

  body.ilchi-blog-list .pt-cv-title,
  body.ilchi-blog-list .vk_post_title,
  body.ilchi-blog-list article.post .entry-title {
    margin-bottom: 8px !important;
    font-size: 17px !important;
  }

  body.ilchi-blog-list .pt-cv-content {
    margin-bottom: 8px !important;
  }

  body.ilchi-blog-list .postList > article,
  body.ilchi-blog-list .post-list > article,
  body.ilchi-blog-list article.vk_post,
  body.ilchi-blog-list article.post {
    padding: 14px !important;
  }

  body.ilchi-blog-list .ilchi-blog-archive-link {
    margin: 28px auto 36px !important;
    padding: 0 16px !important;
  }

  body.ilchi-blog-list .ilchi-blog-archive-link a {
    width: 100% !important;
    max-width: 280px !important;
  }
}
/* =========================================================
   明石C2 / 投稿個別ページ
   Information・ブログ タイトル帯をC2グリーンへ
========================================================= */

body.ilchi-site-akashi.single-post .page-header,
body.ilchi-site-akashi.single-post .pageHeader,
body.ilchi-site-akashi.single-post .page-header_pageTitle {
  background: #6f8f5f !important;
  color: #fff !important;
}

body.ilchi-site-akashi.single-post .page-header h1,
body.ilchi-site-akashi.single-post .pageHeader h1,
body.ilchi-site-akashi.single-post .page-header_pageTitle,
body.ilchi-site-akashi.single-post .page-header_pageTitle h1 {
  color: #fff !important;
}
/* =========================================================
   明石C2 / Information 個別記事
   タイトル帯をC2グリーンへ
========================================================= */

body.ilchi-site-akashi.post-type-info .section.page-header,
body.ilchi-site-akashi.post-type-info .page-header {
  background: #6f8f5f !important;
  color: #fff !important;
}

body.ilchi-site-akashi.post-type-info .page-header_pageTitle,
body.ilchi-site-akashi.post-type-info .page-header h1 {
  color: #fff !important;
}