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

.mobile-footer-menu-buttons>li:not(.navi-menu-button){display:none!important}
.mobile-footer-menu-buttons>.navi-menu-button{display:flex!important;width:100%!important}

/* 40fukugyo: show hamburger on PC */
.mobile-footer-menu-buttons.mobile-menu-buttons{display:flex!important;position:fixed!important;top:14px!important;right:14px!important;bottom:auto!important;left:auto!important;width:auto!important;height:auto!important;background:transparent!important;box-shadow:none!important;z-index:999999!important}
.admin-bar .mobile-footer-menu-buttons.mobile-menu-buttons{top:48px!important}
.mobile-footer-menu-buttons.mobile-menu-buttons>li{display:none!important}
.mobile-footer-menu-buttons.mobile-menu-buttons>.navi-menu-button{display:flex!important;width:auto!important;height:auto!important}
#navi-menu-open{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:10px 14px!important;border-radius:999px!important;background:#fff!important;color:#0b3558!important;font-weight:700!important;box-shadow:0 4px 14px rgba(0,0,0,.2)!important}
#navi-menu-content{z-index:1000000!important}

/* 40fukugyo: keep hamburger label on one line */
#navi-menu-open{min-width:96px!important;white-space:nowrap!important;justify-content:center!important;box-sizing:border-box!important}
#navi-menu-open .menu-caption{white-space:nowrap!important;word-break:keep-all!important;display:inline-block!important}
.mobile-footer-menu-buttons.mobile-menu-buttons,.mobile-footer-menu-buttons.mobile-menu-buttons>.navi-menu-button{width:auto!important;min-width:96px!important}