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

/************************************
** ヒーロー画像の出し分け（PC/スマホ・キャッシュ対策 2026-06-29）
** ファイル名でURLを変えてブラウザキャッシュを回避
************************************/
.header{
  background-image:url(/wp-content/uploads/2025/09/hero_pc.jpg) !important;
  background-position:center center !important;
  background-size:cover !important;
}
@media screen and (max-width: 834px){
  .header{
    background-image:url(/wp-content/uploads/2025/09/hero_mobile.jpg) !important;
  }
}

/************************************
** PCヒーロー: 高さを広げ下寄り表示で街並みを見せる（2026-06-29）
************************************/
@media screen and (min-width: 835px){
  .header .header-in{ min-height:720px; }
  .header{ background-position:center 65% !important; }
}