@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){
  /*必要ならばここにコードを書く*/
}


/* やさしく読みやすいヘッダー */
#header-container,
#header,
#navi {
  background: #faf7f3 !important;
}
#header,
#header-in {
  height: 96px !important;
  min-height: 96px !important;
}
#header-in {
  padding-left: 16px;
  padding-right: 16px;
}
.site-name-text {
  color: #60483f !important;
  font-weight: 600;
}
.tagline {
  color: #756c67 !important;
  margin-bottom: 4px;
}
#navi {
  border-top: 1px solid #eadfd7;
  border-bottom: 2px solid #cfae9f;
}
.navi-in > ul {
  min-height: 52px;
}
.navi-in a,
.navi-in .item-label {
  color: #4a4542 !important;
  font-weight: 600;
}
.navi-in a:hover {
  background: #f2e8e2 !important;
  color: #a95645 !important;
}
@media screen and (max-width: 834px) {
  #header,
  #header-in {
    height: 86px !important;
    min-height: 86px !important;
  }
  .tagline {
    display: none;
  }
  .site-name-text {
    font-size: 20px !important;
  }
}

/* ヘッダーメニュー背景 */
.navi-in > ul > li > a {
  background: #faf7f3 !important;
}
.navi-in > ul > li > a:hover {
  background: #f2e8e2 !important;
}

/* ヘッダーサブタイトルの表示調整 */
#header-in {
  padding: 10px 16px !important;
  box-sizing: border-box;
}
.tagline {
  line-height: 20px !important;
  margin: 0 0 4px !important;
}
.logo-header {
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}
.site-name-text {
  line-height: 1.3 !important;
}


/* 投稿本文を読みやすくする共通デザイン */
.single-post .entry-title {
  color: #4a403c;
  line-height: 1.5;
}
.single-post .entry-content {
  color: #3f3a37;
  font-size: 17px;
  line-height: 1.95;
}
.single-post .entry-content p {
  margin-bottom: 1.45em;
}
.single-post .entry-content h2 {
  margin: 2.8em 0 1.2em;
  padding: 0.85em 1em;
  border-left: 6px solid #cfae9f;
  border-radius: 0 8px 8px 0;
  background: #faf7f3;
  color: #5a463e;
  font-size: 1.45em;
  line-height: 1.5;
}
.single-post .entry-content h3 {
  margin: 2.2em 0 1em;
  padding: 0 0 0.45em 0.15em;
  border-bottom: 2px solid #dfc9be;
  color: #5a463e;
  font-size: 1.2em;
  line-height: 1.6;
}
.single-post .entry-content ul,
.single-post .entry-content ol {
  margin: 1.4em 0 1.8em;
  padding: 1.1em 1.4em 1.1em 2.6em;
  border: 1px solid #eadfd7;
  border-radius: 10px;
  background: #fffaf7;
}
.single-post .entry-content li {
  margin: 0.45em 0;
}
.single-post .entry-content table {
  width: 100%;
  margin: 1.6em 0 2em;
  border-collapse: collapse;
  font-size: 0.94em;
}
.single-post .entry-content th {
  background: #f2e8e2;
  color: #4a403c;
}
.single-post .entry-content th,
.single-post .entry-content td {
  padding: 0.85em;
  border: 1px solid #dfd3cc;
  vertical-align: top;
}
.single-post .entry-content blockquote {
  margin: 1.8em 0;
  padding: 1.15em 1.35em;
  border-left: 5px solid #91b9b2;
  border-radius: 0 10px 10px 0;
  background: #f3f8f7;
  color: #3f4a47;
}
.single-post .entry-content figure img {
  border-radius: 10px;
}
@media screen and (max-width: 834px) {
  .single-post .entry-content {
    font-size: 16px;
    line-height: 1.9;
  }
  .single-post .entry-content h2 {
    margin-top: 2.3em;
    padding: 0.75em 0.8em;
    font-size: 1.28em;
  }
  .single-post .entry-content h3 {
    font-size: 1.12em;
  }
  .single-post .entry-content th,
  .single-post .entry-content td {
    padding: 0.65em;
  }
}


/* 投稿見出し：テーマ標準より優先 */
body.single-post .article .entry-content h2 {
  margin: 2.8em 0 1.2em;
  padding: 0.85em 1em;
  border: 0;
  border-left: 6px solid #cfae9f;
  border-radius: 0 8px 8px 0;
  background-color: #faf7f3;
  color: #5a463e;
}
body.single-post .article .entry-content h3 {
  margin: 2.2em 0 1em;
  padding: 0 0 0.45em 0.15em;
  border: 0;
  border-bottom: 2px solid #dfc9be;
  color: #5a463e;
}
@media screen and (max-width: 834px) {
  body.single-post .article .entry-content h2 {
    margin-top: 2.3em;
    padding: 0.75em 0.8em;
  }
}


/* 投稿見出しの最終調整 */
body.single-post .article .entry-content h2 {
  border: 0 !important;
  border-left: 6px solid #cfae9f !important;
  background: #faf7f3 !important;
}
body.single-post .article .entry-content h3 {
  border: 0 !important;
  border-bottom: 2px solid #dfc9be !important;
}


/* SNSを運用していないため共有・フォロー欄を非表示 */
.sns-share,
.sns-follow {
  display: none !important;
}


/* 健康・運動記事の注意書き */
.single-post .entry-content .health-note {
  margin: 1.2em 0 1.8em;
  padding: 1em 1.2em;
  border: 1px solid #dfc9be;
  border-left: 5px solid #cfae9f;
  border-radius: 8px;
  background: #fffaf7;
  font-size: 0.94em;
  line-height: 1.8;
}