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

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


/* 見出しのデザインリセット */
/*H2 */
.entry-content h2{
border:none;
background:none;
padding: 0;
}

/* H3 */
.entry-content h3{
border:none;
background:none;
padding: 0;
}

/* H4 */
.entry-content h4{
border:none;
background:none;
padding: 0;
}



/* ============================================================
   汎用見出しCSS - H1〜H6 + ページタイトル
   対象: WordPress 子テーマ（Cocoon）
   設計: スマホファースト / 768px ブレークポイント
   ============================================================ */

/* ----------------------------------------------------------
   フォント共通指定
   ---------------------------------------------------------- */

.entry-title,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", "游明朝", Georgia, serif;
}

/* ----------------------------------------------------------
   H1
   ---------------------------------------------------------- */

.entry-content h1,
.article h1 {
  position: relative;
  margin: 0 0 1.5rem;
  padding: 0.75rem 0 0.75rem 1.125rem;
  font-size: 1.35rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.03em;
  color: #2c2c2a;
  border-left: 4px solid #8a7560;
  border-bottom: 1px solid #ddd8d0;
  background: transparent;
}

@media (min-width: 768px) {
  .entry-content h1,
  .article h1 {
    font-size: 1.6rem;
    padding: 0.8rem 0 0.8rem 1.25rem;
    margin: 0 0 2rem;
  }
}

/* ----------------------------------------------------------
   H2
   ---------------------------------------------------------- */

.entry-content h2,
.article h2 {
  position: relative;
  margin: 2.5rem 0 1.25rem;
  padding: 0.6rem 0 0.6rem 1rem;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.02em;
  color: #2c2c2a;
  border-left: 3px solid #8a7560;
  border-bottom: 1px solid #ddd8d0;
  background: transparent;
}

@media (min-width: 768px) {
  .entry-content h2,
  .article h2 {
    font-size: 1.5rem;
    padding: 0.65rem 0 0.65rem 1.125rem;
    margin: 3rem 0 1.5rem;
  }
}

/* ----------------------------------------------------------
   H3
   ---------------------------------------------------------- */

.entry-content h3,
.article h3 {
  position: relative;
  margin: 2rem 0 0.875rem;
  padding: 0 0 0.4rem 0;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.015em;
  color: #3c3c3a;
  border-bottom: 1px dotted #c8c0b4;
  background: transparent;
}

@media (min-width: 768px) {
  .entry-content h3,
  .article h3 {
    font-size: 1.25rem;
    margin: 2.25rem 0 1rem;
    padding: 0 0 0.45rem 0;
  }
}

/* ----------------------------------------------------------
   H4
   ---------------------------------------------------------- */

.entry-content h4,
.article h4 {
  position: relative;
  margin: 1.75rem 0 0.75rem;
  padding: 0 0 0 0.75rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.01em;
  color: #3c3c3a;
  border-left: 2px solid #c8c0b4;
  background: transparent;
}

@media (min-width: 768px) {
  .entry-content h4,
  .article h4 {
    font-size: 1.1rem;
    margin: 2rem 0 0.875rem;
  }
}

/* ----------------------------------------------------------
   H5
   ---------------------------------------------------------- */

.entry-content h5,
.article h5 {
  position: relative;
  margin: 1.5rem 0 0.625rem;
  padding: 0;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.01em;
  color: #5f5e5a;
  background: transparent;
}

@media (min-width: 768px) {
  .entry-content h5,
  .article h5 {
    font-size: 1rem;
    margin: 1.75rem 0 0.75rem;
  }
}

/* ----------------------------------------------------------
   H6
   ---------------------------------------------------------- */

.entry-content h6,
.article h6 {
  position: relative;
  margin: 1.25rem 0 0.5rem;
  padding: 0;
  font-size: 0.9rem;
  font-weight: 400;
  font-style: italic;
  line-height: 1.5;
  letter-spacing: 0.01em;
  color: #7a7974;
  background: transparent;
}

@media (min-width: 768px) {
  .entry-content h6,
  .article h6 {
    font-size: 0.95rem;
    margin: 1.5rem 0 0.625rem;
  }
}

/* ----------------------------------------------------------
   ページタイトル（.entry-title）
   H1スタイルを上書きするため最後に記述
   ---------------------------------------------------------- */

h1.entry-title {
  margin: 0 0 0.5rem;
  padding: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.04em;
  color: #2c2c2a;
  background: transparent;
  border-left: none;
  border-bottom: none;
}

@media (min-width: 768px) {
  h1.entry-title {
    font-size: 1.5rem;
    margin: 0 0 0.75rem;
    padding: 0;
  }
}




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

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

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