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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*プロフィール情報名前カスタマイズ*/
#sidebar .author-box .author-name a {
  color: #808080!important;
  text-decoration: none;
  letter-spacing: 1px;
  font-size: 16px!important;
}

/* アイコン横幅 */
.nwa .author-box .author-thumb{
.  width: 60px;
	padding-top:10px;
}

/* アイコン高さ */
.author-box .author-thumb img{
  height: 60px;
}

/*見出しの黒線を消す*/
.article h2{
	border-top:none;
	border-bottom:none;
}

.article h2:before{
	border-top:none;
}

.article h2:after{
	border-bottom:none;
}

.article-footer, .entry-footer {
	background-color:#fff;
}

/*吹き出しカスタマイズ*/
/*ピンク肉球*/
.sb-id-13 .speech-balloon{
background:#f8f3d4;/*コメント部分の「背景色」*/
border-color:#f8f3d4;/*コメント部分の「枠の色」*/
}
.sb-id-13 .speech-balloon::before,.sb-id-13 .speech-balloon::after{
background:none;
border-right-color:#f8f3d4;/*コメントの「三角形の部分の色」*/
}

/*グレー猫*/
.sb-id-14 .speech-balloon{
background:#fae3e0;/*コメント部分の「背景色」*/
border-color:#fae3e0;/*コメント部分の「枠の色」*/
}
.sb-id-14 .speech-balloon::before,.sb-id-14 .speech-balloon::after{
background:none;
border-right-color:#fae3e0;/*コメントの「三角形の部分の色」*/
}

/*グレー肉球*/
.sb-id-15 .speech-balloon{
background:#faebd7;/*コメント部分の「背景色」*/
border-color:#faebd7;/*コメント部分の「枠の色」*/
}
.sb-id-15 .speech-balloon::before,.sb-id-15 .speech-balloon::after{
background:none;
border-right-color:#faebd7;/*コメントの「三角形の部分の色」*/
}

/*王冠*/
.sb-id-16 .speech-balloon{
background:#fff5ee;/*コメント部分の「背景色」*/
border-color:#fff5ee;/*コメント部分の「枠の色」*/
}
.sb-id-16 .speech-balloon::before,.sb-id-16 .speech-balloon::after{
background:none;
border-right-color:#fff5ee;/*コメントの「三角形の部分の色」*/
}


/*見出し5のデザイン変更*/
h5 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #b1cccc;/*左線*/
}

.article h5{
	border-bottom:none;
}

/*エントリーカードタイトルの位置調整*/
.entry-card-content, .related-entry-card-content {
    padding-bottom: 1.2em;
	padding-top:1.5em;
	padding-left:1.3em;
	line-height: 2;
}

/* エントリーカードホバー時の動きhttps://furugrand.online/hover-move/#01*/
.a-wrap:hover{
     box-shadow: 0 0 3px 1px #f7f6f4 !important ; 
     transform: scale(1.01);
	 opacity: 0.7;
}

/*ブログカード抜粋文の非表示設定*/
.internal-blogcard-snippet{
    display: none;
}

/*引用背景色カスタマイズ*/
blockquote{
  background: #fffafa;/*背景色を少し濃いめの灰色に*/
  border-radius: 5px; /*角を丸める*/
}
blockquote:before{ /*上の引用アイコン*/
  position: absolute;
  font-family: FontAwesome;
  content: '\f10d';
  top: 10px;/*上からの距離*/
  left: 10px;/*左からの距離*/
  color: silver;
  font-size: 1.5em;
}
blockquote:after{ /*下の引用アイコン*/
  position: absolute;
  font-family: FontAwesome;
  content: '\f10e';
  bottom: 20px;/*下からの距離*/
  right: 10px;/*右からの距離*/
  color: silver;
  font-size: 1.5em;
}

/*サイドバー見出し文字色*/
.sidebar h3 {
	border-bottom:none;

}
/* トップページのスタイルここから -------------------------------------------- */

/* 背景色を白にする（不要なら削除） */
body {
	background-color: #fff !important; /* 背景色を白に指定 */
}

/* トップページヘッダー・フッター非表示 */
.home .article-header,
.home .article-footer {
	display: none; /* トップページのヘッダーとフッターを非表示に */
}

