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


@media screen and (max-width: 1023px){
/*1023px以下でパソコン用のロゴを消す
	img.site-logo-image{
		visibility: hidden;
	}*/

/*モバイルヘッダの色を変更
	.mobile-menu-buttons {
 		background: #f0b3ac;
 	}*/
	
/*モバイルヘッダのメニューアイコンと文字の色を変更
	.mobile-menu-buttons .menu-icon {
  		color: #8e3917;
	}

	.mobile-menu-buttons .menu-caption {
  		color: #8e3917;
		font-size: 12px;
		font-weight: bold;
	}*/

/*モバイルヘッダがhover時にメニューアイコンと文字の色を白に
	.mobile-menu-buttons .menu-button:hover .menu-icon {
  		color: #fff;
	}
	
	.mobile-menu-buttons .menu-button:hover .menu-caption {
  		color: #fff;
	}*/
	
	/*.navi-menu-content {
  		color: #fff;
	}*/
	
/*キャッチフレーズのシャドーを外す	
	.mobile-header-menu-buttons {
  		box-shadow: none;
	}*/
	
/* スライドメニュー 
	.menu-drawer a {
		font-size: 1em;
		font-weight: 600;
	}*/

	
/*1023px以下でモバイル用Mサイズのロゴ表示
	.logo-menu-button.menu-button{
		background-image: url(http://kousaku.guantare.com/wp-content/uploads/2023/01/head_logo3m.png);
		background-size: auto 50px;
		background-position: center;
		background-repeat: no-repeat;
	}



}*/
/*480px以下でモバイル用Sサイズのロゴ表示
@media screen and (max-width: 480px){
	.logo-menu-button.menu-button{
		background-image: url(http://kousaku.guantare.com/wp-content/uploads/2023/02/head_logo4s_2.png);
		background-size: auto 45px;
		background-position: center;
		background-repeat: no-repeat;
	}
}*/




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

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