@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* ==========================
   基本設計（安心・教育向け）
========================== */
body {
  font-family: -apple-system, BlinkMacSystemFont,
    "Hiragino Kaku Gothic ProN", "Hiragino Sans",
    "Noto Sans JP", "Yu Gothic", sans-serif;
  line-height: 1.9;
  letter-spacing: 0.04em;
  color: #222;
  background: #ffffff;
}

/* 記事幅を制限（初心者向け） */
.entry-content {
  max-width: 720px;
  margin: 0 auto;
  font-size: 17px;
}

/* H2：章タイトル */
.entry-content h2 {
  border-left: 5px solid #3b82f6;
  padding-left: 14px;
  margin-top: 3em;
  margin-bottom: 1.2em;
  font-size: 1.6em;
  font-weight: 700;
  background: #f4f8ff;
}

/* H3：小見出し */
.entry-content h3 {
  margin-top: 2.2em;
  font-size: 1.3em;
  font-weight: 600;
  color: #1f2937;
}

.entry-content p {
  margin-bottom: 1.6em;
}

.entry-content ul,
.entry-content ol {
  margin: 1.5em 0 1.5em 1.5em;
}

.entry-content li {
  margin-bottom: 0.7em;
}



/*固定ページの投稿日、更新日、投稿者名を非表示にする*/
.page .date-tags,
.page .author-info {
    display: none;
}

.entry-content .toc {
	width: 90%;
	max-width: 530px;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}