/* WordPress で表示するときだけ要る調整。見本（制作/html/）には無いもの。
   _build_theme.py が static/wp.css として全ページの最後に読み込む */

/* 管理画面のバー（ログイン中だけ上に出る）にヘッダーが隠れないように */
.admin-bar .site-header{top:32px}
@media (max-width:782px){.admin-bar .site-header{top:46px}}
/* 2026-10-30　スマホ（600px以下）は管理バーが流れて、ヘッダーの上にすき間が残る。管理バーを上に固定する（ログイン中だけ） */
@media (max-width:600px){#wpadminbar{position:fixed}}

/* トップの「導入事例」：本物の事例の写真。写真の中に文字が入っているので切らずに見せる（事例一覧と同じ） */
.story-visual--photo{height:auto;aspect-ratio:870/420;background:#e9edf2 center/contain no-repeat}

/* 月別アーカイブ：いま見ている月 */
.archive li a.on{color:#147f82;font-weight:700}

/* ページ送りの「前へ」 */
.pager a.prev{padding:0 14px}

/* 記事の本文：WordPress が付ける画像の寄せ方 */
.article-body .aligncenter{display:block;margin:0 auto}
.article-body .alignleft{float:left;margin:0 24px 12px 0}
.article-body .alignright{float:right;margin:0 0 12px 24px}
.article-body img{max-width:100%;height:auto}
.article-body::after{content:"";display:block;clear:both}

/* お問い合わせフォーム：Contact Form 7 が項目を囲む span を、見本の並びに影響させない */
.r7-form .consent-check .wpcf7-form-control-wrap,
.r7-form .consent-check .wpcf7-form-control,
.r7-form .consent-check .wpcf7-list-item{display:contents}
.r7-form .wpcf7-not-valid-tip{display:block;margin-top:6px;font-size:13px;color:#b42318}
.r7-form .consent-check .wpcf7-not-valid-tip{flex-basis:100%}
.r7-form .wpcf7-response-output{margin:24px 0 0;padding:12px 16px;border:1px solid #d5dce5;font-size:14px}
.r7-form .wpcf7-spinner{display:none}

/* 下層ページのお問い合わせの帯（.shared-contact）：ボタンにマウスを乗せたときの動きを、トップ（見本の fv-e.css）とそろえる。
   見本では下層のボタンだけ動きの指定がない（10/28 阪本さんの依頼でそろえた） */
.shared-contact .contact-actions a{transition:background .22s cubic-bezier(.2,.3,.25,.9),border-color .22s cubic-bezier(.2,.3,.25,.9),color .22s cubic-bezier(.2,.3,.25,.9)}
.shared-contact .contact-actions a span{display:inline-block;transition:transform .22s cubic-bezier(.2,.3,.25,.9)}
.shared-contact .contact-actions a:hover span,.shared-contact .contact-actions a:focus-visible span{transform:translateX(4px)}
.shared-contact .contact-new>a:nth-of-type(1):hover,.shared-contact .contact-new>a:nth-of-type(1):focus-visible{background:#0AA3A9;border-color:#C9A55C;color:#fff}
.shared-contact .contact-new>a:nth-of-type(2):hover,.shared-contact .contact-new>a:nth-of-type(2):focus-visible{background:rgba(255,255,255,.08);border-color:#C9A55C;color:#F2DDB0}
.shared-contact .contact-existing>a.contact-general:hover,.shared-contact .contact-existing>a.contact-general:focus-visible{background:rgba(255,255,255,.13);border-color:#C9A55C;color:#F2DDB0}
@media(prefers-reduced-motion:reduce){
  .shared-contact .contact-actions a span{transition:none}
  .shared-contact .contact-actions a:hover span{transform:none}
}