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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.archive-title{
margin-top:200px;
}
h1.archive-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 0px;
}
/* ヘッダーコンテナ（全体）に背景色を適用 */
.mobile-menu-buttons {
background: #0C1E35B2;
color: white;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){	
h1.archive-title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 0px;
}
/* モバイルヘッダーの下にある白線（境界線）を消す */
  .mobile-menu-buttons {
    border-bottom: none !important;
    box-shadow: none !important; /* 念のため影も除去 */
  }

  #header,
  #header-container,
  #header-in {
    border-bottom: none !important;
    box-shadow: none !important;
  }

.logo-menu-button img {
	width: 150px;
    　　max-height: none;
	margin: 2px auto 0;
}
/*ヘッダーモバイルボタン高さ変更*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	height: 60px;
	padding-top: 8px;
}
	
/*ロゴを左に*/
.logo-menu-button {
  justify-content: flex-start !important;
  padding-left: 10px; /* 左端に余白を少し持たせる（任意） */
}
	
/* モバイル時のヘッダー全体を半透明ネイビーに */
  .mobile-menu-buttons {
    background-color: #0C1E35B2 !important;
	  z-index:3;
  }

  .mobile-header-logo {
    background-color: transparent !important; /* ロゴ背景を透明に */
  }

  #header,
  #header-container,
  #header-in,
  .header-in,
  .header-in.wrap {
    background-color: transparent !important;
  }
}

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