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

/************************************
** 子テーマ用のスタイルを書く
************************************/
.logo {
	text-align: left;
}
/*SNSシェアボタン*/
#main .button-caption,
.sns-share-message {
	display: none; /*キャプション非表示*/
}
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: right; /*右寄せ*/
}
.sns-share-buttons a {
	border-radius: 5px; /*丸くする*/
	font-size: 1.2rem; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 30px; /*ボタンの横幅*/
	height: 30px; /*ボタンの高さ*/
}

/* サイドバーの目次 */
.sidebar .toc {
	width: 100%;
}
.sidebar #toc-2 .toc-content {
	overflow-y: scroll; /* 縦スクロールを可能に */
	max-height: 60vh; /* 目次の高さ上限 */
}
.sidebar .toc-content::-webkit-scrollbar {
	-webkit-appearance: none; /* スタイルの初期化を禁止 */
	width: 20px; /* スクロールバーの横幅 */
}
.sidebar .toc-content::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .4); /* ツマミの色 */
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
	.sidebar #toc-2 .toc-content {
		max-height: 80vh; /* 目次の高さ上限 */
	}

	/* モバイルメニュー */
	.navi-menu-content,
	.sidebar-menu-content {
		background-color: rgba(255,255,255,0.9);
	}
	.menu-close-button {
		padding-top: 15px;
		padding-left: 25px;
		padding-bottom: 30px;
		text-align: left;
		font-size: 1.3em;
	}
	.menu-drawer a,
	.toc-list a {
		font-size: 0.9em;
		line-height: 1.6em;
		border-bottom: solid 1px #e6e6e6;
	}
	.menu-drawer a:hover,
	.toc-list a:hover {
		background-color:rgba(212, 236, 234, 0.7);/*マウスオーバー時の背景色*/
	}
	.sub-menu li {                                      
		margin-left:-14px;
		font-size: 0.9em;
		color: #e6e6e6;
	}

}

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

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