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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*スライドインメニューを右から*/
/*ヘッダーの文字と背景の色を変える*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	background-color: #ffffff;
	color: #6bc400;
}

.logo-menu-button.menu-button{
	background-color: #ffffff;
}
.navi-menu-content{
	left: auto;
	right: 0;
	background-color: #f8f4e6;
	transform: translateX(101%);
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
/*1023px以下でロゴを消す*/
	img.site-logo-image{
		visibility: hidden;
	}
}

/*1023px以下でモバイル用のロゴ表示*/
@media screen and (max-width: 1023px){
	.logo-menu-button.menu-button{
		background-image: url(https://isesaki.happiness-dc.com/wp-content/uploads/2023/04/logomobile1.jpg);
		background-size: auto 50px;
		background-position: center;
		background-repeat: no-repeat;
}
}  /*必要ならばここにコードを書く*/
}

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

/*480px以下*/
@media screen and (max-width: 480px){
	/*必要ならばここにコードを書く*/
}
.mobile-menu-buttons .menu-button > a {
  margin-top: 9px;
}