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

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

/*ヘッダーロゴ*/
.header-container-in.hlt-top-menu .logo-header img {
	max-height: 180px;
	position: relative;
	top: -60px;
}
/*グローバルメニュー*/
.navi-in > ul{
		justify-content: right;
	}

.navi-in > ul li{
		width: 120px;
}

/*フッター*/
.footer-meta {
	display: none;
}

/*フッターロゴ*/
.footer-bottom-logo img {
	position: relative;
    top: 22px;
	height: 60px;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	/*ヘッダータイトル_モバイル*/
.header-container{
	display: none;
}
 /*ヘッダーボタン_モバイル*/
	.mobile-header-menu-buttons {
		background: #3399cc;
	}
 /*モバイルメニューボタン_ヘッダー*/
	.mobile-menu-buttons .menu-button > a{
		color: #fff;
	}
	.mobile-menu-buttons .menu-button:hover .menu-button-in{
		color: #fff;
	}
	.has-logo-button .menu-button{
		color: #fff;
	}
 /*モバイルスライドインメニュー*/
	#navi-menu-content{
		background: #3399cc;
	}
/*メニュードロアー*/
	.menu-drawer a{
		color: #fff;
	}
}
/*フッターモバイルボタン*/
	.mobile-menu-buttons{
		background: #3399cc;
	}
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

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