@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* ヘッダーナビ */
#header-container .navi{
	line-height: 1.0;
}
.navi-in > ul li {
height: 40px;
line-height: 40px;
}


/* メインコンテンツ */
a h2.entry-card-title {
color: #990000;
}
.entry-title, .archive-title {
color: #990000;
}
.article h3 {
border-left:none;
border-right: none;
border-top: none;
border-bottom: none;
}
.pagination-next-link, .comment-btn {
padding: 6px 0;
}
.pagination {
margin: 10px 0;
}
.page-numbers {
height: 40px;
width: 40px;
line-height: 40px;
}
img.alignleft {
margin: 0 0.6em 1em 0;
}
.entry-content i{
color: #990000;
padding-right: 5px;}

/* newページcss */
body.new {
background-color: #fff;
font-size: 12px;
}
div#new {
display: block;
margin: 0;
margin-top: -27px;
}
.new ul{
margin:0;
padding:5px 0 0 5px;
list-style-type: none;
}
.new li {
	position:relative;
}
.new ul li:before {
font-family: "Font Awesome 5 Free";
content: '\f105';
padding-right : 5px;
font-weight:900;
}

/* カテゴリーリンク */
.cat-link {
color: #fff;
text-decoration: none;
display: inline-block;
margin-right: 5px;
padding: 2px 4px;
font-size: 10px;
background-color: #ccc;
border-radius: 2px;
word-break: break-all;
}
.cat-label {
border: 1px solid #eee;
color: #fff;
background-color: transparent;
}

/* SNSリンク */
.sns-share, .sns-follow {
margin: 10px 0;
}
.sns-buttons a {
height: 36px;
}
.sns-follow-buttons a {
margin-right: 8px;
margin-bottom: 6px;
font-size: 24px;
}

/* サイドバー */
.sidebar h3 {
background-color: #f3f4f5;
padding: 10px 10px;
margin: 16px 0;
border-radius: 2px;
font-size: 1.0em;
}
.widget_categories ul li a{
padding: 5px 0;
}
.widget_categories ul li a .post-count{
color: #ccc;
}
.widget ul li{
line-height: 1.2;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}