@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*メニューをグラデーション化*/
#navi .navi-in > .menu-header .sub-menu{
	background: #ffffff;
}

#navi .navi-in > .menu-header .sub-menu a{
	background: linear-gradient(#ffffff,#ededed);
}

#navi .navi-in > ul .sub-menu a:hover{
	opacity: 0.8 ;
}
/*1番左と2番目の仕切り線*/
#navi .navi-in > ul li{
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}
/*左から3番目以降の仕切り線*/
#navi .navi-in > ul li + li{
	border-right: 1px solid #ffffff;
	border-left: none;
}

/*1023px以下でモバイル用のロゴ表示*/
@media screen and (max-width: 1023px){
	.logo-menu-button.menu-button{
		background-image: url(http://www.l-bworks.com/wp-content/uploads/2022/11/L-B.Works2ファビコン.png);
		background-size: auto 30px;
		background-position: center;
		background-repeat: no-repeat;
}
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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