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

/************************************
** サイトデザイン変更
************************************/

/* サイト全体のリンクのホバー時にテキスト色を#2273bbに変更（ヘッダーとフッターを除外） */
a:hover:not(.header-container a):not(.footer a):not(.navi a):not(.menu-item a):not(.footer-widget a):not(.mobile-menu-content a) {
    color: #2273bb !important;
    transition: color 0.3s ease; /* スムーズな色変化（オプション） */
}

/* ヘッダーとフッターのリンクのホバー時に下線を表示 */
.header-container .navi-in a:hover,
.header .navi-in > li > a:hover,
.global-nav .menu-item > a:hover,
.navi a:hover,
.mobile-menu-content .menu-item a:hover,
.footer a:hover,
.footer-widget a:hover {
    text-decoration: underline !important;
    text-decoration-color: #91887A !important; /* 下線の色 */
    text-decoration-thickness: 1.5px !important; /* 下線の太さ */
    transition: text-decoration 0.3s ease; /* スムーズな表示（オプション） */
}