/* トップページカテゴリーセクションの背景色を変更 */
body.full-wide {
	padding-top: 5em; /* 上部の内側余白 */
	padding-bottom: 5em; /* 下部の内側余白 */
}
.colour-area-1{
	background:#f7f6f4;
}
.full-wide{
	margin: 0 calc(50% - 50vw);
	padding: 0 calc(50vw - 50%);
}
.heading{
	padding-top:1em;
}
.tab-content{
	margin-bottom:5em;
}

.section-wrap{
	padding-bottom:1em;
}
.heading span{
	padding-top:1em;
}

/* 見出し ------------------------------------------------------------ */
.heading {
	text-align: center; /* 見出しを中央揃え */
	font-size: 5rem; /* 見出しの文字サイズ */
	color: #b5b5ae; /* 見出しの色を設定 */
	letter-spacing: 2px; /* 文字間隔を2px */
	line-height: 1.4; /* 行の高さを1.4倍 */
	font-weight: bold; /* 太字に設定 */
	position: relative; /* 基準点を設定 */
	padding-bottom: 1rem; /* 下部の内側余白を1rem */
	margin-bottom: 3rem; /* 下部の外側余白を3rem */
}

/*480px以下*/
@media screen and (max-width: 480px){
	.heading {
	font-size: 3rem; /* 見出しの文字サイズ */
	}
}

.heading span {
	display: block; /* サブ見出しをブロック要素化 */
	font-size: .9rem; /* サブ見出しの文字サイズ */
	font-weight: normal; /* サブ見出しを通常の太さに設定 */
}

/* 見出し下の線 */
.heading::after {
	display: block; /* 擬似要素をブロック要素に */
	content: ""; /* 内容を空に */
	width: 2.5rem; /* 線の幅を2.5rem */
	height: 1px; /* 線の高さを1px */
	border-radius: 10px; /* 線に丸みを追加 */
	background-color: #b5b5ae; /* 線の色を設定 */
	position: absolute; /* 位置を絶対配置に */
	bottom: 0; /* 下部の位置を基準に */
	left: 50%; /* 左から50%で中央揃え */
	transform: translateX(-50%); /* 中央寄せを調整 */
}

/* リンクボタン---------------------------------------------- */

/* ボタンの配置 */
.link-btn {
	display: block; /* ボタンをブロック要素に */
	text-align: center; /* ボタン内のテキストを中央揃え */
}

/* ボタンのスタイル */
.link-btn a {
	display: inline-block; /* インラインブロック要素 */
	border: 1px solid #b5b5ae; /* ボタンの枠線（色はグレー） */
	color: var(--cocoon-text-color); /* 文字色 */
	width: auto; /* ボタンの幅を自動調整 */
	min-width:300px; /*ボタンの最小幅*/
	padding: .7em 3em; /* 内側余白*/
	text-decoration: none; /* 下線を削除 */
	border-radius: 0; /* 角の丸みを0 */
	transition: .3s all; /* 変化をスムーズに */
	position: relative; /* 起点設定 */
}

/* 834px以下のボタン幅調整 */
@media screen and (max-width: 834px) {
	.link-btn a {
		width: 100%; /* モバイルでの最小幅を100%に */
		min-width: unset; /* min-widthを解除 */
	}
}

/* 矢印のスタイル */
.link-btn a:after {
	content: ''; /* 擬似要素の内容を空に */
	border-bottom: 1px solid var(--cocoon-text-color); /* 下矢印の線 */
	border-right: 1px solid var(--cocoon-text-color); /* 右矢印の線 */
	width: 15px; /* 矢印の幅 */
	height: 3px; /* 矢印の高さ */
	transform: skewX(45deg); /* 45度傾斜 */
	position: absolute; /* 位置を絶対配置に */
	right: 20px; /* 右から20pxに配置 */
	bottom: 50%; /* 下から50%の位置 */
	transition: .3s all; /* 変化をスムーズに */
}

/* ホバー時の変化 */
.link-btn a:hover {
	--link-btn-color: #b5b5ae; /* ホバー時のボタン色 */
	background-color: var(--link-btn-color); /* 背景色を変化 */
	border-color: var(--link-btn-color); /* 枠線色を変化 */
	color: var(--cocoon-white-color); /* 文字色を白に */
}

