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

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

/*特定の固定ページのみ、投稿日・更新日を非表示にする↓*/

/*総合メニュー*/
.post-6 .date-tags,

/*お問い合わせ*/
.post-275 .date-tags,

/*ごあいさつ・ﾌﾟﾛﾌｨｰﾙ*/
.post-28 .date-tags,

/*やさしい相続Ｑ＆Ａ集*/
.post-398 .date-tags,

/*事務所概要*/
.post-31 .date-tags,


/*著作権について*/
.post-1380 .date-tags,

/*サイトマップ*/
.post-2005 .date-tags {
display: none;
}

/*特定の固定ページのみ、更新日を非表示にする↑*/

/*グローバルメニューのフォントサイズ等変更*/
.navi-in .menu-header .item-label{
font-size: 30px;	
font-weight: bold;
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
		.content .main, .content .sidebar {
		padding: 8px;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
		.content .main, .content .sidebar {
		padding: 8px;
	}
}

/* h1（記事タイトル）の背景色を変更する */
.entry-title {
  background-color: #ffffff !important; /* 好きな色 */
}

/************************************
** ■見出しカスタマイズ（h1-6）
************************************/
.article h1{ /*見出しフォント統一*/
  padding: 0.4em 0;/*上下の余白*/
  font-size:22px;
　font-size:Kosugi Maru;
  text-align:; 
  border-top: solid 8px #007b43; /*上線*/
  border-bottom: solid 8px #007b43;/*下線*/
}

.article h2{ /*見出しフォント統一*/
  font-size:22px;
　font-size:Kosugi Maru;
  text-align:;
}

.article h3{ /*見出しフォント統一*/
  font-size:22px;
　font-size:Kosugi Maru;
  text-align:;
}

.article h4,
.article h5,
.article h6{ /*見出しフォント統一*/
  padding: 0.4em 0;/*上下の余白*/
  margin: 0;
  font-size:22px;
　font-size:Kosugi Maru;
  text-align:;
}

/* -------- h3・h4・h5 の背景色を白にする -------- */

/* h3 */
.article h3,
.main h3 {
  background-color: #ffffff !important;
  background-image: none !important;
}

/* h4 */
.article h4,
.main h4 {
  background-color: #ffffff !important;
  background-image: none !important;
}

/* h5 */
.article h5,
.main h5 {
  background-color: #ffffff !important;
  background-image: none !important;
}

/* 目次全体デザイン */
.toc{
    background:#ffffff; /* 目次全体の背景色を変える場合はここを変更 */
    border:none;
    display:block;
    border-top:5px solid;
    border-top-color:#FFC679;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    padding: 10px 10px 10px 10px;
}
/* 目次の文字指定 */
.toc-title {
    text-align:center;
    margin: 0 20px 20px -10px;
    padding-top:   20px;
    padding-left: -20px;
    font-size: 23px;
    font-weight: 700;
    color: #007b43; /* 目次の文字色を変える場合はここを変更 */
}
/* 目次のアイコン設定 */
.toc-title:before {
    top: 0;
    left: -45px;
    width: 50px;
    height: 50px;
    font-family: FontAwesome;
    content : "\f0ca"; /* アイコンを変える場合はここを変更 */
    font-size:20px;
    margin-right:5px;
    color:#F9F9F9; /* アイコンの色を変える場合はここを変更 */
    background-color:#007b43; /* アイコンの背景色を変える場合はここを変更 */
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    padding:14px;
}
/* 目次のデザインカスタマイズ */
.toc-content ol {
    padding: 0 0.5em;
    position: relative;
}
.toc-content ol li {
    line-height: 1.5;
    padding: 0.7em 0 0.5em 1.4em;
    border-bottom: dashed 1px silver;
    list-style-type: none!important;
}

/* 目次の各節の先頭にあるアイコンを設定 */
.toc-content ol li:before {
    font-family: FontAwesome;
    content: "\f138"; /* アイコンを変える場合はここを変更 */
    position: absolute;
    left : 0.5em;
    color: #007b43; /* 色を変える場合はここを変更 */
}

.toc-content ol li:last-of-type {
    border-bottom: none;
}
.toc-content .toc-list li {
    font-weight:normal; /* h2のみ太文字に */
}
.toc-content .toc-list li li {
    font-weight:normal; /* h3以降の文字サイズを普通に */
}

/* 内部ブログカードのURLを非表示 */
.internal-blogcard-site {
    display: none;
}

/* 内部ブログカード 説明文を非表示 */
.internal-blogcard .blogcard-snippet{
    display: none;
}

/* メインカラム（記事本文が乗っている部分）の背景色 */
.main {
  background-color: #fff7cc !important;  /* 好きな色に変更 */
}

/* サイドバーの背景色を変更 */
#sidebar {
  background-color: #fff7cc;    /* 好きな色に変更 */
}

/* 固定の文字色を濃い色に変更 */

span.red {
  color: #e60033 !important;
}

span.bold-red {
  color: #e60033 !important;
  font-weight: bold;
}

span.bule {
  color: #1e50a2 !important;
}

span.bold-blue {
  color: #1e50a2 !important;
  font-weight: bold;
}

span.green {
  color: #007b43 !important;
}

span.bold-green {
  color: #007b43 !important;
  font-weight: bold;
}