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

/**************以下tt追記2022.1.13*******************/

/************************************
** すべてのページのタイトルを非表示にする
************************************/
.entry-title {
display: none;
}

/************************************
** 固定ページ、日付、著者情報の非表示2023.1.25tt
************************************/
.page .date-tags,
.page .author-info {
display: none;
}
/***********************************
**ブログの更新日を非表示にする、2022.2.2
************************************/
.post-update{
  display: none;
}

/************************************
* 見出しをお洒落にH2　tt追加
************************************/
h2 {
  border-bottom: solid 2px #cd7d7e;
  position: relative;
}

h2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #c4c1a1;
  bottom: -2px;
  width: 30%;
}

/************************************
* 見出しをお洒落にH3　tt追加
************************************/
h3 {
  padding: 1rem 2rem;
  color: #666;
  background: #fafafa;
  box-shadow: 1px 2px 0 #ccc;
}

/************************************
** 番号なしリストをお洒落に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.5em;/* 1から少し広げた2023.8.31M要望 */
	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;
  font-weight: 900;
  content: "\f14a";
	font-size: 1.5em;
	font-weight: 700;
	color:#249; /* ■■■記号の背景色 */
	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: #246; /* ■■■番号の背景色 */
	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
************************************/
/************************************
** 記事内目次https://pote-chil.com/blog/cocoon-toc-customize
************************************/
.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: #ccc !important; /* 目次（閉じる）色、エディタで編集要 */
  background-color: initial;
}

.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: #acf; /* ■矢印の色 */
  content: "\f138";/* ■矢印フォント */
}

.toc li li {
padding-top: 0.1em;
margin: 0 0 0 -15px !important;/* ■2段目矢印の左余白 効くOK*/
font-family: "Font Awesome 5 Free" !important;
font-weight: 400; /* ■効くOK */
color: #900 !important; /* ■効かない */	
content: "\f105"; !important/* ■効かないフォント */
}

/***********************************************************************************
** ルクセリタスで使っていたHTML　子テーマ用のスタイルを書く
************************************/

/* トップページ　囲みボックス影付き　2020-1-3 */
.clip-box-b {
 position: relative;
 margin: 0.8em auto;
 padding: 5px 5px 5px 10px;
 width: 99%; /* ボックス幅 */
 background-color: #def; /* ボックス背景色 */
 color: #333333; /* 文章色 */
 box-shadow: 4px 4px 1px #9bd; /* 影の色 */
}

/* サイドバー　詳細メニューCSS　2020-1-5 */
#menu ul{ 
margin: 0; 
padding: 0; 
list-style: none; 
}
#menu li{ 
display: inline; 
padding: 0; 
margin: 0; 
}
#menu li a{
display: block; 
border: 1px solid #9F99A3;
background-color: #def;
padding: 3px 20px;
text-decoration: none;
color: #333;
width: 95%; 
margin: 2px 0px;
text-align: left;
font-size: 14px;
}
#menu li a:hover{
border: 1px solid #8593A9;
background-color: #ffc;
}

/* mene2 トップページ　2020-1-11 */
#menu2 ul{ 
margin: 0; 
padding: 0; 
list-style: none; 
}
#menu2 li{ 
display: inline; 
padding: 0; 
margin: 0; 
}
#menu2 li a
{
display: block; 
 margin: 1.8em auto;
 padding: 5px 5px 5px 10px;
 width: 99%; /* ボックス幅 */
 background-color: #def; /* ボックス背景色 */
 color: #333333; /* 文章色 */
 box-shadow: 4px 4px 1px #9bd; /* 影の色 */
}
#menu2 li a:hover{
border: 1px solid #8593A9;
background-color: #ffc;
}
/* 下線再現テスト トップページ　2022-10-17 */
.clip-box-b a:link {
  text-decoration: underline!important
}
.clip-box-b p{
  text-decoration: underline;
}

/************************************
** カレンダの変更2025.5.9田村
************************************/

/*日曜日の色を変える*/
.eo-fullcalendar .fc-view-container .fc-view table tbody .fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table thead 
.fc-sun {
color: #ff0000;text-align: center;
}
/*土曜日の色を変える*/
.eo-fullcalendar .fc-view-container .fc-view table tbody .fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table thead 
.fc-sat{color: #0000ff;text-align: center;}
/*月曜日の文字を中央に*/
.eo-fullcalendar .fc-view-container .fc-view table tbody .fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table thead 
.fc-mon{text-align: center;}
/***火***/
.eo-fullcalendar .fc-view-container .fc-view table tbody .fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table thead 
.fc-tue{text-align: center;}
/***水***/
.eo-fullcalendar .fc-view-container .fc-view table tbody .fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table thead 
.fc-wed{text-align: center;}
/***木***/
.eo-fullcalendar .fc-view-container .fc-view table tbody .fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table thead 
.fc-thu{text-align: center;}
/***金***/
.eo-fullcalendar .fc-view-container .fc-view table tbody .fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table thead 
.fc-fri{text-align: center;}

/************************************
** カレンダ記事の日付とイベント情報の削除2025.5.14田村
************************************/



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