/* 矢印のホバー効果 */
.link-btn a:hover:after {
	border-color: var(--cocoon-white-color); /* 矢印色を白に */
	right: 15px; /* 矢印の位置を左へ少し移動 */
}

/* 記事カードの最大幅設定 --------------------------------------------- */
.widget-entry-cards.card-large-image .a-wrap {
	max-width: 600px; /* 最大幅を600pxに制限 */
	width: 100%;/*カード幅を揃える*/
}

/* サムネイル（大）記事を横並びにする(grid)------------------------------------------ */
.widget-entry-cards.large-thumb {
	display: grid; /* グリッドレイアウトを適用 */
	justify-items: center; /* アイテムを中央揃え */
	gap: 16px; /* アイテム間の隙間を16pxに */
}

/* 新着記事サムネイルのグリッド */
.new-entry-cards.large-thumb {
	grid-template-columns: repeat(3, 1fr); /* 2列で均等に分配 */
}

/* 人気記事サムネイルのグリッド */
.popular-entry-cards.large-thumb {
	grid-template-columns: repeat(3, 1fr); /* 3列で均等に分配 */
}

/* 834px以下のグリッド設定 */
@media screen and (max-width: 834px) {
	.new-entry-cards.large-thumb {
		grid-template-columns: 1fr; /* 1列に配置 */
		gap: 0; /* 隙間を0に */
	}
	.cate .new-entry-cards.large-thumb,
	.popular-entry-cards.large-thumb {
		grid-template-columns: repeat(2, 1fr); /* 2列に分配 */
		gap: 0; /* 隙間を0に */
	}
}

/* モバイルでのタイトル文字サイズ調整 */
@media screen and (max-width: 834px) {
	.cate .large-thumb .new-entry-card-title,
	.popular-entry-card-title {
		font-size: 14px !important; /* タイトル文字を小さく */
	}
}

/* タブ切り替え---------------------------------------------- */

/* タブコンテナの設定 */
.tab-switch {
	--active-tab-color: #b5b5ae; /* 選択タブの色はここで指定 */
	display: flex; /* タブを横並びに */
	flex-wrap: wrap; /* 幅に応じて折り返し */
	max-width: 100%; /* コンテナの最大幅 */
	margin: auto; /* 中央寄せ */
	justify-content: center; /* 中央揃え */
	gap: 10px 5px; /* タブ間の隙間 */
}

/* タブボタンのスタイル */
.tab-switch > label {
	order: -1; /* コンテンツより上に表示 */
	position: relative; /* 起点 */
	padding: .7em 1em; /* 内側余白 */
	border-bottom: 1px solid var(--active-tab-color); /* 下ボーダー */
	color: var(--active-tab-color); /* 文字色 */
	text-align: center; /* テキスト中央揃え */
	cursor: pointer; /* ポインタ表示 */
	transition:.3s all;/* ゆっくり変化 */
}

/* タブのホバーと選択時のスタイル */
.tab-switch > label:hover,
.tab-switch label:has(:checked) {
	background-color: var(--active-tab-color); /* 背景色を変化 */
	color: #fff; /* 文字色 */
}

/* 選択タブの下三角形 */
.tab-switch label:has(:checked)::before {
	position: absolute; /* 三角形位置を絶対配置 */
	bottom: -8px; /* 下からの位置 */
	left: 50%; /* 中央寄せ */
	transform: translateX(-50%); /* 中央寄せを調整 */
	width: 18px; /* 三角形の幅 */
	height: 9px; /* 三角形の高さ */
	background-color: var(--active-tab-color); /* 三角形色 */
	content: ''; /* 内容なし */
	clip-path: polygon(0 0, 100% 0, 50% 100%);  /* 三角形の形 */
}

/* ラジオボタン非表示 */
.tab-switch input {
	display: none; /* 非表示 */
}

/* タブのコンテンツエリア */
.tab-switch > div {
	display: none; /* 初期非表示 */
	width: 100%; /* 幅設定 */
	padding: 1.5em 0; /* 内側余白 */
}

