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

 /* ----- 文章を蛍光ペンっぽく ----- */

.keikoup {
background: linear-gradient(transparent 50%, #CCEEFF 50%);
padding-bottom: .2em;
font-weight:bold;
color: #606060;
}

 /* ----- アンダーライン ----- */

.under {
text-decoration: underline;
}


 /* ----- 大きめ見出し角丸 ----- */

.article h2 {
    border: none;
background: #f5b2b2; /*背景色*/
padding: 0.5em;/*文字周りの余白*/
color: white;/*文字の色*/
border-radius: 0.5em;/*角の丸み*/
}


 /* ----- 中見出し下キリトリ ----- */

.article h3 {
color: #404040; /*文字色*/
border-bottom: dashed 3px #f5b2b2;
/*線の種類（点線）2px 線色*/
} 


 /* ----- 小見出し　----- */

.article h4 {
position: relative;
padding-left: 1.2em;/*アイコン分のスペース*/
line-height: 1.4;
color: #404040;
border-bottom: solid 1px #e0e0e0;
}

h4:before{ font-family: FontAwesome;/*忘れずに*/
content: "\f058";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0;/*アイコンの位置*/
top: 1;/*アイコンの位置*/
color: #f5b2b2; /*アイコン色*/
}



 /* ----- 本文の色変更　----- */

.entry-content {
  color: #606060;
}


 /* ----- 背景塗りつぶし枠 lightpink　----- */

.box3 {
padding: 0.5em 1em;
margin: 2em 0;
color: #606060;
background: #fff0f5;/*背景色*/ }
.box3 p {
margin: 0;
padding: 0;
} 


/* ----- 背景塗りつぶし枠 lightyellow　----- */
.box31 {
padding: 0.5em 1em;
margin: 2em 0;
color: #606060;
background: #ffffe0;/*背景色*/ }
.box31 p {
margin: 0;
padding: 0;
} 

/* ----- ドット枠　----- */

.box6 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: dotted 3px #f19ca7;/*点線*/
}
.box6 p {
    margin: 0; 
    padding: 0;
}


/* ---- サイドバーのタイトル見出し　----- */
#sidebar h3{
 background: #f5b2b2; /*背景色*/
padding: 0.5em;/*文字周りの余白*/
color: white;/*文字の色*/
border-radius: 0.5em;/*角の丸み*/
}


/* ---- タグ　----- */
.tagcloud a {
    display: inline-block;
    margin-bottom: 5px;
    padding: 6px 12px;
    text-decoration: none;
    border-radius: 0.5em;
    border: 1px solid #e6e6e6;
    background: #FFF;
}

.tagcloud a:hover {
    transition: 0.3s;
    background: #EFEFEF;
}


/* パンくずリスト */
.breadcrumb{
  margin-bottom: 20px;
  color: #777;
  font-size:13px;
}

.breadcrumb .sp{
  margin:0 10px;
}

.breadcrumb a{
  text-decoration:none;
	color:#777;
	margin-left: 2px;
}

/* サイトタイトルの対策 */

.site-title-img {
  width: 100%;
  height: 100%;
  aspect-ratio: 107 / 7;
}