@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){
  /*必要ならばここにコードを書く*/
}

.logo-image * {
  display: block;
}

.logo-image {
  padding: 0;
}

.logo-image span, 
.logo-image a, 
.logo-image img {
  display: block;
}

/*トップ画面アイキャッチのマウス上乗せ時の効果*/
.a-wrap:hover {
background-color: #e6e9ef;
transform: scale(1.05);
box-shadow: 2px 2px 6px 0 #f6f6f6;
}

/*関連記事の見出しのカスタマイズ：アイコンタイプ*/
/*ここから*/
.main .related-entry-heading {
	position: relative;
	display: inline-block;
	padding: 3px 20px 3px 50px;
	background-color: #1e73be;
	color: #fff;
	border-radius: 25px;
}

.main .related-entry-heading .main-caption {
	letter-spacing: 2px;
}

.main .related-entry-heading:before {
	position: absolute;
	content: '';
	top: 6px;
	left: 6px;
	width: 36px;
	height: 36px;
	background-color: #fff;
	border-radius: 50%;
}

.main .related-entry-heading:after {
	position: absolute;
	content: '\f518';
	top: 7px;
	left: 13px;
	color: #1e73be;
	font-size: 20px;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
}
/*関連記事ここまで*/

/*コメントの見出しのカスタマイズ：アイコンタイプ*/
/*ここから*/
.main .comment-title {
	position: relative;
	display: inline-block;
	padding: 3px 20px 3px 50px;
	background-color: #1e73be;
	color: #fff;
	border-radius: 25px;
}

.main .comment-title .main-caption {
	letter-spacing: 2px;
}

.main .comment-title:before {
	position: absolute;
	content: '';
	top: 6px;
	left: 6px;
	width: 36px;
	height: 36px;
	background-color: #fff;
	border-radius: 50%;
}

.main .comment-title:after {
	position: absolute;
	content: '\f075';
	top: 7px;
	left: 13px;
	color: #1e73be;
	font-size: 20px;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
}
/*コメントここまで*/

/*カテゴリータイトルを非表示*/
.archive-title {
display: none;
}

/*ここまで*/