@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/

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




/* PC目次を横幅調整 */
@media screen and (min-width: 768px) {
.toc.tnt-number {
  width: 80%;          /* 横幅を100%に */
  max-width: 100%;      /* 親要素の制限を解除（念のため） */
  box-sizing: border-box; /* 枠線や余白を含めて100%に */
	}}

/* Cocoon 目次のモバイル余白調整 */
@media screen and (max-width: 768px) {
  /* 目次全体のボックス余白を調整 */
  .toc {
    padding-left: 10px !important;
    padding-right: 10px !important;
	margin-bottom:25px !important;  
  }

  /* リスト項目の左インデントを減らす */
  .toc ul,
  .toc ol {
    margin-left: 7px !important;
    padding-left: 7px !important;
  }

  /* 目次のリストマーカー位置を少し詰める */
  .toc li {
    text-indent: 0 !important;
  }
}

/* トップレベルの大見出し（H2に相当）同士の間隔を広げる */
.toc.tnt-number .toc-content > ol.toc-list > li {
  margin-bottom: 0.8em; /* ここで行間を調整（目安：0.4em〜1.0em） */
}

/* 大見出しとその下の小見出しグループ（ネストされた ol）との間隔 */
.toc.tnt-number .toc-content > ol.toc-list > li > ol {
  margin-top: 0.35em;   /* 必要なら調整 */
  padding-left: 1.2em;  /* 小見出し群のインデント調整（任意） */
}

/* 小見出し（H3に相当）項目同士の余白を少し詰める（任意） */
.toc.tnt-number .toc-content > ol.toc-list > li > ol > li {
  margin-bottom: 0.18em;
}


/* 小見出し（H3に相当） */
.toc.tnt-number .toc-content > ol.toc-list > li > ol > li > a {
  display: block;
  padding: 0.45em 0.4em;
  line-height: 1;
}

/* 目次全体の大見出しと小見出しの間隔を調整 */
.toc.tnt-number .toc-content ol ol {
  margin-top: 0.8em!important;   /* 大見出しの下に少しスペースを追加 */
}

/* 目次ボックスの枠線を太く・濃くする */
.toc.tnt-number {
  border: 2px solid #ccc;
  border-radius: 0px;
  padding-top: 1.2em; 
}


.site-name-text{
	font-weight:bold;

}
.logo-header{
	padding:10px!important;
}

.entry-card-title{
	padding-top:8px!important;
}

#toc, .toc {
margin: 0 auto;

}

.toc-list > li{
  font-weight: bold;
}

.toc-list > li li{
  font-weight: normal;
}

.toc-list > li > ul ul,
.toc-list > li > ol ol{
  padding-left: 0;
}

.toc-list > li > ul li,
.toc-list > li > ol li{
  margin-left: 0;
} 

 .toc-title {
        font-weight: bold;
    }

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

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

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

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