/* =========================================================================
   WordPress化に伴う追加スタイル
   デザイン本体（style.css）は変更せず、WordPress・プラグインが出力する要素の調整だけをここに書きます。
   ========================================================================= */

/* ---- Contact Form 7 ---------------------------------------------------- */
.wpcf7 .hidden-fields-container{display:none}
.wpcf7 .screen-reader-response{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);border:0;word-wrap:normal!important}
.wpcf7-not-valid-tip,.wpcf7-spinner{display:none}
.fbox .wpcf7-form-control-wrap{display:block}
.wpcf7 form .wpcf7-response-output{display:none;margin:28px 0 0;padding:14px 18px;border:1.5px solid #C2410C;background:#FFF8F5;color:#C2410C;font-size:14px;font-weight:700;line-height:1.7}
.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output,.wpcf7 form.spam .wpcf7-response-output{display:block}
.btn-main.is-sending{opacity:.6;cursor:wait}
.dc-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* ---- 本文の画像（お知らせ・実績・固定ページ） ---------------------------- */
.md-body img{max-width:100%;height:auto}
.md-body figure:not(.md-fig){margin:8px 0 1.8em}
.md-body figure:not(.md-fig) figcaption{margin-top:10px;font-size:12px;color:#5B6E7A}
/* Markdownの画像（お知らせ本文・実績の各項目）：切り抜かず、元の縦横比で全体を表示 */
.md-fig .md-img:has(> img){height:auto !important;display:flex;justify-content:center;align-items:center;min-height:120px}
.md-fig .md-img > img{position:static;display:block;width:auto;max-width:100%;height:auto;max-height:720px}  /* 縦長の画像は高さ720pxまで（縦横比は保つ） */

/* ---- 地図（Googleマップ） ------------------------------------------------
   元HTMLは左上のGoogleの案内表示を隠すため地図を上へずらしていたが、その分ピンが中央より上に寄るため、
   ずらしをやめてピン（所在地）が地図の中央に来るようにする（先方要望）。 */
.gmap iframe,.gmap-s iframe{top:0;height:100%}
/* 地図左上にGoogleの案内表示が出るため、地図上のラベルは右上に置く */
.ac-map-in .ac-tag{left:auto !important;right:20px;top:20px !important}
@media (max-width:599.98px){.ac-map-in .ac-tag{right:12px;top:12px !important;box-sizing:border-box;max-width:calc(100% - 150px);line-height:1.5}}
.f-map .gmap + span{left:auto !important;right:12px}

/* ---- スマホ・タブレットのメニュー（下層ページ） ---------------------------
   下層ページはヘッダーが見出しエリア .sub-hero（overflow:hidden）の中にあるため、
   iPhoneのSafariでは開いたメニューがこのエリアの高さで切り取られ、下部のボタンが隠れる。
   メニューを開いている間だけ切り取りを外す（元HTMLにもある不具合の修正）。 */
@media (max-width:1023.98px){
  .sub-hero:has(> .site-header .nav-toggle:checked){overflow:visible}
  /* メニュー表示中は背後のページをスクロールさせない（ヘッダーの×ボタンが画面外へ流れないように） */
  html:has(.nav-toggle:checked),html:has(.nav-toggle:checked) body{overflow:hidden}
}

/* ---- 管理バー表示時（ログイン中のみ） ------------------------------------ */
#wpadminbar{position:fixed}