@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 {
  background-color: #f0faff;
  font-family: 'Kiwi Maru', serif;
}
/* 背景と全体フォント */
body {
  background-color: #f0faff;
  font-family: 'Kiwi Maru', serif;
  color: #333;
}

/* メインカラムの幅調整（1カラム前提） */
.container {
  max-width: 960px;
  margin: 0 auto;
  padding: 40px 20px;
}

.single .entry-title {
  display: block !important;
  font-size: 1.8em;
  margin-top: 1em;
  font-weight: bold;
}

/* 記事見出しの装飾 */
.entry-content h2 {
  border-left: 5px solid #a5f2c8;
  padding-left: 10px;
  font-size: 1.6em;
  margin-top: 2em;
}

/* アイキャッチ画像の表示を大きく＆丸みを追加 */
.entry-content img {
  max-width: 100%;
  border-radius: 12px;
  margin: 20px 0;
}

/* 記事タイトル */
h1.entry-title {
  font-size: 2.2em;
  color: #3399cc;
  text-align: center;
  margin-bottom: 20px;
}

/* 記事本文の行間ゆったり */
.entry-content p {
  line-height: 1.9;
  margin-bottom: 1.4em;
}

/* フッターを落ち着いた色で */
.footer {
  background-color: #e0f5f2;
  color: #666;
  padding: 20px;
  text-align: center;
}


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

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

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