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

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/* フロント（サイト表示）だけに限定：管理画面に効かせない */
body:not(.wp-admin) .entry-card .cat-label{
  padding:2px 6px !important;
  border-radius:4px !important;
  font-size:10px !important;
  font-weight:800 !important;
  color:#fff !important;
  box-shadow:0 2px 6px rgba(0,0,0,.25) !important;
}

/* ランク色分け（カテゴリID） */
body:not(.wp-admin) .entry-card .cat-label.cat-label-789{ background:#c9a227 !important; } /* 神 */
body:not(.wp-admin) .entry-card .cat-label.cat-label-790{ background:#ff4fa3 !important; } /* 極上 */
body:not(.wp-admin) .entry-card .cat-label.cat-label-791{ background:#e60033 !important; } /* 秀逸 */
body:not(.wp-admin) .entry-card .cat-label.cat-label-792{ background:#ffa726 !important; } /* 良質 */
.card-snippet .post-view-count{
display:none;
}
/* カードタイトルを2行でカット */
.entry-card-title{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}
/* モバイル見出しサイズ調整 */
@media screen and (max-width: 480px){

  .article h2{
    font-size: 16px;
　　padding: 12px 16px;
  }

  .article h3{
    font-size: 13px;
  }

}
@media screen and (max-width: 480px){

  .entry-card-title,
  .related-entry-card-title,
  .a-wrap .entry-card-title{
    font-size: 11px !important;
    line-height: 1.4 !important;
  }

  .post-date{
    font-size: 9px !important;
  }
}
.entry-card-title{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  line-height:1.4;
}
@media screen and (max-width: 480px){

  .wp-block-button__link{
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  .wp-block-button{
    font-size: 12px !important;
  }

}
@media screen and (max-width: 480px){

  .wp-block-button__link.has-large-font-size{
    font-size: 12px !important;
  }

}
.wp-block-button__link{
  padding: 6px 12px !important;
}
@media screen and (max-width: 480px){

  .is-style-stripes th{
    font-size: 14px !important;
    padding: 8px 4px !important;
  }

  .is-style-stripes td{
    font-size: 14px !important;
    padding: 10px 4px !important;
  }

}