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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*記事下部のカテゴリ文字色*/
.cat-link {
	color:#000;
}
body {
	    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif !important;
}

/*記事一覧のサムネイルからカテゴリ表示を排除*/
.cat-label {
	display:none;
}

/* 記事一覧に仕切り線 */
.a-wrap {
	margin-bottom: 10px;
}
a.entry-card-wrap {
    border-bottom: 1px solid #696969;
    padding-bottom: 10px;
}


/*Headの縦幅を減少*/
div#header-container {
    line-height: 0;
}
.logo-image {
    padding: 5px 0;
}

/* 記事タイトル */
.entry-title {
  margin: 16px 0 0;
}
.date-tags {
	margin-bottom: 10px;
	background-color:  #F7F7F7;
	padding-top: 2px;
	line-height: 1.2em;
}
.post-date {
	font-size: 0.9em;
}
.post-comments-count {
	font-size: 0.9em;
}
.post-comments-count a {
	text-decoration: none;
	color: #2098A8;
}
.post-comments-count::before {
	font-family: FontAwesome;
	content: "\f075";
	padding-right: 3px;
}


/* 記事送りの矢印色 */
.pager-post-navi a.prev-post::before,
.pager-post-navi a.next-post::before {
	color: #535353;
}

/* サイドバー記事一覧 */
.widget-entry-card {
	font-size:0.8em;
}

/*Comment Name*/
.st-comment-author {
	font-weight: bold;
}
.comment-author {
  color: #008800;
	font-style:normal;
}
.st-comment-datetime {
	font-weight: bold;
}

.comment-author a {
  color: #008800;
	text-decoration: none;
}

/* Comment Design */
.st-comment-content p {
	margin-top: 0px;
	line-height: 18px;
	font-family: "Mona","IPA MONAPGOTHIC","MS PGothic","ＭＳ Ｐゴシック","MS Pｺﾞｼｯｸ","MS Pゴシック",sans-serif;
}

#comment-area .children {
	margin-left:8px;
	margin-bottom:0px;
	padding-left:5px;
}

#comment-area .children li {
	padding-left: 5px;
	border-bottom: 1px solid transparent;
}

#comment-area .depth-2 {
	border-left: 2px solid #CCB3AB;
}

#comment-area .depth-3 {
	border-left: 2px solid #FF8D76;
}

#comment-area .depth-4 {
	border-left: 2px solid #99955B;
}

#comment-area .depth-5 {
	border-left: 2px solid #9FCCCA;
}



/* コメントのメールアドレスが公開されることはありません…を非表示 */
p.comment-notes {
    display: none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
	.entry-card-snippet {
		display: none;
	}
}