@charset "UTF-8";

/* =========================================================
   GINZA C2 / BLOG ARCHIVE FINAL
   Content Views対応
========================================================= */


/* =========================================================
   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. Content Views 全体
========================================================= */

body.ilchi-blog-list .pt-cv-view,
body.ilchi-blog-list .pt-cv-page {
  width: 100% !important;
  max-width: 960px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* =========================================================
   3. Bootstrap 3カラム指定を解除
========================================================= */

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;
}


/* =========================================================
   4. 1記事を横長リストカードに
========================================================= */

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;
}


/* =========================================================
   5. アイキャッチを左側へ固定
========================================================= */

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;
}


/* =========================================================
   6. タイトル
========================================================= */

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;
}


/* =========================================================
   7. 抜粋本文
========================================================= */

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;
}


/* =========================================================
   8. 日付・カテゴリー
========================================================= */

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;
}


/* =========================================================
   9. 続きを読む
========================================================= */

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;
}


/* =========================================================
   10. スマホ
========================================================= */

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

  body.ilchi-blog-list .pt-cv-view,
  body.ilchi-blog-list .pt-cv-page {
    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 {
    margin-bottom: 8px !important;
    font-size: 17px !important;
  }

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

}
/* =========================================================
   GINZA C2 / BLOG 1 COLUMN WIDTH FIX
   サイドバー領域をなくして本文を全幅へ
========================================================= */

/* サイドバーを非表示 */
body.ilchi-blog-list .sideSection {
  display: none !important;
}

/* 本文カラムを100%へ */
body.ilchi-blog-list .mainSection {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Bootstrapカラム幅も解除 */
body.ilchi-blog-list .siteContent .mainSection[class*="col-"],
body.ilchi-blog-list .siteContent .mainSection {
  width: 100% !important;
  max-width: 100% !important;
}

/* ブログ一覧そのものを少し広げる */
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;
}
/* =========================================================
   GINZA C2 / BLOG ARCHIVE BUTTON
========================================================= */

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: 13px 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;
}

@media screen and (max-width: 767px) {
  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;
  }
}
/* =========================================================
   GINZA C2 / BLOG ARCHIVE BUTTON
========================================================= */

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;
}

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

  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;
  }
}
/* =========================================================
   GINZA C2 / SINGLE BLOG
   投稿詳細を1カラム化
========================================================= */

body.single-post .sideSection {
  display: none !important;
}

body.single-post .mainSection {
  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 {
  width: 100% !important;
  max-width: 960px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}