/* 選択されたタブの内容表示 */
.tab-switch label:has(:checked) + div {
	display: block; /* チェック時に表示 */
}


/* トップページのスタイルここまで -------------------------------------------- */


/*ヘッダーモバイルボタン*/
@media screen and (max-width: 1023px) {
	.mblt-header-mobile-buttons {
		margin-top: 0;/*上部の余白46pxを消す*/
	}
	.front-top-page .mobile-header-menu-buttons {
		background-color: initial;/*背景を初期化して透明に*/
		box-shadow: none;/*影を消す*/
	}
}

.front-top-page .logo {
    display: none !important;/*ロゴを非表示にする*/
}

/* 読み込み時にアピールエリア背景を動かすアニメーション効果---------- */
/* 親要素の背景画像を読み込み時に5秒かけて拡大 */
.appeal {
    animation: zoomIn 5s ease forwards; /* 拡大アニメーション */
}

/* 背景画像拡大アニメーション（デフォルト） */
@keyframes zoomIn {
    from {
        background-size: 100%; /* 初期サイズ */
    }
    to {
        background-size: 120%; /* 20%拡大 */
    }
}

/* レスポンシブ対応: 1240px以下の場合 */
@media screen and (max-width: 1240px) {
    /* 背景画像拡大アニメーション（小画面用） */
    @keyframes zoomIn {
        from {
            background-size: auto 100svh; /* 高さ基準の初期サイズ */
        }
        to {
            background-size: auto 120svh; /* 高さ基準で20%拡大 */
        }
    }
}

/* カスタマイズされたリストの点 https://turicco.com/list/ */
.ullist {
    list-style: none; /* デフォルトの点を消す */
    line-height: 1.8; /* 行間を広げる */
}

.ullist > li { 
    position: relative; /* 点の配置基準 */
}

.ullist > li:before {
    content: ''; /* 点の内容を空に */
    background-color: #ede4e1; /* 点の色 */
    position: absolute; /* 点の位置 */
    top: 6px; /* 垂直位置の調整 */
    left: -1.5em; /* 水平位置の調整 */
    width: 20px; /* 点の幅 */
    height: 20px; /* 点の高さ */
    border-radius: 50%; /* 点を丸くする */
}

/*文字のアニメーションショートコード中央寄せ*/
.su-animate{
text-align:center;
}

/*h2見出しカスタマイズ*/
.article h2 {
    background-color: transparent; /* 背景色を透明に */
    border: none; /* 枠線なし */
    border-radius: 0; /* 角の丸みなし */
}

h2.wp-block-heading{
	padding: 0.3em 0;/*内側余白調整*/
        border-bottom: solid 3px #757264;/*下線：実線・太さ・色*/
        color:#808080;/*文字色（黒）*/
}

.article h2 {
  padding: 0.5em;/*文字周りの余白*/
  color: #696969;/*文字色*/
  background: #ebece6;/*背景色*/
  border-bottom: solid 3px #d2cdc1;/*下線*/
}

/*見出し3カスタマイズ*/
h3.wp-block-heading {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #808080;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #757264;/*左線*/
}
/*見出し4カスタマイズ*/
h4.wp-block-heading {
  position: relative;
  display: inline-block;
  padding: 0 55px;
}

h4:before, h4:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: #808080;
}

h4:before {
  left:0;
}
h4:after {
  right: 0;
}

/*テーブルの枠線*/
table:not(.has-border-color) th, table:not(.has-border-color) td,table:not(.has-border-color) thead{
	border: 1px solid #dcdcdc!important;
}

/* エントリーカードホバーカスタマイズ*/
.a-wrap:hover{
	transform: translateY(-8px);
　　box-shadow: 2px 2px 6px 0 #ccc;
}

/*グローバルメニューホバー時に左からアンダーラインを出すhttps://wpb-tachiage.com/cocoon-globalnavi-underline/*/
#navi .navi-in a:after{
position: absolute;/*線の位置を絶対配置に*/
content: "";/*文字はなし*/
left: 0px;/*線の位置*/
bottom: 0px;/*線の位置*/
height: 2px;/*線の高さ*/
width: 100%;/*幅いっぱいに線を引く*/
background: #fcf404;/*線の色*/
transform: scale(0,1);/*ホバー前は線を消す*/
transition: 0.3s;/*線が0→100%になるまでの秒数*/
transform-origin: left;/*線を左側から出す*/
}

