@charset "UTF-8";

/* =========================================================
   ILCHI / BLOG・INFORMATION
   C1
========================================================= */


/* =========================================================
   1カラム化
========================================================= */

html body:is(.ilchi-blog-page, .post-type-archive-info)
.siteContent .container {
  max-width: 1100px;
}

/* =========================================================
   上大岡Lightning互換
   mainSection / subSection 対応
========================================================= */

/* =========================================================
   上大岡Lightning互換
   BLOG / INFORMATION 1カラム
========================================================= */

/* メインを1カラムへ */
html body:is(.ilchi-blog-page, .post-type-archive-info, .single-info)
.main-section,
html body:is(.ilchi-blog-page, .post-type-archive-info, .single-info)
.mainSection {
  display: block !important;
  float: none !important;

  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;

  margin-left: auto !important;
  margin-right: auto !important;
}

/* 右サイドバーを非表示 */
html body:is(.ilchi-blog-page, .post-type-archive-info, .single-info)
.sub-section,
html body:is(.ilchi-blog-page, .post-type-archive-info, .single-info)
.subSection,
html body:is(.ilchi-blog-page, .post-type-archive-info, .single-info)
.sideSection {
  display: none !important;
}
/* =========================================================
   投稿一覧
========================================================= */

html body:is(.ilchi-blog-page, .post-type-archive-info)
.postList {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

/* 各投稿 */
html body:is(.ilchi-blog-page, .post-type-archive-info)
.postList .media {
  padding: 28px 0 !important;
  border-bottom: 1px solid rgba(111, 143, 95, 0.20) !important;
}

/* 投稿タイトル */
html body:is(.ilchi-blog-page, .post-type-archive-info)
.postList .media-heading,
html body:is(.ilchi-blog-page, .post-type-archive-info)
.postList .media-heading a {
  color: #2f4635 !important;
  font-weight: 700 !important;
}

html body:is(.ilchi-blog-page, .post-type-archive-info)
.postList .media-heading a:hover {
  color: #557544 !important;
}


/* =========================================================
   日付・メタ情報
========================================================= */

html body:is(.ilchi-blog-page, .post-type-archive-info)
.entry-meta,
html body:is(.ilchi-blog-page, .post-type-archive-info)
.entry-meta a,
html body:is(.ilchi-blog-page, .post-type-archive-info)
.postList .published {
  color: #6b7767 !important;
}


/* =========================================================
   投稿抜粋
========================================================= */

html body:is(.ilchi-blog-page, .post-type-archive-info)
.postList .media-body,
html body:is(.ilchi-blog-page, .post-type-archive-info)
.postList .entry-body {
  color: #4b5f42 !important;
  line-height: 1.8;
}


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

html body:is(.ilchi-blog-page, .post-type-archive-info)
.vk_post_btnOuter .vk_post_btn,
html body:is(.ilchi-blog-page, .post-type-archive-info)
.more-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px;
  padding: 8px 20px !important;

  background: #6f8f5f !important;
  border: 1px solid #6f8f5f !important;
  border-radius: 999px !important;

  color: #ffffff !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

html body:is(.ilchi-blog-page, .post-type-archive-info)
.vk_post_btnOuter .vk_post_btn:hover,
html body:is(.ilchi-blog-page, .post-type-archive-info)
.more-link:hover {
  background: #557544 !important;
  border-color: #557544 !important;
  color: #ffffff !important;
}

/* =========================================================
   個別投稿
========================================================= */

html body:is(.ilchi-blog-page, .post-type-archive-info).single-post
.entry-title {
  color: #2f4635 !important;
}

html body:is(.ilchi-blog-page, .post-type-archive-info).single-post
.entry-body {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.9;
}

html body:is(.ilchi-blog-page, .post-type-archive-info).single-post
.entry-body a {
  color: #557544;
}

html body:is(.ilchi-blog-page, .post-type-archive-info).single-post
.entry-body a:hover {
  color: #2f4635;
}


/* =========================================================
   投稿内画像
========================================================= */

html body:is(.ilchi-blog-page, .post-type-archive-info)
.entry-body img {
  max-width: 100%;
  height: auto;
}


/* =========================================================
   SP
========================================================= */

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

  html body:is(.ilchi-blog-page, .post-type-archive-info)
  .siteContent .container {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  html body:is(.ilchi-blog-page, .post-type-archive-info)
  .postList .media {
    padding: 22px 0 !important;
  }

  html body:is(.ilchi-blog-page, .post-type-archive-info)
  .postList .media-heading {
    font-size: 18px !important;
    line-height: 1.5 !important;
  }

  html body:is(.ilchi-blog-page, .post-type-archive-info)
  .postList .btn,
  html body:is(.ilchi-blog-page, .post-type-archive-info)
  .postList .btn-primary,
  html body:is(.ilchi-blog-page, .post-type-archive-info)
  .more-link {
    min-height: 42px;
  }

}
/* =========================================================
   INFORMATION SINGLE
   個別記事タイトル帯
========================================================= */

html body.single-info
.page-header {
  background: #6f8f5f !important;
}

html body.single-info
.page-header-title {
  color: #ffffff !important;
}
/* ========================================
   上大岡 C1
   個別記事 スマホ画像回り込み解除
   BLOG + INFORMATION
======================================== */
@media screen and (max-width: 767px) {

  html body:is(.single-post, .single-info)
  .entry-body img,
  html body:is(.single-post, .single-info)
  .entry-content img {
    max-width: 100% !important;
    height: auto !important;
  }

  html body:is(.single-post, .single-info)
  .entry-body img.alignleft,
  html body:is(.single-post, .single-info)
  .entry-body img.alignright,
  html body:is(.single-post, .single-info)
  .entry-body img.aligncenter,
  html body:is(.single-post, .single-info)
  .entry-content img.alignleft,
  html body:is(.single-post, .single-info)
  .entry-content img.alignright,
  html body:is(.single-post, .single-info)
  .entry-content img.aligncenter {
    float: none !important;
    display: block !important;
    margin: 0 auto 20px !important;
    max-width: 100% !important;
    height: auto !important;
  }

  html body:is(.single-post, .single-info)
  .entry-body p,
  html body:is(.single-post, .single-info)
  .entry-content p {
    overflow: visible !important;
  }
}