@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{
color:#000!important;
}
.sidebar h3{
background-color: #55AAFF;
color:#FFFFFF;
padding:3px;
margin:0;
background-image:none!important;
}

.article h2{
background-color: #55AAFF;
color:#FFFFFF;
padding:15px;
margin:0;
margin-bottom:1em;
margin-left:-1em;
}
.article h2::before{
/*content:"■ ";*/
}
.article h2::after{
margin-top:0;
height:0;
background-image:none!important;
}
.article h3{
border-left-color: #55AAFF;
border-bottom-color: #55AAFF;
}

/* easy footnotes */
.qtip{
max-width:400px!important;/*PC向けは280px→400pxとする*/
}
.qtip-bootstrap{
color:#000000!important;/*フォント色*/
background-color: #FCFFCC!important;/*背景色*/
border:1px solid rgba(0,0,0,1.0)!important;/*枠線*/
-webkit-border-radius:10px!important;/*角丸 旧safari/chorme用*/
-moz-border-radius:10px!important;/*角丸 旧firefox用*/
border-radius:10px!important;/*角丸*/
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
.qtip{
max-width:280px!important;/*幅の短いブラウザは元の280pxにする*/
}
}

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

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