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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.st-comment-datetime{display:none;}/*コメント日時*/
.entry-card .cat-label{display:none;}/*サムネ上のカテゴリ*/
/*SNS風*/
.likebq{border:solid 1px gray;background-color:white;border-radius:15px;padding:15px;width:95%;}
.likebq p{margin:0;padding:0;padding-bottom:5px;}
.likesns{padding-top:10px;}
.likesns p:nth-child(1){display:inline-block;width:60px;padding-bottom:0;color:#E33B2E;}
.likesns p:nth-child(2){display:inline-block;width:60px;padding-bottom:0;color:#FBC116;}
.likesns p:nth-child(3){display:inline-block;width:100px;padding-bottom:0;color:#1A73E8;}
.likebq .likeicon{display:block;height:60px;line-height:60px;
	background:no-repeat url("https://ronpabbs.com/wp-content/uploads/2025/06/like_sns_icon2.png");
	padding-left:75px;font-size:90%;font-weight:bold;margin-bottom:15px;}
.likebq .likeicon::after{color:gray;content:'　@oukou';font-size:60%;}

/*コメント欄をSNS化*/
.entry-categories-tags,.author-info{display:none;}
.st-comment-content{border:solid 1px gray;background-color:white;border-radius:15px;padding:15px;width:95%;}
.st-comment-author::before{font-size:40px !important;content:"🐭";}
.commets-list li:nth-of-type(1) .st-comment-author::before{background-color: #F3A11A;font-size:40px !important;content:"🐶";border-radius:15px;}
.commets-list li:nth-of-type(2) .st-comment-author::before{background-color: #F3A11A;font-size:40px !important;content:"🐷";border-radius:15px;}
.commets-list li:nth-of-type(3) .st-comment-author::before{background-color: #F3A11A;font-size:40px !important;content:"🐵";border-radius:15px;}
.commets-list li:nth-of-type(4) .st-comment-author::before{background-color: #F3A11A;font-size:40px !important;content:"🐔";border-radius:15px;}
.commets-list ul.children .st-comment-author::before{background-color:#2CA936;font-size:40px !important;content:"🦁";border-radius:15px;}

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

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

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