@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){
  /*必要ならばここにコードを書く*/
}

/* スマホヘッダー画像 完全表示 v9（2026-05-17 新画像版） */
@media screen and (max-width: 1023px) {
  body #header,
  body .header,
  body #header.header,
  body .header-container,
  body .header-container-in,
  html body .header-container-in {
    background-image: url("https://50hansei.com/wp-content/uploads/2026/05/header_mobile_1280x720.jpg") !important;
    background-size: 100% auto !important;
    background-position: center top !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    min-height: 200px !important;
    height: auto !important;
  }
}

/* サイト名テキスト等を非表示（画像内に文字あるため）2026-05-17 v11 */
#header .site-name-text,
#header .site-name,
#header h1,
#header h1 a,
#header .tagline,
#header .header-logo-image,
#header .header-logo {
  display: none !important;
}

/* PC版ヘッダー画像 全体表示（2026-05-18 v12） */
@media screen and (min-width: 1024px) {
  body #header,
  body .header,
  body #header.header {
    background-size: 100% auto !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    min-height: 360px !important;
  }
}