@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500;700&display=swap");

/*!
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
*/

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

/************************************
** 読みやすさ調整（フォント・行間・見出し）
************************************/
/*本文の行間・字間・段落の間隔をゆったりに*/
.article {
  line-height: 1.9;
  letter-spacing: 0.04em;
}
.article p {
  margin-bottom: 1.8em;
}
/*見出しサイズを整理して階層をわかりやすく*/
.article h2 {
  font-size: 1.4em;
  line-height: 1.5;
  margin-top: 2.5em;
}
.article h3 {
  font-size: 1.2em;
  line-height: 1.5;
  margin-top: 2em;
}
.article h4 {
  font-size: 1.1em;
}
/*箇条書きの行間*/
.article li {
  margin-bottom: 0.5em;
}



/************************************
** 題名（サイトタイトル・記事タイトル）の調整
************************************/
/*サイトタイトル：丸ゴシックで可愛く、少し大きく*/
.logo-text .site-name-text {
  font-family: "M PLUS Rounded 1c", "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 42px;
  letter-spacing: 0.05em;
}
/*記事タイトル：大きく・太く・丸ゴシックで統一*/
.entry-title, .article h1 {
  font-family: "M PLUS Rounded 1c", "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 1.7em;
  line-height: 1.5;
}
/*記事一覧カードのタイトルも少し見やすく*/
.entry-card-title {
  font-weight: 700;
  line-height: 1.5;
}

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

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

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

  
  /*スマホの題名サイズ*/
  .logo-text .site-name-text {
    font-size: 26px;
  }
  .entry-title, .article h1 {
    font-size: 1.4em;
  }

  /*スマホでの読みやすさ調整*/
  .article {
    line-height: 1.85;
  }
  .article h2 {
    font-size: 1.3em;
  }
  .article h3 {
    font-size: 1.15em;
  }

}