@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.2
*/

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
}

/*834px以下*/
@media screen and (max-width: 834px){
}

/*480px以下*/
@media screen and (max-width: 480px){
}






/*★★★★グローバルメニュー画面いっぱいに★★★★*/
@media screen and (min-width: 1069px) {
#navi-in {
width: 100%;
	}
}





/*★★★★投稿記事タイトル文字・カスタマイズ★★★★*/
.single .entry-title {
text-align: left;
color: #888888; /*文字色*/
font-family: 'Quicksand', sans-serif;
}



/*★★★★TOPページ・エントリーカード＆文字カスタマイズ★★★★*/
.entry-card-wrap{ 
font-family: 'Quicksand', sans-serif;
transition: all .5s ease;
color: #555;
margin-bottom: 1em!important;
background-color: #F5F6FB;
border-radius: 6px;
box-shadow: 0px 0px 0px 1px rgb(245, 246, 251);
}



/*★★★★TOPページ・エントリーカード・タイトル行間をあける★★★★*/
.entry-card-title {
  line-height: 1;
}


/*★★★★TOPページ・エントリーカード・説明文の行間をあける★★★★*/
.entry-card-snippet {
line-height: 1.4;
}




/*★★★★サイドバー・プロフィール・フォントサイズ・色★★★★*/
#sidebar .author-box .author-name a {
color: #555;
text-decoration: none;
letter-spacing: 1px;
font-size: 18px;
}






/*★★★★hタグの初期化★★★★*/
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{ 
padding: 0;
margin: 0;

font-size: medium;
border-collapse: separate;
border-spacing: 0;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
line-height: normal;
position:relative;
}



/*★★★★hタグカスタマイズ★★★★*/
 /*記事のタイトル*/
.article h1{
background: #fff;
font-size: 24px;
margin: -8px -10px 20px -8px;
padding: 9px 10px 9px 10px;
line-height: 37px;
}



/*h2 TOC大見出し*/
.article h2{
position: relative;
line-height: 45px;
background: #f9fcff;
border-left: solid 10px #a4c6ff;
padding: 0.2em 0.5em;
margin-top: 30px;
margin-right: 5px;
margin-bottom: 20px;
margin-left: 5px;
padding-left: 7px;
}


/*h3 TOC中見出し*/
.article h3{
position: relative;
line-height: 1;
border-left: double 8px #a4c6ff;
padding: 1em 1em 1em 0.5em;
margin-top: 30px;
margin-right: 5px;
margin-bottom: 20px;
margin-left: 10px;
padding-left: 7px;
}


/*h4 TOC小見出し*/
.article h4{
position: relative;
padding-left: 1.6em;/*アイコン分のスペース*/
line-height: 1.4;
font-size: 1.1em;/*サイズ*/
margin-top: 1.2em;
margin-top: 30px;
margin-right: 5px;
margin-bottom: 20px;
margin-left: 15px;
font-weight: 700;
}



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
















/*★★★★アバターの位置調整★★★★*/
.commets-list .avatar { 
display: none:
}



/*★★★★スマホフッター背景色★★★★*/
.mobile-menu-buttons {
background-color: #a4c6ff;
}


.mobile-menu-buttons .menu-button:hover {
background-color: #d3e2ff;
color: #fff;
}

.top-menu-button a:hover {
color: #fff;
}

.home-menu-button a:hover {
color: #fff;
}




/*★★★★Google mapレスポンシブ★★★★*/

.ggmap {
}




/*★★★★記事下・関連記事装飾★★★★*/
.related-entry-heading,
.comment-title {
font-weight: bold;
position: relative;
background-color: #FFF;
border-left: 10px solid #a4c6ff;
border-bottom: 2px dashed #a4c6ff;
margin-bottom: 10px;/* 下余白 */ 
font-size: 18px;
letter-spacing: 2px; /*文字間隔*/
padding: 10px 10px 10px 10px;
line-height: 100%;
}



.related-entry-heading,
.comment-title {
margin-top: 100px
}




/*★★★★目次全体デザイン★★★★*/
/* 目次全体デザイン */
.toc{
background:#fdfdfd; 
display:block;
border-top:2px solid;
border-top-color:#A4C6FF;
border-bottom:2px solid;
border-bottom-color:#A4C6FF;
padding: 20px 25px 30px 20px;
}

.toc-list {
font-size: 20px;
color:#99ccff
}



/* 目次（文字） */
.toc-title {
margin: 0 20px 20px -10px;
padding-left: -20px;
font-size: 20px;
font-weight: 600;
}


/* 目次欄内デザイン */
.toc-content ul {
position: relative;
}



/* h2見出し前 */
.toc-list>li>a::before {
font-size: 20px;
content: ' | ';
color: #A4C6FF;
}

/* h2デザイン*/
.toc-list li a {
font-size: 14px;
font-weight: 500;
}

/* h3見出しの前 */
.article .toc-list > li li {
list-style: none;
}

.toc-list>li li a::before {
font-size: 20px;
content: '・';
color: #A4C6FF;
}

/* h3デザイン*/
.toc-list>li li a {
font-size: 13px;
font-weight: 500;
color: grey;
}


/* 記事上の日付フォントサイズ */
.date-tags{
line-height: 1;
}

.post-date, .post-update{
font-size: 12px;
padding-right: 4px;
display: inline;
}


/* サイドバーのフォントサイズ */
remove_filter(‘comment_flood_filter’, ‘wp_throttle_comment_flood’, 10, 3);