@charset "utf-8";

/*
* Home
* Common parts (page)
* Post list
* Post single
* Pagination, Pager
*/

@media (max-width: 767px) {

/* ==================================================

	Home

================================================== */

/* home共通 */
.home-title {
  margin-bottom: 25px;
}

/* section-head */
.home .section-head .section-message {
    margin-top: 30px;
}

/* section-info */
.section-info-image {
  margin-bottom: 30px;
}
.home .section-info-text {
  padding: 0;
}
.home .section-info-text .home-title {
  margin-bottom: 15px;
}
.home .section-info .section-info-inner,
.home .section-info .section-info-inner:last-of-type {
    margin-bottom: 120px;
}



/* ==================================================

	Common parts (page)

================================================== */

/* 下層ページタイトル */
.page-title {
  margin: 40px 0 30px;
  font-size: 2.25rem;
}



/* ==================================================

	Post list

================================================== */

/* postlist
-------------------------------------------------- */
/* 記事タイトル */
.postlist-detail-title {
  font-size: 0.875rem; /* 14px */
}
.postlist-detail-excerpt {
  line-height: 1.4;
}
/* SP表示の際の記事周りのpaddingを調整 */
.postlist-item {
  padding: 0 5px 10px 5px;
}
/* 記事一覧が1列のときのmarginとpaddingを調整 */
.postlist.row-cols-1 {
  margin: 0;
}
.postlist.row-cols-1 .col {
  padding: 0 0 20px 0;
}

/* sidepostlist
-------------------------------------------------- */
.sidepostlist-detail {
  padding: 0 0 0 15px;
}
.sidepostlist-detail-date {
  margin-bottom: 0;
}
.sidepostlist-detail-title {
  font-size: 1rem;
}

/* textpostlist
-------------------------------------------------- */
.textpostlist-item div {
	display: block;
  width: auto;
  margin: 0 0 5px 0;
}
.textpostlist-item h3 {
  display: block;
}



/* ==================================================

	Post single

================================================== */

/* メイン画像を横幅いっぱいにするためにpaddingを消す */
.post-image {
  padding: 0;
}

/* 記事タイトル
-------------------------------------------------- */
.post-title { font-size: 1.5rem; }
.post-content h2 { font-size: 1.5rem; } /* 24px */
.post-content h3 { font-size: 1.25rem; } /* 20px */
.post-content h4 { font-size: 1.125rem; } /* 18px */
.post-content h2, .post-content h3, .post-content h4 {
  margin: 40px 0 1rem 0;
}

/* 記事本文
-------------------------------------------------- */
.post-content {
  font-size: 0.9375rem; /* 15pxを指定するのは記事本文のみ */
}

/* blockquote
-------------------------------------------------- */
.post-content blockquote {
  padding: 25px;
}



/* ==================================================

	Pagination, Pager

================================================== */
.pagination,
.pager {
  margin: 30px 0 0 0;
}

/* End @media screen */
}