@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){
.navi-menu-content,
.navi-menu-content.menu-content,
.navi-menu-content .menu-drawer {
  background-color: #173F32 !important;
}

.navi-menu-content .menu-drawer a,
.navi-menu-content .menu-drawer a:visited {
  color: #FFFFFF !important;
  background-color: #173F32 !important;
}

.navi-menu-content .menu-drawer a:hover {
  color: #FFFFFF !important;
  background-color: #245A47 !important;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/* =====================================
   スマホ三本線メニュー：折りたたみ式
===================================== */
@media screen and (max-width: 1023px) {

  /* サブメニューは最初は閉じる */
  #navi-menu-content .menu-drawer > li.menu-item-has-children > .sub-menu {
    display: none !important;
  }

  /* 親を押したら開く */
  #navi-menu-content .menu-drawer > li.menu-item-has-children.is-open > .sub-menu {
    display: block !important;
  }

  /* 親メニュー */
  #navi-menu-content .menu-drawer > li.menu-item-has-children > a {
    position: relative;
    padding-right: 45px !important;
  }

  /* ＋マーク */
  #navi-menu-content .menu-drawer > li.menu-item-has-children > a::after {
    content: "＋";
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    font-weight: 400;
    color: #B89A57;
  }

  /* 開いたら− */
  #navi-menu-content .menu-drawer > li.menu-item-has-children.is-open > a::after {
    content: "−";
  }

  /* サブ項目 */
  #navi-menu-content .menu-drawer .sub-menu a {
    padding-left: 28px !important;
    background-color: #245A47 !important;
    color: #FFFFFF !important;
  }
}