@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){
  /*必要ならばここにコードを書く*/
}
/* おすすめカードの背景を白にし、枠線をつける */
.recommend-card {
  background-color: #ffffff !important; /* 背景を白にする */
  border: 1px solid #e5e5e5 !important; /* グレーの薄い枠線をつける */
  box-shadow: none !important; /* 余計な影を消す */
}

/* ホバー（マウスを乗せたとき）の影やエフェクトをリセットしたい場合 */
.recommend-card:hover {
  box-shadow: none !important;
  opacity: 0.9; /* 少し透明にする程度のエフェクト */
}
/* カテゴリーラベルの色と背景を整える */
.entry-card .cat-label,
.related-entry-card .cat-label,
.recommend-card .cat-label {
  display: inline-block !important;
  color: #ffffff !important;
  background-color: rgba(0, 0, 0, 0.3) !important; /* ここを「0.6」から「0.4」や「0.3」にすると薄くなります */
  padding: 2px 8px !important;
  font-size: 11px !important;
  border-radius: 4px !important;
}
/* 記事上部のアイキャッチ画像上や、すべてのカテゴリーラベルの表示を安定させる */
.entry-image .cat-label,
.entry-cat .cat-label,
.cat-label {
    display: inline-block !important;
    color: #ffffff !important;
    background-color: rgba(0, 0, 0, 0.3) !important; /* 必要に応じて濃さを調整 */
    padding: 2px 8px !important;
    font-size: 11px !important;
    border-radius: 4px !important;
    border: none !important; /* 白枠の原因になる境界線を消す */
}