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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* サイト背景色 */
body {background-color:#fff;}

#header-container {background-color: none;}

/* モバヘッダーメニューバー */
.mobile-menu-buttons {
background-color: rgba(255,255,255,0);
}

/* モバヘッダーサーチボタン */
.search-menu-button {display: none !important;}

/* ハンバーガーメニューキャプション */
.menu-caption {display: none !important;}

/* モバヘッダーメニューバーの余白割り当ての調整 */
.logo-menu-button {flex-grow: 0;}

/* モバヘッダーロゴ&メニューボタン並び順調整 */
.mobile-header-menu-buttons {flex-direction: row-reverse;}

/* PCヘッダー高さ調整 */
.header-container {height: 80px;}

/* PCヘッダー境界ドロップシャドウ調整 */
.fixed-header {box-shadow: none;}

/* PC追尾ヘッダー調整 */
.header-container-in {align-items: center; padding-top: 10px;}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
	/*必要ならばここにコードを書く*/

	/* ページ上部のロゴをモバイルで非表示 */
	.header-in {display: none !important;}
	.header-container {display: none;}

	/* モバヘッドメニューバーのドロップシャドー */
	.mobile-header-menu-buttons {
		box-shadow: 0 0 0px darkgrey;
		margin-top: 6px;
	}

}

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

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


   /* ロゴ項目の余白や位置を調整 */
   .menu-item-logo a {
       padding: 0 15px !important; /* 左右の余白 */
       background: none !important; /* 背景色がいらない場合 */
   }
   .menu-item-logo img {
       max-height: 100%; /* メニューの高さに合わせる */
   }



/* コピーライト調整 */
.copyright {
	margin-top: 24px;
	font-size: 9px;
	color: #656356;
}

@media screen and (min-width: 1023px) {
	.copyright { font-size: 12px;}
}