@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){
  /*必要ならばここにコードを書く*/
}
/*1024px以上*/
@media screen and (min-width: 1024px) {
/*ヘッダーの高さを調整*/
#header{
	height:61px;
}
/*グローバルメニューを右寄せ*/
#menu-\%e3\%83\%a1\%e3\%82\%a4\%e3\%83\%b3\%e3\%83\%a1\%e3\%83\%8b\%e3\%83\%a5\%e3\%83\%bc{
　display: flex;
  justify-content: flex-end; /* コンテンツを右端に寄せる */
  align-items: center;
}
/*ヘッダーのリンクエリアの余白を削除*/
.site-name-text-link {
  margin-left: 0 !important;
  padding-left: 0 !important;
}
/*ヘッダーロゴ左寄せ*/
.logo {
  padding-left: 0 !important;
  margin-left: 0 !important;
  text-align: left;
}
/*ロゴ画像を上に押し上げる*/
#header-in .logo.logo-header.logo-image{
  margin-bottom: 38px !important;
}
/*ロゴ画像のサイズ変更*/
body #header-in .header-site-logo-image {
  width: 70% !important; 
  height: auto !important;
  max-width: 100% !important;
	 
 }
}