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

/************************************
** 田村追記　カレンダの表示オフ　2025.6.30
************************************/

.type-event .post-date{
  display: none;
}
.type-event .eventorganiser-event-meta{
  display: none;
}

/************************************
** 田村追記　記事内の背景色2022.1.13
************************************/
.main{
 ? ?background-color: #fff;
}
/***********************************
**固定ページに日付非表示2022.1.18
************************************/
.page .date-tags {
display: none;
}
/*更新日を非表示にする、2022.2.2*/
.post-update{
  display: none;
}
/*タイトルを非表示にする、2024.2.14*/
.entry-title {
  display: none;
}

/***********************************
**カテゴリーウィジェット 非表示のカテゴリー2022.1.21
************************************/

.cat-item.cat-item-2, .cat-item.cat-item-8,
.cat-item.cat-item-13, .cat-item.cat-item-19
{
  display: none;
}



/************************************
** *固定ページの日付非表示2023.1.25tt
************************************/
.page .date-tags,
.page .author-info {
display: none;
}

/************************************
** 番号なしリストお洒落に2023.1.26tt
************************************/
.article ul {
	position: relative;
	padding: 0em 1em 0.5em 2.3em;
	margin:-20px 0px 0px 10px;
	background:#fff;
	box-shadow: 0 0 0 10px #fff;
	border: dashed 3px #fff;
	border-radius: 3px;
}
.article ul li {
	line-height: 1;
	padding:0.6em 0.6em 0.6em 15px;
	color:#454545;
	list-style-type: none!important;
	text-shadow: 1px 1px 1px #fff;
}
.article ul li::before {
	position: absolute;
	
    font-family: "Font Awesome 5 Free" !important;
	content:"\f14a";
	font-size: 1.5em;
	font-weight: 700;
	color:#234575; /* ■■■記号の色 */
	line-height: 0.8em;
	left:18px;
	text-shadow: 1px 1px 1px #fff;
}
.article ul li ul {
	padding: 0.5em 1em 0.5em 2.3em;
	margin: 0.5em 0;
	border:none;
	border-radius: 0px;
}
.article ul.snsb {
	padding: 10px;
	margin:2em 0 ;
}
.article ul.snsp {
	padding: 0;
	margin:1em 0 ;
}
.article ul.snsb li {
	line-height: 1;
	padding:0;
	color:#454545;
	list-style-type: none!important;
	text-shadow: none;
}
.article ul.snsb li:before ,
.article ul.snsp li:before {
	content:"";
}


/************************************
** 番号付きリストお洒落に2023.1.2tt
************************************/
.article ol {
	counter-reset: number;
	list-style: none!important;
	padding:0.5em 1em;
	border:solid 2px #fff;
	border-radius: 10px;
}
.article ol.toc-list {
	counter-reset: number;
	list-style: none!important;
	padding:0 0.5em;
	border:none;
}
.article ol li {
	position: relative;
	border-bottom: dashed 1px #dcdcdc;
	padding:0.5em 0.5em 0.5em 30px;
	line-height: 1.5em;
}

.article ol.toc-list li {
	position: relative;
	border-bottom: dashed 1px #dcdcdc;
	padding:0.2em 0.2em 0em 30px;
	line-height: 1.5em;
}

.article ol li ol {
	border:none;
	border-radius: 0px;
	padding:0.1em 0;
}

.article ol li:last-of-type {
	border-bottom: none; /* 最後の１行はボーダーを消す */
}
.article ol li::before {
	position:absolute;
	left:0;
	top:5px;
	counter-increment: number;
	content:counter(number);
	/* 数字のデザインを変える */
	display: inline-block;
	background: #134575; /* ■■■記号の色 */
	color:#fff;
	font-family: 'Avenir','Arial Black','Arial',sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height:27px;
	border-radius: 50%;
	width: 25px;
	height:25px;
	text-align: center;
	text-shadow: -1px -1px 1px rgba(0,0,0,0.1);
}
/************************************
** 目次番号　色と段落変更2023.8.29tt--2023.10.5
************************************/
.toc {
  display: block !important;
  width: 95%;
  padding: 20px 32px 7px !important;
  margin-bottom: 5% !important;
  background: #f9f9f9 !important;
  border: 0 !important;
  border-top: 5px solid !important;
  border-top-color: #ccc !important; /* ■■任意の色に */
  border-radius: 10px;
  box-shadow: 0 2px 2px rgb(0 0 0 / 20%) !important;
}
@media screen and (min-width: 600px) {
  .toc {
    width: 70%;
    padding: 20px 35px 15px !important;
  }
}

.toc-title {
  margin: 0 20px 20px -10px !important;
  font-size: 23px !important;
  font-weight: 700 !important;
  color: #f00 !important; /* f8c678任意の色に */
  background-color: initial;
}

.toc-title::before {
  padding: 14px;
  font-family: "Font Awesome 5 Free";
  font-size: 20px;
  font-weight: 900 !important;
  color: #fff;
 /*?content: "\f03a";*/
  background-color: #f00; /* 任意の色に */
  border-radius: 50%;
}

.toc a {
  display: block;
  padding-top: 0 !important; /* 下の点線との間 */
  padding-bottom: 0.5em; /* 下の点線との間 */
  color: #333;
  border-bottom: dashed 1px silver;
}

.toc ul li {
  position: relative;
  padding: 0 0 0.4em 1.4em;
  font-weight: 700;
  line-height: 1.5;
}

.toc ul li::before {
  position: absolute !important;
  left: -0.3em !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  color: #249; /* ■■任意の色に */
 /*?content: "\f138";*/
}

.toc li li {
  padding-top: 0.1em;
  margin-top: 0 !important;
  font-weight: 400;
}

.toc_list li {
  margin-top: -5% !important;
}
@media screen and (min-width: 834px) {
  .toc_list li {
    /* PCでは目次のh2同士の間隔は抑えめに */
    margin-top: -1.8% !important;
  }
}