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

/*************************************
**   追加CSS 2024,06,18
*************************************/

h4.yaji { 	
/* h4のデフォルトの設定を上書きします */ 	
position: relative; 	
padding-left: 25px; 	
margin: 0; 	
padding: 14px 2px 0 18px; 	
line-height: 1.4; 	
border-top: none; 	
border-right: none; 	
border-left: none; 	
border-bottom: none; 	
background-color: #ffffff; 	
} 	
	
h4.yaji:before { 	
position: absolute; 	
content: ''; 	
bottom: -3px; 	
left: 0; 	
width: 0; 	
height: 0; 	
border: none; 	
border-left: solid 15px transparent; 	
border-bottom: solid 15px rgb(119, 195, 223); 	
} 	
	
h4.yaji:after { 	
position: absolute; 	
content: ''; 	
bottom: -3px; 	
left: 10px; 	
width: 100%; 	
border-bottom: solid 3px rgb(119, 195, 223); 	
} 	
	
/**************************************
　　　　　 電球吹き出し見出し
**************************************/ 	
	
h3.hirameki { 	
position: relative; 	
margin: 0; 	
padding: 0px 2px 0px 35px; 	
line-height: 1.4; 	
border-top: none; 	
border-right: none; 	
border-left: none; 	
border-bottom: none; 	
background-color: #ffffff; 	
background: none; 	
} 	
	
h3.hirameki:before { 	
position: absolute; 	
font-family: 'FontAwesome'; 	
content: '\f0eb'; 	
background: #007bbb; 	
/* #ffca2c; */ 	
color: white; 	
font-weight: 900; 	
font-size: 15px; 	
border-radius: 50%; 	
left: 0; 	
width: 25px; 	
height: 25px; 	
line-height: 25px; 	
text-align: center; 	
top: 50%; 	
-webkit-transform: translateY(-50%); 	
transform: translateY(-50%); 	
} 	
	
h3.hirameki:after { 	
/*吹き出しのちょこんと出た部分*/ 	
content: ''; 	
display: block; 	
position: absolute; 	
left: 20px; 	
height: 0; 	
width: 0; 	
border-top: 7px solid transparent; 	
border-bottom: 7px solid transparent; 	
border-left: 12px solid #007bbb; /* #ffca2c; */ 	
top: 50%; 	
-webkit-transform: translateY(-50%); 	
transform: translateY(-50%); 	
} 	
	
/**************************************
          地点吹き出し見出し
**************************************/ 	
	
h3.location { 	
position: relative; 	
margin: 0; 	
padding: 0px 2px 0px 35px; 	
line-height: 1.4; 	
border-top: none; 	
border-right: none; 	
border-left: none; 	
border-bottom: none; 	
background-color: #ffffff; 	
background: none; 	
} 	
	
h3.location:before { 	
position: absolute; 	
font-family: "FontAwesome"; 	
content: "\f041"; 	
background: #007bbb; 	
/* #ffca2c; */ 	
color: white; 	
font-weight: 900; 	
font-size: 15px; 	
border-radius: 50%; 	
left: 0; 	
width: 25px; 	
height: 25px; 	
line-height: 25px; 	
text-align: center; 	
top: 50%; 	
-webkit-transform: translateY(-50%); 	
transform: translateY(-50%); 	
} 	
	
h3.location:after { 	
/*吹き出しのちょこんと出た部分*/ 	
content: ''; 	
display: block; 	
position: absolute; 	
left: 20px; 	
height: 0; 	
width: 0; 	
border-top: 7px solid transparent; 	
border-bottom: 7px solid transparent; 	
border-left: 12px solid #007bbb; /* #ffca2c; */ 	
top: 50%; 	
-webkit-transform: translateY(-50%); 	
transform: translateY(-50%); 	
} 	
	
/**************************************
          人物吹き出し見出し
**************************************/ 	
h3.man { 	
position: relative; 	
margin: 0; 	
padding: 0px 2px 0px 35px; 	
line-height: 1.4; 	
border-top: none; 	
border-right: none; 	
border-left: none; 	
border-bottom: none; 	
background-color: #ffffff; 	
background: none; 	
} 	
	
