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




以下は、愛華：カスタム追加内容
/************************************
** ナビゲーションメニュー　区切り線
************************************/
.navi {
  background: linear-gradient(0deg, #ba7373, #f2bfbf);
}

.navi li {
  border-left: solid 1px white;
}

.navi li:last-of-type {
  border-right: solid 1px white;
}


/*グローバルメニューのフォントサイズ等変更*/
.navi-in .menu-header .item-label{
font-weight: bold;
}
-----
ボックスメニュ　赤ピンク色
.box-menu-icon {
  font-size: 30px;
}

.box-menu-icon{
  color: #ff0066;
}


---


/* ボックス内の文字色 */
.box-menu-label {
color:#FFFFFF;
}
/* ボックス全体 */
.box-menu {
border:1px solid #FFFFFF;/* 枠線の設定 */
background-color:#F0F8FF;/* 背景色 */	
}
/* ボックスメニューの設定 */
.box-menu-icon {
color: #ff0066;/* アイコンの色 */

}
/*ホバー枠の色 */
.box-menu:hover {
    box-shadow: inset 2px 2px 0 0 
#2ca9e1,2px 2px 0 0 #2ca9e1,2px 0 0 0 #2ca9e1,0 2px 0 0
    #2ca9e1;
}