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

/* シェアボタンカスタム枠線あり*/
#main .sns-share-buttons {
  flex-wrap: nowrap;
  margin-top: 16px; /* 上の余白 */
  margin-bottom: 16px; /* 下の余白 */
}

#main .sns-share-buttons a {
  width: 100%;
  border-radius: 25px;
  margin: 0 4px;  
  transition: all .4s;
  box-shadow: 3px 3px 6px #d9d9d9, -3px -3px 6px #ffffff; /* 影 */
  height: 45px; /* ボタンの縦幅 */
  font-size: 18px; /* アイコンの大きさ */
}

#main .sns-share-buttons a:first-child {
  margin-left: 0;
}

#main .sns-share-buttons a:last-child {
  margin-right: 0;
}

#main .sns-share-buttons .button-caption {
  color: #333; /* 文字の色 */
  font-size: 12px; /* 文字の大きさ */
}

@media screen and (max-width: 667px) {
	#main .sns-share-buttons .button-caption {
	  display: none;
	}
}

@media screen and (max-width: 480px) {
  #main .sns-share-buttons {
    justify-content: center;
  }
  #main .sns-share-buttons a {
    width: 45px; /* スマホ時のボタンの横幅 */
    border-radius: 100%;
  }
}

/* 目次のH2見出しのみ太字にする */
.toc-content ol li{
  margin:0.5em;  /* 文字の余白 */
}
.toc-list > li{
  font-weight: bold;  /* h2のみ太字にする */
}
.toc-list > li li{
  font-weight: normal;  /* h2以外を標準の太さにする */
}