@charset "UTF-8";

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


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

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

/* メインを全幅へ */
html body:is(.ilchi-blog-page, .post-type-archive-info)
.main-section {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  float: none !important;
}

html body:is(.ilchi-blog-page, .post-type-archive-info)
.sub-section {
  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;
}