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

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


/************************************
** コメントフォーム
************************************/
/* 確認メッセージ、メール、サイトを非表示 */
.comment-form-email, .comment-form-url, .comment-notes {
  display: none;
}

/************************************
** 固定ページの日付を非表示
************************************/
.post-19 .date-tags,
.post-30 .date-tags,
.post-3 .date-tags,
.post-54 .date-tags {
  display: none;
}

/************************************
** 関連記事のレイアウト変更
************************************/
h2.related-entry-heading span {
  color: #999;
}
.related-entry-card-thumb img {
  border-radius: 5px;
  box-shadow: 0 2px 4px rgb(0 0 0 / 22%);
}
.entry-card-title,
.related-entry-card-title {
  color: #555;
}
.rect-mini-card .related-entry-card-wrap {
  border-bottom: 1px dashed #ccc; /* 区切り線 */
}
.related-entry-card .cat-label {
  display: none; /* カテゴリー非表示 */
}

/************************************
** ページナビ
************************************/
/* 「次のページ」ボタンを非表示 */
.pagination-next {
	display: none;
}

/************************************
** グローバルメニュー
************************************/
/* フォントサイズと太さ */
.navi-in .menu-header .item-label{
font-size: 18px;
font-weight: bold;
}
/* 色 */
#navi .caption-wrap .item-label {
    color: #ffffff;
}

/************************************
** 記事内目次
************************************/
.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: #5a5a5a !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: #5a5a5a !important; /* 任意の色に */
  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: #5a5a5a; /* 任意の色に */
  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: #5a5a5a; /* 任意の色に */
  content: "\f138";
}
.toc li li {
  padding-top: 0.5em;
  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;
  }
}

/************************************
** サイドバー目次
************************************/
.sidebar .toc {
  width: initial !important;
  padding-top: initial !important;
  margin-bottom: initial !important;
  background: transparent !important;
  border: initial !important;
  border-radius: initial !important;
  box-shadow: initial !important;
}
.sidebar .toc li li::before {
  color: #5a5a5a; /* 任意の色に */
}
@keyframes slide {
  100% {
    opacity: 1;
    padding-left: 1.2%;
  }
}
/* 目次のアイコンにアニメーションを付与 */
.toc ul li:before {
  opacity: 0.4;
  animation: slide 1.5s infinite;
}

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

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

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

/************************************
** REST APIのユーザー名取得不可にする対応
************************************/
function my_filter_rest_endpoints( $endpoints ) {
	if ( isset( $endpoints['/wp/v2/users'] ) ) {
		unset( $endpoints['/wp/v2/users'] );
	}
	if ( isset( $endpoints['/wp/v2/users/(?P<id>[\d]+)'] ) ) {
		unset( $endpoints['/wp/v2/users/(?P<id>[\d]+)'] );
	}
	return $endpoints;
}
add_filter( 'rest_endpoints', 'my_filter_rest_endpoints', 10, 1 );