@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/






/* Cocoonの引用マークを前後とも非表示 */
/* 公開ページ用 */
blockquote::before,
blockquote::after,
.wp-block-quote::before,
.wp-block-quote::after,
.entry-content blockquote::before,
.entry-content blockquote::after,
.article blockquote::before,
.article blockquote::after {
  content: none !important;
  display: none !important;
}


.entry-content h2{
	
background-color: #fff;
color: #000; /*文字色*/
font-size: 22px; /*文字サイズ*/
border-left: solid 10px #28b893; /*左側に実線・色*/
}

.entry-content h3{
	
background-color: #fff;
color: #000; /*文字色*/
font-size: 22px; /*文字サイズ*/
border-left: solid 10px #28b893; /*左側に実線・色*/
}

.entry-content h4{
	
background-color: #fff;
color: #000; /*文字色*/
font-size: 22px; /*文字サイズ*/
border-left: solid 10px #28b893; /*左側に実線・色*/
}


/*区切り線、ノーマル線*/
.wp-block-separator
{
   border-width: 1px;
   border-style: solid;
   border-color: #414C57;
}

/*区切り線、幅広線*/
.wp-block-separator.is-style-wide {
   border-width: 3px;
   border-style: solid;
   border-color: #414C57;
}

/*区切り線、ドット*/
.wp-block-separator.is-style-dots {
   border-width: 0 0 5px;
   border-style: dotted;
   border-color: #414C57;
}

.wp-block-separator.is-style-dots::before {
   content: none;
border-color: #414C57;
}





/* アドミンバーの検索窓を常に表示する */
@media screen and (max-width: 782px) {
  #wpadminbar #wp-admin-bar-search {
    display: block !important;
    float: right; /* 右側に寄せる */
  }
  
  /* 検索窓の幅を調整（狭い画面では少し短くする） */
  #wpadminbar #adminbarsearch {
    max-width: 120px !important;
  }
  
  /* 入力欄のデザイン調整 */
  #wpadminbar #adminbarsearch input.adminbar-input {
    width: 100% !important;
    padding: 0 5px !important;
  }
}











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

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

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