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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.blogcard-snipper {
	display: block;
}
/*captcha非表示*/
.grecaptcha-badge { visibility: hidden; }

/*トップページh1非表示*/
#post-1016 h1 { 
	display: none;
	margin: 0px;
	padding: 0px;
	height: 0px;
}

/*トップページSNS非表示*/
.home header .sns-share, .home footer .sns-share, .home footer .sns-follow, .home header .post-date, .home .post-update, .home .author-info{
	display:none;
}

/************************************
** サイドバーのカテゴリーリスト
************************************/
.sidebar_category_format1  {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 px;
  padding: 0 px;
}
.sidebar_category_format1 ul {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 px;
  padding: 0 px;
  /*gap: 5px;*/
}
.sidebar_category_format1 li{
  margin: 0 px;
  padding: 0 px;
  font-size: 80%;
}
.sidebar_category_format1 li a{
  display: inline-block;
  margin: 0 px;
  padding: 0 px;
  width: 100%;
  height: 100%;
  background-color: background-color;
  border-radius: 10 px;
  text-decoration: none;
  color: white;
  transition: white;
}
.sidebar_category_format1 li a:hover{
  background-color: white;
}

/*フッターサイズ*/
.navi-footer-in a {
    font-size: 90%;
}

/*検索ラベル*/
.wp-block-search__label {
    display: none;
}

/************************************
** 新着記事・人気記事・ナビカードウィジェット（タイトルを重ねた大きなサムネイル以外）のoverride（4→3）
************************************/
.widget-entry-cards:not(.large-thumb-on) .card-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.widget-entry-cards:not(.large-thumb-on) .card-snippet {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/************************************
** 広告表記
************************************/
.pr-label {
  display: inline-block;
  position: absolute;
  padding: 0 px;
  margin: 0 px;
  margin-left: 3%;
  font-size: 10px;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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