/*
Theme Name: Cocoon Child
Theme URI: https://wp-cocoon.com/
Template: cocoon-master
Author: わいひら
Author URI: https://nelog.jp/
Description: SEO・高速化・モバイルファースト最適化済みの無料テーマ。
Tags: two-columns,left-sidebar,right-sidebar
Version: 2.2.8.8.1760242444
Updated: 2025-10-12 13:14:04

*/

/* ===============================
   ヘッダー右上：住所・電話バナー（本文右端に固定・中央寄せ対策）
   =============================== */
#header-in {
  position: relative;
}

.header-contact {
  position: absolute;
  top: 60px;  /* ← 高さを最終調整 */
  right: 0;   /* ← wrap の右端基準 */
  width: 320px;
  text-align: right;
  z-index: 1000;
}

/* wrap の幅に合わせて位置を調整 */
@media screen and (min-width: 1100px) {
  .header-contact {
    right: calc((100% - 1080px) / 2 + 40px); /* ← wrap幅1080pxに中央寄せ、40px余白 */
  }
}

/* 画像（ホバーなし） */
.header-contact-img {
  width: 320px;
  height: auto;
  display: block;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.25)); /* ← 影あり */
  transition: none; /* ← ホバー効果無効 */
}

/* 📱スマホ ＋ タブレット縦（1024px以下）では非表示 */
@media screen and (max-width: 1024px) {
  .header-contact {
    display: none;
  }
}

/* ===============================
   スマホ・タブレット縦で検索アイコンを非表示
   =============================== */
@media screen and (max-width: 1024px) {
  .menu-button.search-menu-button,  /* 検索ボタン */
  .navi-menu-button.search-menu-button, /* ナビ用検索ボタン（機種依存） */
  .mobile-header-menu-buttons .search-menu-button { /* モバイルメニュー内 */
    display: none !important;
  }
}