/* header-actions-style.css … 元は parts/header-actions-style.php の中の <style>（2026-11-07 にここへ移した）。読み込みは parts/header-actions-style.php の同じ場所の gembaroid_part_css( 'header-actions-style' ) */
/* WEB見積もり（白で塗って黒い文字）はスマホのメニューの中でも同じ色にする（2026-11-07。元はスマホだけテーマのオレンジのままだった） */
.gnav__link .btn-estimate a { background: #fff; color: #000; }
.gnav__link .btn-estimate a svg { fill: #000; }
@media (min-width: 751px) {
  .gnav__link { display: flex; align-items: center; gap: 8px; margin-left: 28px; }
  .gnav__link .btn-small { width: auto; height: 40px; margin: 0; }
  .gnav__link .btn-small + .btn-small { margin: 0; }
  .gnav__link .btn-small a { padding: 0 18px; white-space: nowrap; }
  .gnav__link .btn-estimate a { background: #fff; color: #000; } /* 2026-11-07 白い枠だけでは黒い地の上で弱かったので、白で塗って文字を黒にした */
  .gnav__link .btn-estimate a svg { fill: #000; }
  .gnav__link .btn-gnav-login a { background: none; padding: 0 6px 0 10px; font-weight: 600; transition: opacity .2s; }
  .gnav__link .btn-gnav-login a:before { display: none; }
  .gnav__link .btn-gnav-login a:hover { opacity: .75; }
  .gnav__link .btn-gnav-login svg { width: 14px; height: 14px; }
  .gnav__nav__sub .btn-login { display: none; } /* メニューの行の右端の「管理画面」は、上のボタンの並びへ移したので出さない */
}
@media (min-width: 751px) {
  .gnav__tel__number { white-space: nowrap; }
}
@media (min-width: 751px) and (max-width: 1200px) {
  .gnav__copy { display: none; } /* 狭いパソコン幅では、ボタンを横並びにした分、ロゴ横のキャッチコピーを隠して電話番号を1行に保つ */
  .gnav__link { margin-left: 20px; }
}
@media (max-width: 750px) {
  .gnav__link .btn-gnav-login { display: none; } /* スマホはメニューの中の「管理画面」を使う */
}

/* 外部へのリンクの印（2026-11-07）。フッターのサイトマップと同じ「四角から矢印が出る」絵を、文字の色で出す。「→」の代わりに使う */
.tp-users a[target="_blank"]:after,
.tp-card[target="_blank"] .tp-card__more:after,
.tp-btn[target="_blank"]:after,
.cc-story .cc-story__more:after,
.product-blog .column-card[target="_blank"] .column-card__ttl:after,
.product-blog .column-back a[target="_blank"]:after,
.gnav-mega__list a[target="_blank"]:after,
.gnav-mega__more a[target="_blank"]:after,
.gnav__link .btn-gnav-login a:after,
.gnav__nav__sub .btn-login a:after {
  content: ''; display: inline-block; flex: none; width: .95em; height: .95em; margin-left: .35em; vertical-align: -.08em; color: inherit;
  background-color: currentColor; transform: none;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M9%202h5v5M14%202L7.5%208.5M12%209.5V13a1%201%200%200%201-1%201H3a1%201%200%200%201-1-1V5a1%201%200%200%201%201-1h3.5%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M9%202h5v5M14%202L7.5%208.5M12%209.5V13a1%201%200%200%201-1%201H3a1%201%200%200%201-1-1V5a1%201%200%200%201%201-1h3.5%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E") no-repeat center / contain;
}
/* ログインは外部（gembaroid.net）なので、左のログインの絵を消して、後ろに外部リンクの印を付ける（2026-11-07） */
.gnav__link .btn-gnav-login svg, .gnav__nav__sub .btn-login svg { display: none; }
.gnav__link .btn-gnav-login a:after, .gnav__nav__sub .btn-login a:after { position: static; opacity: 1; }