@charset "UTF-8";

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

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

/*固定ページからシェア・フォローボタンを非表示にする*/
/*.page .sns-share,*/
.page .sns-follow {
    display: none;
}
/*著者情報を非表示にする*/
.page .author-info,
.post .author-info {
    display: none;
}

/*コメントリードモア*/
.read-more-comment {
	text-align: right;
	font-size:0.9em;
}
.read-more-comment a::before {
	font-family: FontAwesome;
	content: "\f054";
	color: #fff;
}

/************************************
** 最近のコメントウィジェットのスタイル
************************************/
dl.recent-comments {
	width:100%;
	margin: 20px auto;
}
dl.recent-comments dt{
	text-align: left;
	clear: left;
	float: left;
	width: 46px;
	white-space: nowrap;
	margin-top: 3px;
}
 
dl.recent-comments dd{
	margin-left: 0;
	margin-bottom: 20px;
}
 
dl.recent-comments dd .recent-comment-author{
	font-weight: bold;
}
 
dl.recent-comments dd .recent-comment-content a,
dl.recent-comments dd .recent-comment-content a:hover {
	display: block;
	text-decoration: none;
	color: #333;
}
.sidebar dl.recent-comments dd .recent-comment-content,
.sidebar dl.recent-comments dd .recent-comment-title{
	font-size:14px;
}

/*コメント一覧ページ*/
ol.wp-block-latest-comments li {
	padding-top: 1.5em;
	border-top: dashed 1px #ccc;
}

/*フッターロゴのサイズ調整*/
.footer-bottom-logo .logo-image {
	max-width: 300px;
}
.footer-bottom-logo img {
	height: auto;
}

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

}