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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
#main .button-caption {
	display: none; /*キャプション非表示*/
}
/*SNSシェアボタン*/
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/
}
.sns-share-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}
/*SNSフォローボタン*/
.sns-follow-buttons {
	justify-content: center; /*中央寄せ*/
}
.sns-follow-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-follow a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}
.appeal-content {
  background: none;
}
.appeal-title,
.appeal-message {
	color: #fff;
}
/**目次**/
.toc {
  display: block;
  padding: 0px;
  max-width: 600px;
　border: 1.2px #c9c9bd solid !important;
	border-color: #c9c9bd !important;
  font-family: 'Noto Sans JP', sans-serif;
}
.toc-title {
  position: relative;
  padding: 10px 0;
  background: #c9c9bd;
  color: #fff;
  font-weight: bold;
}
.toc .toc-content {
  padding: 15px 20px;
  background-color: #ffffff;
}
.toc-list > li li a {
  font-weight: normal;
  font-size: 95%;
  margin-left: -10px;
}
.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;
}
.article .toc-list > li li {
  list-style: none;
}
.entry-content .toc {
width: 85%;
/* 最大幅を解除 */
max-width: unset;
}
/*内部ブログカードの抜粋文を消す*/
.internal-blogcard-snippet{
	display: none;
}
/*URL（フッター）を非表示*/
 .blogcard-footer{
	display: none;
}
/*Read Moreを追加する*/
 .blogcard::after{
	display:block;
	content: 'Read More';
	position: absolute;
	bottom: 1rem;
	right: 1rem;
	color:#fff;
	background-color:#666;
	font-size:12px;
	width: fit-content;
	padding: 0.3em 2.4em;
	z-index: 1;
}

/*ホバー時ボタン*/
a.blogcard-wrap:hover .blogcard::after{
	opacity:.8;
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.entry-title, .article h1 {
		padding: 0.6em 0;
	}
}