/*
Theme Name: HAKU WooCommerce Child
Template: haku_tcd080
*/

/* 既存：ホバー関連のフェード無効化 */
.layer_image_content .hover_bg,
.layer_image_content .mask,
.layer_image_content__bg,
.layer_image_content:hover .hover_bg,
.layer_image_content:hover .mask,
.layer_image_content:hover .layer_image_content__bg {
  background: none !important;
  opacity: 0 !important;
  transition: none !important;
}

.layer_image_content .image_wrap::before,
.layer_image_content:hover .image_wrap::before {
  background: none !important;
  opacity: 0 !important;
  transition: none !important;
}

.layer_image_content .overlay,
.layer_image_content:hover .overlay {
  background: none !important;
  opacity: 0 !important;
  transition: none !important;
}

/* テキスト色はデフォルトに従う */
.layer_image_content .catch,
.layer_image_content .desc {
  color: inherit !important;
}

/* === 追加：.cb_contents_num2 セクションのホバー黒フェード完全削除 === */
.cb_contents_num2 .overlay,
.cb_contents_num2:hover .overlay,
.cb_contents_num2 .image_area::before,
.cb_contents_num2:hover .image_area::before,
.cb_contents_num2 .image_area::after,
.cb_contents_num2:hover .image_area::after {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  transition: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* テキスト保持 */
.cb_contents_num2 .title_rich_font_2,
.cb_contents_num2 .item_title_rich_font_2 {
  color: inherit !important;
  z-index: 10;
  position: relative;
}

/* メニューボタン：緑のブロック風 */
#g_nav li a {
  background-color: #1c5128; /* 深めの緑 */
  color: #ffffff;            /* 白文字 */
  padding: 10px 20px;
  border-radius: 6px;
  text-decoration: none;
  display: inline-block;
  transition: background-color 0.3s ease, color 0.3s ease;
  margin: 0 5px;
  font-weight: bold;
}

/* ホバー時：赤に変化 */
#g_nav li a:hover {
  background-color: #b80000; /* 鮮やかな赤 */
  color: #ffffff;            /* 白文字維持 */
}