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

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

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

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

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

body {
  background-color: #fcfcfc;
  color: #333;
  font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;
  line-height: 1.9;
}

/* コンテンツ幅を細くして縦読み感を出す */
#content, .content-in {
  max-width: 720px;
}

/* 見出しを控えめに */
h1, h2, h3 {
  font-weight: normal;
}

/* リンクをやさしい色に */
a {
  color: #666;
}
a:hover {
  color: #000;
}

/* 記事下の装飾を減らす */
.entry-footer, .footer-meta {
  display: none;
}

/* ページ全体の余白を増やす */
.article, .entry-content {
  padding-top: 2em;
  padding-bottom: 2em;
}

/* ===== 本文の「白い箱」を中央に配置 ===== */
/* 1カラムで中央寄せ＆幅を整える */
.content-in, #content-in, #content, #main, #main-in {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 記事/固定ページの本文ブロックの箱感を整える */
.article, .entry-content, .article-body, .content, .main-inner {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 最大幅（好みで調整：680〜760あたりが素朴で読みやすい） */
.content-in, #content-in, #content, #main-in {
  max-width: 720px !important;
}

/* 余白を気持ちよく */
.entry-content {
  padding: 2.2em 1.2em !important;
}

/* 固定ページのタイトルを非表示 */
.page .entry-title {
  display: none !important;
}
/* 本文枠の内側余白を小さくする（Cocoon対応） */
.entry-content {
  padding: 0.5em 0.3em !important;
}

/* 記事全体の内側余白も念のため調整 */
.article,
.article-body,
.main-inner {
  padding: 0.5em 0.3em !important;
}

/* 本文とフッターの間の余白を縮める */
.entry-content {
  padding-bottom: 0.1em !important;
}

/* 記事全体の下マージンを縮める */
.article,
.main-inner,
.content-in {
  margin-bottom: 0.1em !important;
}

/* フッター上の余白を縮める */
#footer,
.footer,
.footer-in {
  padding-top: 0.1em !important;
}