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

/* スムーズスクロール */
html {
	scroll-behavior: smooth;
}
/* スクロール位置のズレをなくすための余白 */
/* .wp-block-heading {
	scroll-margin-top: 50px;
} */
/*サイト名、サイト説明文*/
.tagline {
	font-size: 85%;
}
.site-name-text{
	font-weight: 600;
	font-size: 300%;
}
/* メインコンテンツエリア */
.main {
	background-color: #fdeff2;
}
/* 目次:全体 */
.toc {
  display: block;
  padding: 0px;
  max-width: 600px;
  border: 2px #E87446 solid !important;
 }
/* 目次:タイトル */
.toc-title {
  position: relative;
  padding: 10px 0;
  background: #E87446;
  font-weight: bold;
  color: #111;
 }
/* 目次:ボディー */
.toc .toc-content {
  padding: 15px 20px;
 }
/* デフォルト目次ナンバーを非表示 */
.article .toc-list > li li {
  list-style: none;
}
.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;
 }
.toc-list > li li a {
  font-weight: normal;
  font-size: 95%;
  color: #686E74;
  margin-left: -10px;
 }
/*目次:スマホ用*/
@media screen and (max-width: 750px){
.toc {
  margin: 10px 5px;
}
.toc-list > li a {
  font-size:13px;
}
.toc-list > li li a {
  margin-left: -3px;
}
.toc-list > li li ::before {
  margin-left:-5px;
}
}
/* 区切り線 */
hr {
	color: #B8C8D1;
}
/* サイドバー */
.sidebar,.sidebar-menu-close-button {
	background-color: #F9D0C5;
}
/* サイドバー:「最近のコメント」非表示 */
.recent-comments {
	display: none;
}
/* 検索、カテゴリー、コメント欄 */
input,textarea,.postform {
	background-color: #efefef;
	color: #373c38;
 }
/* コメント送信ボタン */
#submit {
	color: #efefef;
}
/* イメージ画像の注意書き */
.note {
	color: #b80028;
	font-size: 80%;
}
/* 中央寄せ */
.center {
	text-align: center;
}
.center p {
	margin-bottom: initial;
}
/* h2 左の縦線を背景色と同じにし、相殺 */
.article h2 {
	border-left: solid 5px #e94709;
}
/* スタイル:上吹き出し */
/* .is-style-balloon-top-box {
	background-color: #FBFBF6;
} */
/* 見出しボックス */
.caption-box {
  position: relative;
  border: solid 1px;
  border-radius: 0px;
  top: 2px;
}
/* タブ見出しボックス */
.tab-caption-box-label {
  border-radius: 0px;
}
.tab-caption-box-content {
  position: relative;
  border: solid 1px;
  border-radius: 0px;
  top: 2px;
}
/* ラベルボックス */
.label-box-content {
  border: 1px solid;
  border-radius: 0px;
}
/* 見出しボックス、タブ見出しボックス、ラベルボックスのパティング調整 */
.caption-box-content, .tab-caption-box-content, .label-box-content {
  padding: var(--cocoon-box-padding);
}
/* ラベルつきブログカードのトップマージンを調整 */
.wp-block-cocoon-blocks-blogcard.blogcard-type:not(.bct-none) {
  margin-top: 1em;
}
/* ブログカード */
.blogcard {
	background-color: #F3F3F3;
	margin-top: 2.5em; /* ラベル付きの場合、必要 */
}
.internal-blogcard-footer,.blogcard-footer {
	display: none;
}
.blogcard-wrap:hover{
	background: transparent;
	opacity: 0.7;
}
.blogcard-title {
	font-size: 1.05em;
}
.blogcard-label {
	font-size: 12px;
}
/* ブログカード本文 */
.internal-blogcard-snippet {
	padding-top: 0.3em;
}
/* 吹き出し:背景色 */
.speech-balloon {
	background-color: #fafafa !important;
}

/* スタイル:角括弧 */
.is-style-triangle-box {
	border: 1.5px solid;
}
/* カテゴリー非表示(時代、人物、建物&場所) */
.cat-link-143,.cat-link-146,.cat-link-148 {
	display: none;
}
/* SNSシェアボタン */
.sns-share-buttons {
  justify-content: center;
}

.sns-share-buttons a {
  font-size: 18px;
}

.sns-share-buttons a .button-caption {
  display: none;
}

.sns-share-buttons a .share-count {
  right: 50%;
  bottom: -16px;
  transform: translateX(50%);
  color: #aaa;
}
.sns-share.ss-high-and-low-lc a .social-icon.button-caption,
.sns-share.ss-high-and-low-cl a .social-icon.button-caption,
.sns-share.ss-high-and-low-lc a .button-caption.button-caption,
.sns-share.ss-high-and-low-cl a .button-caption.button-caption {
  display: none;
}

.bc-monochrome .sns-share-buttons a,
.bc-brand-color .sns-share-buttons a {
  margin-right: 8px;
}

.bc-monochrome .sns-share-buttons a:last-child,
.bc-brand-color .sns-share-buttons a:last-child {
  margin-right: 0;
}

.bc-monochrome.sns-share a,
.bc-brand-color.sns-share a {
  width: 45px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 50%;
}
/* フォローボタン */
.bc-monochrome .sns-buttons a,
.bc-brand-color .sns-buttons a {
  border-radius: 50%;
}

.bc-monochrome .sns-follow-buttons a,
.bc-brand-color .sns-follow-buttons a {
  border-radius: 50%;
}

.sns-follow-buttons {
  justify-content: center;
}

.sns-follow-buttons a {
  width: 45px;
  font-size: 20px;
  margin-right: 8px;
}

.sns-follow-buttons a:last-child {
  margin-right: 0;
}