@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){
  /*必要ならばここにコードを書く*/
}


/* ==============================
   メニュー説明文（サブテキスト）非表示用（Cocoon用）
   2025-10-29 ミータ設定
   ============================== */
.item-description,
.sub-caption {
  display: none !important;
}

/* ==============================
   Cookie設定ボタンのデザイン調整（Complianz）
   2025-10-29 ミータ設定
   ============================== */
#cmplz-manage-consent {
  position: fixed !important;
  bottom: 15px; /* 画面下からの距離 */
  right: 15px;  /* 画面右からの距離 */
  background: rgba(0, 0, 0, 0.5); /* 半透明の黒背景 */
  color: #fff !important; /* 白文字 */
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 4px;
  z-index: 9999;
  cursor: pointer;
  opacity: 0.6; /* 控えめに表示 */
  transition: opacity 0.3s ease, background 0.3s ease;
}

#cmplz-manage-consent:hover {
  opacity: 1; /* マウスを乗せたとき明るく */
  background: rgba(0, 0, 0, 0.7);
}