@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;
  }
}

/* ピックアップ記事下の横線をミントに変更 */
#list a.entry-card-wrap:has(article.sticky):first-of-type::before,
#list a.entry-card-wrap:has(article.sticky) + a.entry-card-wrap:has(article:not(.sticky))::before {
  border-bottom: 3px solid #5CBFB0 !important;
}

/* はじめての方はこちら→ ボタン ホバー色 */
#custom_html-2 a:hover {
  background: #3da89a !important;
}

/* はじめての方はこちら→ ボタン ホバー色 */
#custom_html-2 a:hover {
  background: #3da89a !important;
}

/* はじめての方はこちら→ アピールボタン色 */
.appeal-button {
  background-color: #5CBFB0 !important;
}
.appeal-button:hover {
  background-color: #3da89a !important;
}

/* 「はじめての方へ」ページではサイドバーの「はじめての方はこちら→」ボタンを非表示 */
.page-id-733 #custom_html-2 {
  display: none;
}