@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*リンク色の変更と下線取消し*/
a {
/* color: #1967d2; */
  color: #2c7be6;
  text-decoration:none; /*下線消し*/
}
a:hover {
/* color: #e53900; */
  color: #db586c;
  text-decoration:none;
}

/* ページネーション 丸型グレー　マウスオーバーでサイト色 */
.pagination-next, .next, .prev, .pager-prev-next{ display: none; }
.pager-numbers a { text-decoration: none; }

.page-numbers{
    border: none !important;
    border-radius: 50%;
    font-family: sans-serif;
    font-size: 80%;
    color: #666 !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    transition: all .1s ease;
    background-color: #ffffff;
}

.pagination a.page-numbers:hover,.pager-numbers a:hover .page-numbers{
    background-color: #e85a70; /* マウスオーバー時はロゴカラー */
    color: #fff !important;
}
.pagination .current, .pager-links .current{
    background-color: #ccc;  /* 最初のグレー */
    color: #fff;
}

/* 検索窓を四角から楕円形に */
.search-box{
	margin: 0;
}
.search-edit{
	height: 40px;
	border-radius: 40px;
}
.search-submit{
	line-height: 0;
	top: 0;
	bottom: 0;
}
.search-edit:focus{
	outline: none;
	border-color: #e85a70; /* フォーカス時の枠色 */
}
.search-submit:hover::before{
	color:#e85a70; /*検索ボタンホバー時の色*/
}

/* 水平線をドットに変更 */
main hr{
    margin: 2rem auto;
    width: 7rem; /* 水平線の長さ 7文字分 */
    border: 0;
    border-top: 0.5rem dotted #ccc; /* ドットの大きさと色 */
}

/*親テーマの見出しデザインをクリアにする*/
/*文字サイズh2,h3はそのまま、他は変更　マージンは全部そのまま*/
.article h4, .article h5, .article h6 {
  font-size: 22px;
}
.article h2 {
    padding: 0;
    background: none;
}
.article h3 {
    border: none;
    padding: 0;
}
.article h4 {
    border: none;
    padding: 0;
}
.article h5 {
    border: none;
    padding: 0;
}
/*.article h6 {
    border: none;
    padding: 0;
} */

/* 見出しh2 しましまボーダーP */
.article h2 {
letter-spacing: 0.1em; /*文字間を少し広く*/ 
position: relative;
}
.article h2:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 7px;
background: -webkit-repeating-linear-gradient(-45deg, #e85a70, #e85a70 2px, #fff 2px, #fff 4px);
background: repeating-linear-gradient(-45deg, #e85a70, #e85a70 2px, #fff 2px, #fff 4px);
}

/* 見出しh3 途中から色の変わるボーダー */
.article h3 {
letter-spacing: 0.1em; /*文字間を少し広く*/
border-bottom: solid 3px #cfd2e8;
position: relative;
}
.article h3:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #e85a70;
bottom: -3px;
width: 30%;
}

/* 見出しh5 点線のボーダー */
.article h4 {
letter-spacing:0.1em; /*文字間を少し広く*/
color: #333333; /*テーマ文字色変更可*/
border-bottom: dashed 2px #cfd2e8;
/*線の 種類（点線）2px 線色*/
}

/* サイドバー見出し */
.sidebar h3 {
    background: none; /*背景色を解除*/
    padding: 0; /*とりあえず余白をなしに*/
    font-size: 20px; /*文字サイズを小さく*/
    letter-spacing: 0.15em; /*文字の間隔を少し広く*/
    border-bottom: 3px solid #ccc;
} 

/* 固定ページ 投稿・更新・著者情報を消す場合*/
.page .date-tags,
.page .author-info {
 display: none;
} 
/* 固定ページ シェアを消す場合*/
.page .sns-share {
display: none;
}