@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){
  /*必要ならばここにコードを書く*/
}
/* =====================================================
 * Herzschild スマホメニュー アコーディオン
 * ===================================================== */

@media screen and (max-width: 1023px) {

  /* スライドインメニューの子階層を初期状態では閉じる */
  #navi-menu-content .menu-item-has-children > .sub-menu {
    display: none;
  }

  /* 開いている階層だけ表示 */
  #navi-menu-content .menu-item-has-children.hs-menu-open > .sub-menu {
    display: block;
  }

  /* 子階層を持つ項目 */
  #navi-menu-content .menu-item-has-children {
    position: relative;
  }

  /* ＋ボタン */
  #navi-menu-content .hs-accordion-toggle {
    position: absolute;
    top: 0;
    right: 10px;
    width: 48px;
    height: 48px;
    border: 0;
    background: transparent;
    color: inherit;
    font-size: 26px;
    line-height: 48px;
    text-align: center;
    cursor: pointer;
    z-index: 10;
    padding: 0;
  }

  /* 開いたときは＋を－にする */
  #navi-menu-content .hs-menu-open > .hs-accordion-toggle::before {
    content: "−";
  }

  #navi-menu-content .hs-accordion-toggle::before {
    content: "＋";
  }

}