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


/* ==== ヘッダー刷新：白×ティールライン（2026-07 デザインA補強） ==== */
#header-container{background:#fff;border-top:4px solid #43676b;box-shadow:0 3px 12px rgba(20,60,50,.08)}
#header-container .site-name-text{color:#253d38;font-weight:700;letter-spacing:.12em}
#header-container .site-name-text:hover{color:#43676b}
#navi{background:transparent}
#navi .navi-in>ul>li>a{color:#33463f;font-weight:600;letter-spacing:.06em;position:relative;transition:color .2s}
#navi .navi-in>ul>li>a:hover{background:transparent;color:#43676b}
#navi .navi-in>ul>li>a::after{content:"";position:absolute;left:22%;right:22%;bottom:10px;height:2px;background:#43676b;transform:scaleX(0);transition:transform .22s}
#navi .navi-in>ul>li>a:hover::after{transform:scaleX(1)}
#navi .navi-in ul ul{background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1)}
#navi .navi-in ul ul a{color:#33463f}
@media screen and (max-width:1023px){
  #header-container{border-top-width:3px}
  .mobile-header-menu-buttons{background:#fff;border-top:3px solid #43676b;box-shadow:0 2px 8px rgba(20,60,50,.08)}
  .mobile-header-menu-buttons .menu-button a{color:#253d38}
}
/* ロゴ背後の緑ボックスを除去 */
#header{background:transparent}