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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*グローバルメニューの文字設定*/
.caption-wrap:hover {
    font-weight: normal;
    color: #ff5500;
    border-bottom: 2px solid #ff5500;
}
/*コンテンツ上部ウィジェットのタイトル文字設定*/
.widget-page-content-top-title {
  margin-top: 10px;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 4px solid orange;
}
/*コンテンツ下部ウィジェットのタイトル文字設定*/
.widget-page-content-bottom-title {
  font-size: 20px;
  font-weight: bold;
  border-bottom: 4px solid orange;
}
/*ページ送りアイコンのサイズ変更*/
.pager-post-navi a .iconfont {
  font-size: 5em;
}
/*目次をクリックして飛んだ先の見出しに余白を入れる方法*/
span[id^="toc"]{
  padding-top:1em
}
/*グローバルメニューの文字サイズ、メニュー間隔設定*/
#navi .navi-in > .menu-header .item-label{
	font-size: 14px;
}
#navi .navi-in > ul > li > a {
padding: 0px 16.4px;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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