#navi .navi-in a:hover:after{
transform: scale(1);/*マウスオーバー後、線を100%出す*/
}

/* アピールエリアカスタマイズ （ヘッダー固定）---------------------------------------------- */

/* ヘッダー（トップページのみ固定） ---------------------------------------- */
.front-top-page .header-container {
	position: fixed; /* ヘッダーを固定 */
	z-index: 9; /* 最前面に表示 */
	width: 100%; /* 幅を100%に */
}

.front-top-page .header-container,
.front-top-page .navi,
.front-top-page .navi-in a:hover {
	background-color: initial; /* 背景色を初期化 */
}

/* アピールエリア ---------------------------------------------------------- */
.appeal {
	height: 100svh; /* 高さを画面いっぱいに */
	background-size: cover; /* 背景画像をフィット */
}

.appeal-in {
	height: 100%; /* 高さを親に合わせる */
	width: 100%; /* 幅を親に合わせる */
	background-color: rgb(255 255 255 / .6); /* 白の半透明 */
	backdrop-filter: blur(2px); /* 背景をぼかす */
}

/* コンテンツエリア */
.appeal-content {
	background-color: initial; /* 背景色を初期化 */
}

/* 中央下に表示されるスクロール誘導の矢印 ------------------------------- */

/* 矢印全体の親要素 */
.arrow-container {
	position: absolute; /* 固定配置 */
	bottom: 3em; /* 下端からの位置 */
	left: 50%; /* 左端から50% */
	transform: translateX(-50%); /* 中央寄せ */
	text-align: center; /* 中央揃え */
}

/* 矢印にアニメーションを適用 */
.arrow-down-1 {
	animation: arrow-move 2s ease infinite; /* ループアニメーション */
}

/* 矢印の形状 */
.arrow-down-1 span {
	display: block; /* ブロック要素に */
	width: 1em; /* 幅 */
	height: 1em; /* 高さ */
	border: 1px solid black; /* 黒い枠線 */
	border-left: 0; /* 左線を消す */
	border-bottom: 0; /* 下線を消す */
	box-sizing: border-box; /* 枠込みサイズ */
	transform: rotate(135deg); /* 回転して矢印に */
	margin: 0 auto; /* 中央寄せ */
}

/* 矢印のアニメーション動作 */
@keyframes arrow-move {
	0% {
		transform: translateY(-30px); /* 上から出現 */
		opacity: 1; /* 完全に表示 */
	}
	100% {
		transform: translateY(0); /* 下に移動 */
		opacity: 0; /* フェードアウト */
	}
}

/* 「Scroll」テキスト */
.arrow-text {
	font-size: 14px; /* 文字サイズ */
	color: #333; /* 色 */
	margin-top: 4px; /* 矢印との余白 */
}
/*アピールエリアカスタマイズ（ヘッダー固定）ここまで--------------------*
 
/*ヘッダーグローバルナビ背景色透過*/
.header-container,.navi{
background:transparent !important;
}

/*アピールエリア検索フォームカスタマイズ*/
.search-edit {
	padding-left: 30px !important;
}
.search-edit {
	 width: 70% !important; /*検索フォームの幅*/
}

.search-edit:hover{
  cursor: pointer !important;    /* hover時にカーソルを指の形にする */
}
.searchbox:hover img {
  background: rgba(200, 200, 200, .5);  /* 背景色にうすいグレーを指定 */
  position: relative;                   /* z-indexを指定するため。 */
  z-index: 10 ;                          /* ほかよりも前面に表示 */
}

.search-submit {
 right:90px;
}
.search-submit{
	color:#c0c0c0 !important;
}

/*検索窓にカーソルをおいた時に表示される青い枠線を削除 https://mightyace.co.jp/2021/08/27/column3355/*/
input[type="text"]:focus {
	outline: none;
}

/*アピールエリア「ゆらぎ世代の〜」の部分カスタマイズ*/
.appeal-title{
	font-size:16px;
	margin-bottom:-2rem;
	
}

