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

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

#navi .navi-in > ul li{
	height: 15px;
	line-height: 0px;
}

.logo-header {
padding: 10px 0 0px 0;
}

/* 見出しリセット */

/* 見出し1 */
.article h1{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}

/* 見出し2 */
.article h2{
background:none;
padding: 0;
}

/* 見出し3 */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}

/* 見出し4 */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}

/* 見出し5 */
.article h5{
border-bottom:none;
padding: 0;
}

/* 見出し6 */
.article h6{
border-bottom:none;
padding: 0;
}

/************************************
** ■次の記事／前の記事のフォント
************************************/
.prev-post.a-wrap.cf,
.next-post.a-wrap.cf{
  font-size: 16px; /*フォントサイズ*/
  font-weight:bold; /*文字強調*/
}
/* スマホでのフォントサイズ */
@media screen and (max-width: 480px){
  .prev-post.a-wrap.cf,
  .next-post.a-wrap.cf{
    font-size: 12px; /*フォントサイズ*/
    font-weight:bold; /*文字強調*/
  }
}


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

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

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

.entry-card-title {
 font-size: 20px;
} 

/************************************
** 見出し
************************************/

.article h1 {
  font-size: 20pt;
  padding: 0.2em;
}



.article h2 {
  font-size: 25px;
  background: #393E4C; /*背景色*/
  padding: 0.5em;/*文字周りの余白*/
  color: white;/*文字を白に*/
  border-radius: 0.2em;/*角の丸み*/
}


.article h3 {
  padding: 0.5em;/*文字周りの余白*/
  color: #010101;/*文字色*/
  background: #d3d3d3;/*背景色*/
  border-bottom: solid 3px #000000;/*下線*/
}


.article h4{
background: transparent;
border-top:none;
border-bottom:none;
border-left: solid 10px #696969;
padding: 5px 10px;
}

/************************************
** 目次
************************************/

/*---------------------------------
枠線をなくす
--------------------------------*/
.toc {
  background-color: #EDF6FF; /*背景色*/
  border-style: none; /*枠線をなくす*/
}


/************************************
** リスト
************************************/

ul.main-body-list-disc {
  border: solid 2px #FFA200;
  border-radius: 5px;
  padding: 0.5em 1em 0.5em 2.3em;
}
 
ul.main-body-list-disc li {
  line-height: 1.5;
  padding: 0.5em 0;
  color: #0055B2;
}

/*---------------------------------
トップページリストのカスタマイズ
--------------------------------*/
.entry-card-title {
	font-size: 16px; /* スマホは10px */
}

@media screen and (min-width: 481px) {
	.entry-card-title {
		font-size:20px; /* スマホサイズ以上は24px */
	}
	.entry-card-snippet {
		font-size: 14px;
	}
}

/************************************
** ■日付のカスタマイズ
************************************/
.date-tags{
  line-height: 1.4; /*行間設定*/
  color: #666; /*文字色*/
}
.post-date, .post-update{
  background-color: #F0F0F0; /*背景の色*/
  font-size: 14px; /*フォントサイズ*/
  padding-right: 4px; /*右余白*/
  display: inline; /*横並びで縦中央揃え*/
}

/*更新日を非表示にする、おまじない*/
.post-update{
  display: none;
}

/* 目次の背景色を変更する */
.toc-title{
  background-color: #393E4C;  /* 背景色を変更する */
  font-size: 2em;  /* 文字の大きさを変える */
  padding: 0.1em 1em; /* 文字の周囲の余白を変える */
  font-weight: bold;  /* 文字を太字にする */
  color: #ffffff;  /* 文字の色を変える */
}

/* 目次のH2見出しのみ太字にする */
.toc-content ol li{
  color: #8195a2;  /* 文字の色 */
  margin:0.1em;  /* 文字の余白 */
}
.toc-list > li{
  font-weight: bold;  /* h2のみ太字にする */
}
.toc-list > li li{
  font-weight: normal;  /* h2以外を標準の太さにする */
}

/* 目次のタイトル部分にアイコンを追加する */
.toc-title:before {
  font-family: 'Font Awesome 5 Free';  /* Font Awesome 5を使用するために指定 */
  content : "\f03a";  /* Font Awesome 5のアイコン番号 */
  font-size:20px;  /* アイコンの大きさ */
  margin-right:10px;  /* アイコン右の余白 */
  color:#a8bcc8;  /* アイコンの色 */
  background-color:#ffffff;  /* アイコンの背景の色 */
  border-radius: 50%;  /* アイコンの背景を丸くする */
  padding:8px;  /* アイコン背景の余白 */
}


/** H3以下のタイトルナンバリング消去 **/
.article .toc-list > li li {
  list-style: none;
}

/** H3以下のタイトル冒頭をドットにする **/
.toc-list > li li ::before {
  content: '';
  width: 5px;
  height: 5px;
  display: inline-block;
  left: -15px;
  border-radius: 100%;
  background: #cdcdcd; /*こちらで点の色を変更*/
  position: relative;
  margin-bottom: 2px;
 }


/* スマホだけ：縦並び + タイトル表示 + 余白削除 */
@media screen and (max-width: 768px) {

  /* カード全体を縦並びに */
  .entry-card-wrap {
    display: block !important;
    width: 100% !important;
  }

  /* 画像を大きく */
  .entry-card-thumb {
    width: 100% !important;
    height: 240px !important;
    margin: 0 0 8px !important;
  }

  .entry-card-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  /* テキストブロック（タイトル＋スニペット） */
  .entry-card-content {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  /* タイトル表示＆位置リセット */
  .entry-card-title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    float: none !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
    color: #222 !important;
  }
}