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

/************************************
** 子テーマ用のスタイルを書く
************************************

/*必要ならばここにコードを書く*/

/** サイトタイトルの文字の大きさ **/
.site-name-text{
font-size: 35px;
font-family: 'HG', serif;
}

/** ヘッダータイトルを非表示にする **/
.site-name-text {
display: none;
}


/*ウィジェットタイトル・背景*/
#sidebar .widget-sidebar-title{
background: #e9e9e9; /*背景色*/
color: #666; /*文字色*/
font-family: 'HG';
padding-left: 20px;	
padding-bottom: 7px;
}

/*** 目次 ***/
.toc {
color: #000;
display: block;
padding: 20px 20px 20px 20px;
max-width: 600px;
border: 1.2px #a9a9a9 solid !important;
 }

/** 目次のジャンプ位置の位置調整 **/
span[id^="toc"] {
padding-top: 2.5em;  /* 数値変更で調整可能 */
}


/*** 見出し ***/
.article h1 {
font-size: 30px;
color: #444;
padding-top: 20px;
margin-top : 35px;
margin-bottom :40px;
}

.article h2 {
font-size: 25px;
color: #333;
border: none;
background-color: #f1f1f1;	
padding-top: 20px;	
padding-bottom: 15px;
margin-top : 50px;
margin-bottom : 50px;	
}

.article h3 {
font-size : 24px;
color : #222;
background-color: #fff;	
border-color : #cc3300;
border-width : 1px;	
border-top: none;
border-right: none;
border-left: none;
padding-top: 20px;
padding-bottom : 10px;
padding-left: 20px;
margin-top :30px;
margin-bottom : 30px;	
}


.article h4 {
color : #222;
font-size : 21px;
border: none;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
margin-bottom : 10px;
}


.article h5 {
color : #222;
font-size : 20px;
border: none;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom : 20px;
padding-left: 20px;
margin-bottom : 20px;
}


.article h6 {
border: none;
padding: 0;
}


/******* リストの間隔 *********/

ul li, ol li {
padding-top:5px;
padding-bottom:5px;
line-height:2;}


/******* box *********/

.a-waku1{
 padding-top : 10px;
 padding-left : 10px;
 padding-right : 10px;
 padding-bottom : 10px;
 border : 1px solid silver;
 margin-top : 20px;
 margin-bottom : 10px;
 line-height : 1.7;
}

.a-waku1-r{
 padding-top : 10px;
 padding-left : 10px;
 padding-right : 10px;
 padding-bottom : 10px;
 border-width : 1px;
 border-style : solid;
 border-color : silver;
 border-top-left-radius : 5px 5px;
 border-top-right-radius : 5px 5px;
 border-bottom-right-radius : 5px 5px;
 border-bottom-left-radius : 5px 5px;
 margin-top : 20px;
 margin-bottom : 20px;
}

/********** 区切り線 **********/

.article-body hr,
.wp-block-separator:not(.is-style-dots) {
  background-color: transparent; /* 背景色をリセット */
  border: none; /* 既存の枠線をリセット */
  border-top: 1px solid #e0e0e0; /* 太さ1px、薄い灰色(#e0e0e0)の線 */
  margin: 40px 0; /* 上下の余白（任意で調整してください） */
  opacity: 1; /* 透明度を解除して指定色を確実に表示 */
}

/********** アイキャッチ画像非表示 **********/

.cat-label {display:none}



/****** サイドバー内の文字サイズ ******/

#sidebar {
    font-size: 16px;
}

/****** サイドバーの【新着記事】や【ランキング】内の文字サイズ ******/

.widget-entry-card {
    font-size: 15px;
}

/***** メニューバー内のメニューにマウスオーバー時の変化 *****/
.navi-in a:hover {
  /* 文字の色を変更 */
  color: #cccccc  ;

  /* 文字の太さを変更 */
  font-weight: bold;

  /* 文字のサイズを変更 */
  font-size: 16px;

  /* 背景色を変更 */
  background-color: #ddd;

  /* 動画の幅を */
  opacity: 0.8;

	

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



.article h2 {
font-size: 25px;
}



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

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