/*テーブル一番上の行の色変更*/
.wp-block-table .has-fixed-layout tr:nth-child(1) {background:#f8f4e6 !important;}

/*ブログ全体*/
.body{
	font-size:16px !important;
}

.entry-title{
	font-size:28px;
}

.appeal-title{
	font:Hiragino Maru Gothic Pro;
	font-size:16px;
	color:#696969;
}

/*サイドバー検索窓の横幅*/
.search-edit {
width:80% !important
}
/* === 景品表示法対応 === */
/* Cocoon設定本文上のPR表記 */
.pr-label-l {
    border-top: 1px dotted #333; /* 上の点線 */
    border-bottom: 1px dotted #333; /* テキスト下の点線 */
    border-left: none;
    border-right: none;
    border-radius: 0;
    font-size: 14px; /* 文字サイズ */
    color: #696969; /* 文字の色 */
    text-align: center; /* テキスト中央揃え */
    background: #fff;
    padding: 3px 0;
    margin-bottom: 2em;
}

/*記事内強調用文字色変更*/
.bold-red{
	color:#aa455b;
}
.bold-blue{
	color:#4097aa;
}
.bold-green{
	color:#90926f;
}

/*トップページブログカードタイトル色*/
.widget-entry-cards:not(.large-thumb-on) .card-title {
color:#696969;
}

/*テキストリンクホバー時の色*/
a:hover{
	color:#e2cfc8 !important;
}

/*見出しボックス見出しの文字中央寄せ*/
.caption-box-label {
justify-content: center;
}	

/*吹き出しアイコンのサイズカスタマイズ- https://web-ashibi.net/archives/3136 */
.sb-id-38 .speech-person {
  width: 70px;
  min-width: 70px;
}
@media screen and (max-width: 480px){
  .sb-id-38 .speech-person {
    width: 70px;
    min-width: 70px;
  }
	
/*サイドバー目次を全表示させる https://turicco.com/widget-toc/#toc3*/
.toc-widget-box {
  max-height: 800px; /* 目次の最大高さを指定 */
  overflow-y: auto;  /* 縦スクロールバーを自動表示 */
}

/* サイドバー目次エリアにだけスクロールバーのデザインを適用 https://turicco.com/widget-toc/#toc */
.widget_toc::-webkit-scrollbar {
  width: 10px;
}

.widget_toc::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.widget_toc::-webkit-scrollbar-thumb {
  background: #aaa;
  border-radius: 6px;
}

.widget_toc::-webkit-scrollbar-thumb:hover {
  background: #999;
}

	
/*サイドバー目次カスタマイズ　https://yujiblog.org/table-of-contents　*/
	.toc-title{
font-weight:bold;
}
.toc-title::after {
color:#337ab7;
}
.toc-list > li a {
font-weight: bold;
display:block;
margin-top:10px;
margin-left: 10px;
}
.toc-list > li a::before {
font-family: "Font Awesome 5 Free";
content : "\f144";
margin-right: 7px;
}
.toc-list > li li a {
font-weight: normal;
font-size: 95%;
margin-top:0;
margin-left: 2em;
}
.toc-list > li li a::before {
content: "";
width: 7px;
height: 7px;
left: -2px;
display: inline-block;
border-radius: 50%;
background: #90C31F;/*こちらで緑点の色を変更できます*/
position: relative;
margin-bottom: 2px;
}
@media (max-width:880px){
.toc-list > li a {
margin-left: -10px;
}
.toc-list > li li a {
margin-left: -2em;
}
.toc-list > li li a::before {
left: 3px;
margin-bottom:1px;
}
}
.toc a:hover {
color: #333333;
text-decoration: underline;
}
	
	
	/* 目次のH2見出しのみ太字にする https://hibicolor.com/hibilab/cocoon-toc/#toc11 */
.toc-content ol li{
  color: #8195a2;  /* 文字の色 */
  margin:0.5em;  /* 文字の余白 */
}
.toc-list > li{
  font-weight: bold;  /* h2のみ太字にする */
}
.toc-list > li li{
  font-weight: normal;  /* h2以外を標準の太さにする */
  color:#696969;	
}
/*サイドバー目次のCoccon設定のタイトルを消す*/
.sidebar .toc-title{
	display:none !important;
}
	
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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