h3.man:before { 	
position: absolute; 	
font-family: "FontAwesome"; 	
content: "\f2c2"; 	
background: #007bbb; 	
/* #ffca2c; */ 	
color: white; 	
font-weight: 900; 	
font-size: 15px; 	
border-radius: 50%; 	
left: 0; 	
width: 27px; 	
height: 27px; 	
line-height: 27px; 	
text-align: center; 	
top: 50%; 	
-webkit-transform: translateY(-50%); 	
transform: translateY(-50%); 	
} 	
	
h3.man:after { 	
/*吹き出しのちょこんと出た部分*/ 	
content: ''; 	
display: block; 	
position: absolute; 	
left: 20px; 	
height: 0; 	
width: 0; 	
border-top: 7px solid transparent; 	
border-bottom: 7px solid transparent; 	
border-left: 12px solid #007bbb; /* #ffca2c; */ 	
top: 50%; 	
-webkit-transform: tra nslateY(-50%); 	
transform: translateY(-50%); 	
} 

/**************************************
         天秤吹き出し見出し
**************************************/	
	
h3.balance { 	
position: relative; 	
margin: 0; 	
padding: 0px 2px 0px 35px; 	
line-height: 1.4; 	
border-top: none; 	
border-right: none; 	
border-left: none; 	
border-bottom: none; 	
background-color: #ffffff; 	
background: none; 	
} 	
	
h3.balance:before { 	
position: absolute; 	
font-family: "FontAwesome"; 	
content: "\f24e"; 	
background: #007bbb; 	
/* #ffca2c; */ 	
color: white; 	
font-weight: 900; 	
font-size: 12px; 	
border-radius: 50%; 	
left: 0; 	
width: 27px; 	
height: 27px; 	
line-height: 27px; 	
text-align: center; 	
top: 50%; 	
-webkit-transform: translateY(-50%); 	
transform: translateY(-50%); 	
} 	
	
h3.balance:after { 	
/*吹き出しのちょこんと出た部分*/ 	
content: ''; 	
display: block; 	
position: absolute; 	
left: 20px; 	
height: 0; 	
width: 0; 	
border-top: 7px solid transparent; 	
border-bottom: 7px solid transparent; 	
border-left: 12px solid #007bbb; /* #ffca2c; */ 	
top: 50%; 	
-webkit-transform: tra nslateY(-50%); 	
transform: translateY(-50%); 	
} 

/*************************************
          虫眼鏡吹き出し見出し
**************************************/	
	
h3.search { 	
position: relative; 	
margin: 0; 	
padding: 0px 2px 0px 35px; 	
line-height: 1.4; 	
border-top: none; 	
border-right: none; 	
border-left: none; 	
border-bottom: none; 	
background-color: #ffffff; 	
background: none; 	
} 	
	
h3.search:before { 	
position: absolute; 	
font-family: "FontAwesome"; 	
content: "\f002"; 	
background: #007bbb; 	
/* #ffca2c; */ 	
color: white; 	
font-weight: 900; 	
font-size: 14px; 	
border-radius: 50%; 	
left: 0; 	
width: 27px; 	
height: 27px; 	
line-height: 27px; 	
text-align: center; 	
top: 50%; 	
-webkit-transform: translateY(-50%); 	
transform: translateY(-50%); 	
} 	
	
h3.search:after { 	
/*吹き出しのちょこんと出た部分*/ 	
content: ''; 	
display: block; 	
position: absolute; 	
left: 20px; 	
height: 0; 	
width: 0; 	
border-top: 7px solid transparent; 	
border-bottom: 7px solid transparent; 	
border-left: 12px solid #007bbb; /* #ffca2c; */ 	
top: 50%; 	
-webkit-transform: tra nslateY(-50%); 	
transform: translateY(-50%); 	
} 

/**************************************
        コメント吹き出し見出し
**************************************/	
	
