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

/************************************
** 基本の仕様色
************************************/
/*薄い色 #FFECEF*/
/*中間色 #EB455F*/
/*濃い色 #2B3A55*/


/************************************
** マウスオーバー時の色設定
************************************/
.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover,
.widget_nav_menu ul li a:hover,
.navi-in a:hover,
.navi-footer-in a:hover,
.a-wrap:hover,
.comment-reply-link:hover,
.recent-comments .a-wrap:hover .recent-comment-content,
.pagination a:hover,
.pagination-next-link:hover, .comment-btn:hover,
.pager-links a:hover span,
.pager-links a:hover span,
.mobile-menu-buttons .menu-button:hover,
.menu-drawer a:hover,
.bp-login-widget-register-link a:hover{
background-color: #FFECEF; /*背景色*/
color: #2B3467; /*フォントカラー*/
transition: all 0.5s ease;
}



/************************************
** エントリーカードのフォント設定
************************************/
/* PC用*/
.entry-card-title {
 font-size: 22px;
} 

.entry-card-snippet {
 font-size: 14px;
} 

/* mobile用*/
@media screen and (max-width: 480px) 
{.entry-card-title {
 font-size:14px;
 }
 .entry-card-snippet {
 font-size: 12px;
} 
}

/************************************
** ブログカードのフォント設定
************************************/
/* PC用*/
.blogcard-title{
	font-size: 18px;
}
.blogcard-footer{
	font-size: 12px;
}
.blogcard-snippet{
    font-size: 12px;
}

/* mobile用*/
@media screen and (max-width: 480px) 
{.blogcard-title {
 font-size:12px;
 }
.blogcard-footer{
	font-size: 10px;
}
 .blogcard-snippet{
    font-size: 10px;
 }
}


/************************************
** 内部ブログカードの抜粋文削除
************************************/
 .internal-blogcard-snippet{
    display: none;
}


/************************************
** サイドバーの見出しデザイン変更
************************************/
/* サイドバー見出し装飾 */
  h3.widget-sidebar-title {
    color: #e7e9ee;                      /* 文字色 */
    background: #2B3A55;                 /* 背景色 */
    padding: 0.25em 0.6em;               /* [上下][左右]の余白 */
    border-top: none;                    /* 上枠 */
    border-right: none;                  /* 右枠 */
    border-bottom: none;                  /* 下枠 */
    border-left: solid 6px #EB455F;     /* 左枠 */
  }


/************************************
** 次へボタン設定
************************************/
.pagination-next-link {
  background-color: #2B3A55; /*背景色*/
  color: #EB455F; /*文字色*/
  border: none; /*ボーダーを消す*/
}


/************************************
** アイキャッチ画像のカテゴリラベル設定
************************************/
/* 付箋風 */

.entry-card-thumb .cat-label {
	top: 5%;
	left: -10px;
	padding: 1px 10px 1px 20px;
	background-color: #EB455F;
	color: #FFECEF;
	border: 0;
	overflow: visible;
}

.entry-card-thumb .cat-label::before, .entry-card-thumb .cat-label::after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
}

.entry-card-thumb .cat-label::before {
	top: -6px;
	left: 0;
	border-bottom: 6px solid #2B3A55;
	border-left: 10px solid transparent;
}

.entry-card-thumb .cat-label::after {
	top: 0;
	right: -10px;
	border-top: 11.5px solid transparent;
	border-bottom: 11.5px solid transparent;
	border-left: 10px solid #EB455F;
}

/************************************
** サイドバー カテゴリ設定
************************************/
.widget_categories ul li a {
    text-decoration: none;
    padding: 6px 0;
    display: block;
    padding-right: 4px;
    padding-left: 4px;
    border-top: 1px dotted #ccc;
    position: relative;
}

.widget_categories > ul > li > a:first-child {
    border-top: none;
}
.widget_categories > ul > li > a:last-child {
    border-bottom: 1px dotted #ccc;
}

/************************************
** 見出しリセット
************************************/
/* 見出し2 */
.article h2{
background:none;
padding: 0;
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
    color: #e7e9ee;                      /* 文字色 */
    background: #2B3A55;                 /* 背景色 */
    padding: 0.25em 0.6em;               /* [上下][左右]の余白 */
    border-top: none;                    /* 上枠 */
    border-right: none;                  /* 右枠 */
    border-bottom: none;                  /* 下枠 */
    border-left: solid 6px #EB455F;     /* 左枠 */
}

/* 見出し3 */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
	border-bottom: solid 3px #EB455F;

/* 見出し4 */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}

/* 見出し5 */
.article h5{
border-bottom:none;
padding: 0;
}

/* 見出し6 */
.article h6{
border-bottom:none;
padding: 0;
}



/************************************
** 
************************************/
	
	
	
	
	

/************************************
** 
************************************/
	

	
	
	
	
/************************************
** 
************************************/