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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*H1見出し*/
h1 {
  font-family: sans-serif;
  font-weight: 700; /* 太字 */
	letter-spacing: 0em;
}

/*H3見出し*/
main h3.wp-block-heading {
    font-size: 18px;/*文字サイズ*/
    padding: 10px 10px;/*文字回りの余白（上下 左右）*/
    display: block;
    border-bottom: 1px dashed ;/*下線（太さ 破線 色）*/
    position: relative;
}

/* 目次の背景色を変更する */
.toc {
  background-color: #ffffff;  /* 目次の背景色を変更する */
  border-color: #c0c0c0;  /* 周囲のボーダーの色を変える */
	box-shadow: initial;
	/* box-shadow: 1px 1px 2px gray; */
  border: solid 1px #ddd;/*線*/
  border-radius: 10px;/*角の丸み*/
}
/* 目次の背景色を変更する */
.toc-title{
  /*background-color: #ffffff;   背景色を変更する */
	border: solid 1px #a0a0a0;
	border-style: none none solid;
  font-size: 1.2em;  /* 文字の大きさを変える */
  padding: 0.3em;  /* 文字の周囲の余白を変える */
  font-weight: bold;  /* 文字を太字にする */
  color: #333333;  /* 文字の色を変える */
}
/* 目次の文字の色を変える */
.toc a{
  color:#5C676D;  /* 文字の色 */
}
/* 目次のH2見出しのみ太字にする */
.toc-content ol li{
  color: #8195a2;  /* 文字の色 */
  margin:0.5em;  /* 文字の余白 */
}
.toc-list > li{
  font-weight: bold;  /* h2のみ太字にする */
}
.toc-list > li li{
  font-weight: normal;  /* h2以外を標準の太さにする */
}
/************************************
** サイドバー追尾目次
************************************/
.sidebar-scroll{
  top:15px !important;
}
.sidebar h3{
	position: relative;
  font-size:0.9em;
  padding: 7px 12px;
}
.sidebar .toc-title{
	background-color: #ffffff;  /* 目次の背景色を変更する */
	border: solid 0px #dddddd;
	border-style: none none solid;
	position: relative;
  background-color: #FFF;
  font-size: 0.95rem;
  letter-spacing: 0.2em;
  text-align: center;
	margin-bottom: 2.2px;
	padding: 10px
}
.sidebar .widget_toc{
	border: solid 0px #333333;
}
.sidebar .toc-widget-box{
  margin-top: 0.9em;
}
.sidebar .toc{
	background-color: #ffffff;
  padding: 0;
  width:100%;
}
.sidebar .toc-content {
  /* overflow-y: scroll; スクロールオン*/
  /* max-height: 390px; */
  background: #fff;
  padding: 0.5em 1.5em;
	border: solid 1px #ddd;/*線*/
  border-radius: 5px;/*角の丸み*/
}
.sidebar .toc li{
  line-height:1.6;
  margin-bottom: 1em;
  font-size:0.85rem;
}
.sidebar .toc-content > ol  > li,.sidebar .toc-content > ul  > li{
  font-weight:600;
  padding-left: 0.5em;
}
.sidebar .toc-content a{
  letter-spacing:0.5px;
}
.sidebar .toc .toc-list ul, .sidebar .toc .toc-list ol {
  margin: 1em 0;
  list-style-type:none;
  font-weight:500;
}
@media screen and (max-width: 768px){
  .sidebar-menu-button .widget_toc{
    display:none;
  }
}

/*目次のカメラを消す*/
.toc-title::before {
	opacity:0;
}
/* カラム幅を調整する_カスタムクラス 追加クラスに「block-columns-custom」 */
.block-columns-custom {
    max-width: 500px; /* ここでお好みの幅に調整 現在は追加CSSで600になってる */
    margin: 0 auto;
}

/*サイドプロフィール領域変更*/
.sidebar.nwa .author-box{
    padding: 0;
}
.sidebar.nwa .author-box .author-thumb{
    width: 100%;
    margin: 0 0 2.5em 0;
    background: url(https://ce-celery.site/wp-content/uploads/2026/02/1000021371-scaled-e1769924145963.jpg);
    background-size: cover;
    height: 8em;
}
.sidebar.nwa .author-box .author-thumb img{
    max-width: 100px;
    margin-top: 4.5em;
}
.sidebar.nwa .author-box .author-name{
	margin-bottom: 1em;
}
/* テキストの左右の余白 */
.sidebar.nwa .author-box .author-content{
	padding: 1em 1.5em;
}
/* サイドバープロフィール画像に縁をつける */
.author-thumb img {
  border: 3px solid rgb(255 255 255);
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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