/* ここにCSSを記入 */

.header,
.mobile-menu-buttons {
background: #f5b2b2;
}

.site-logo-image, .header-site-logo-image{ /* PCでのロゴの高さ */
	max-height: 60px;
}

#navi .navi-in > ul li{ /* グローバルメニューの高さ */
	height: 40px;
	line-height: 40px;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/* ▽▽▽ 1023pxより上 ここから ▽▽▽ */
@media screen and (min-width : 1023px) {

	.site-name-text { /* ロゴテキストを削除 */
		font-size: 0;
	}
	 .logo-header img { /* ロゴ画像を中央で表示 */
		 display: flex;
		 align-items: center;
		 justify-content: center;
	}
	

	
} 
/* △△△ 1023pxより上 ここまで △△△ */


/* ▽▽▽ 1023px以下 ここから ▽▽▽ */
@media screen and (max-width: 1023px){

	.site-name-text { /* ロゴテキストを削除 */
		font-size: 0;
	}

	.logo-header img { /* ロゴ画像を中央で表示 */
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.mobile-menu-buttons { /* メニューボタンを陰を消す */
		box-shadow: none;
	}
	
	.mobile-menu-buttons { /* メニューボタンの高さ */
		min-height: 70px;
		border-bottom: solid 1px #EEE;
	}	
	
	.mobile-menu-buttons .menu-caption { /* メニューボタンのラベルを消す */
		display: none;
	}
	
	.mobile-menu-buttons .menu-button .menu-button-in { /* メニューボタン */
		display: flex;
		height: 100%;
		flex-direction: column;
		justify-content: center;
		color: #CCC;
	}
	
	.mobile-menu-buttons .sidebar-menu-button { /* メニュー開き画面 */
		height: 100%;
		right: 0;
		top: 0;
		position: absolute;
	}


	.menu-close-button { /* メニューを閉じるボタン */
		padding:16px 16px 0;
		text-align: center;
		font-size: 1.4em;
		color: #ccc;
	}

	
}
/* △△△ 1023px以下 ここまで △△△ */

/* ▽▽▽ 834px以下 ここから ▽▽▽ */
@media screen and (max-width: 834px){

	/*------------------------------------
	 ヘッダーエリア
	 ------------------------------------ */	
	.logo-menu-button img { /* ロゴの高さ */
		max-height: 48px;
	}
	

}
/* △△△ 834px以下 ここまで △△△ */



/* ▽▽▽ 480px以下 ここから ▽▽▽ */
@media screen and (max-width: 480px){

/************************************
** ページをフェードイン表示する
************************************/


	/*------------------------------------
	 ヘッダーエリア
	 ------------------------------------ */
	
	.logo-menu-button img { /* ロゴ画像を中央で表示 */
		max-height: 34px;
	}
	
	.mobile-menu-buttons { /* メニューボタンの高さ */
		min-height: 48px;
		border-bottom: solid 1px #EEE;
		background:#FFF;
	}
	
	.mobile-menu-buttons .menu-button {
		width: 70px; /* メニューボタンの幅 */
	}


	
}
/* △△△ 480px以下 ここまで △△△ */