h3.comment { 	
position: relative; 	
margin: 0; 	
padding: 0px 2px 0px 35px; 	
line-height: 1.4; 	
border-top: none; 	
border-right: none; 	
border-left: none; 	
border-bottom: none; 	
background-color: #ffffff; 	
background: none; 	
} 	
	
h3.comment:before { 	
position: absolute; 	
font-family: "FontAwesome"; 	
content: "\f27a"; 	
background: #007bbb; 	
/* #ffca2c; */ 	
color: white; 	
font-weight: 900; 	
font-size: 14px; 	
border-radius: 50%; 	
left: 0; 	
width: 27px; 	
height: 27px; 	
line-height: 27px; 	
text-align: center; 	
top: 50%; 	
-webkit-transform: translateY(-50%); 	
transform: translateY(-50%); 	
} 	
	
h3.comment:after { 	
/*吹き出しのちょこんと出た部分*/ 	
content: ''; 	
display: block; 	
position: absolute; 	
left: 20px; 	
height: 0; 	
width: 0; 	
border-top: 7px solid transparent; 	
border-bottom: 7px solid transparent; 	
border-left: 12px solid #007bbb; /* #ffca2c; */ 	
top: 50%; 	
-webkit-transform: tra nslateY(-50%); 	
transform: translateY(-50%); 	
} 

/**************************************
         リスト吹き出し見出し
**************************************/
	
h3.list { 	
position: relative; 	
margin: 0; 	
padding: 0px 2px 0px 35px; 	
line-height: 1.4; 	
border-top: none; 	
border-right: none; 	
border-left: none; 	
border-bottom: none; 	
background-color: #ffffff; 	
background: none; 	
} 	
	
h3.list:before { 	
position: absolute; 	
font-family: "FontAwesome"; 	
content: "\f03a"; 	
background: #007bbb; 	
/* #ffca2c; */ 	
color: white; 	
font-weight: 900; 	
font-size: 14px; 	
border-radius: 50%; 	
left: 0; 	
width: 27px; 	
height: 27px; 	
line-height: 27px; 	
text-align: center; 	
top: 50%; 	
-webkit-transform: translateY(-50%); 	
transform: translateY(-50%); 	
} 	
	
h3.list:after { 	
/*吹き出しのちょこんと出た部分*/ 	
content: ''; 	
display: block; 	
position: absolute; 	
left: 20px; 	
height: 0; 	
width: 0; 	
border-top: 7px solid transparent; 	
border-bottom: 7px solid transparent; 	
border-left: 12px solid #007bbb; /* #ffca2c; */ 	
top: 50%; 	
-webkit-transform: tra nslateY(-50%); 	
transform: translateY(-50%); 	
} 	
	
/*************************************
 フェードアウト下線見出し 
**************************************/ 	
	
h4.fadeline { 	
position: relative; 	
padding: 0.25em 0; 	
margin: 0; 	
line-height: 1.4; 	
border-top: none; 	
border-right: none; 	
border-left: none; 	
border-bottom: none; 	
background-color: #ffffff; 	
color: black; 	
line-height: 1.4; 	
background: none; 	
} 	
	
h4.fadeline:after { 	
content: ""; 	
display: block; 	
height: 4px; 	
background: -webkit-linear-gradient(to right, #007bbb, transparent); 	
background: linear-gradient(to right, #007bbb, transparent); 	
} 	

/**************************************
サイドバー見出し
**************************************/
	
h3.sidebarh { 	
border-bottom: 1px solid #000; 	
margin-left: 3px; 	
position: relative; 	
line-height: 1.3; 	
border-left: solid 1px #dddddd; 	
border-bottom: solid 1px #966934; 	
padding-left:20px; 	
background: -webkit-linear-gradient(to top, #ccdff1, #f0f5fe); 	
background: linear-gradient(to top, #ccdff1, #f0f5fe); 	
} 	

h3.sidebarh:before { 	
position: absolute; 	
top: .3em; 	
left: .4em; 	
content: ''; 	
width: 6px; 	
height: 80%; 	
background-color: #427bac; 	
border-radius: 4px; 	
} 

/**********************************************
    見出し２をカスタマイズ
***********************************************/
.article h2 {
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #7db4e6;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}