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

/* モバイルフッターボタンの色 */
.menu-button,
.mobile-menu-buttons .menu-button > a {
  color: #4169e1;
}

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

/モバイル/
/グローバルメニュー１行にする/
@media screen and (max-width: 212px){
.box-menus .box-menu {
width: calc(100%/6); /* メニューの数 / } .box-menu-label{ font-size: 8px; / 文字サイズ */
margin: 0;
max-width: 100%;
max-height: 100%;
}

.box-menu {
padding: 0;
}
}
.box-menu{
min-height: 12px; /* 高さ */
}
}