@charset "utf-8";
/*
Theme Name: NANO child
Theme URI: https://tcd-theme.com/tcd065
Description: WordPressテーマ「NANO」の子テーマ
Template: nano_tcd065
Author: TCD
Author URI: https://tcd-theme.com/
Version: 1.23
*/

/* --- ロゴ画像サイズ調整 --- */
.custom-logo-img {
  max-width: 350px;
  width: auto;
  height: auto;
}

/* --- PCボタンは表示、SP用は非表示 --- */
.c-header-btn--pc-only { display: inline-block; }
.c-header-btn--sp-only { display: none; }

/* ========== タブレット・スマホ共通 (〜1280px) ========== */
@media screen and (max-width: 1280px) {

  /* PCボタンを完全非表示 */
  .c-header-btn--pc-only { display: none !important; }

  /* SPアイコンボタン表示 */
  .c-header-btn--sp-only {
    display: flex !important;
    gap: 6px;
    margin-left: 12px;
    padding-right: 90px;
    align-items: center;
  }

  /* アイコン＋文字 */
  .sp-icon-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 9px; /* 小さめ文字でスマホでも被らない */
    color: #52933c;
    text-decoration: none;
    line-height: 1;
  }
  .sp-icon-btn i {
    font-size: 16px;
    margin-bottom: 2px;
    display: block;
  }

  /* ヘッダー内部の横並び調整 */
  .l-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between; /* 左：ロゴ、右：検索+SPアイコン */
    gap: 12px;
  }

  .l-header__logo { display: flex; align-items: center; }

  /* 検索ボタンとSPアイコンの間隔 */
  .l-header__search-buttons {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0; /* 検索ボタンが縮まらない */
  }

  /* ロゴ画像縮小 */
  .custom-logo-img {
    max-width: 180px;
    max-height: 40px;
    height: auto;
    width: auto;
  }
}

/* ========== PC (1281px以上) ========== */
@media screen and (min-width: 1281px) {
  .custom-logo-img {
    max-width: 350px;
    height: auto;
  }
  .c-header-btn--pc-only { display: inline-block; }
  .c-header-btn--sp-only { display: none; }
}