@charset "utf-8";
/*
Theme Name:FAKE Child（本多建設）
Description:TCD「FAKE」（fake_tcd074）の子テーマ。本多建設株式会社向けのカスタマイズを管理。
Template:fake_tcd074
Version:1.0.0
Text Domain:tcd-fake
*/

/* ------------------------------------------------------------------------------------
 トップページ　ファーストビュー右下のバナー（職人いきいき宣言・健康経営優良法人）
------------------------------------------------------------------------------------ */
#index_fv_banners { display:flex; gap:10px; position:absolute; right:30px; bottom:20px; z-index:11; }
#index_fv_banners a { display:block; background:#fff; padding:6px; box-shadow:0 4px 16px rgba(0,0,0,0.25); transition:opacity 0.3s ease; }
#index_fv_banners a:hover { opacity:0.8; }
#index_fv_banners img { display:block; width:auto; height:88px; }

/* ニュースティッカー（幅800px・中央）と重なる幅ではティッカーの上に配置 */
@media screen and (max-width:1640px) {
  #index_fv_banners { bottom:80px; }
}
@media screen and (max-width:650px) {
  #index_fv_banners { gap:8px; right:15px; bottom:95px; }
  #index_fv_banners a { padding:4px; }
  #index_fv_banners img { height:58px; }
}

/* ------------------------------------------------------------------------------------
 フッターバナー　健康経営優良法人バナーを含めて3列表示
 ※親テーマの responsive.css より後に読み込まれない場合に備え、#footer_inner で詳細度を上げる
------------------------------------------------------------------------------------ */
#footer_inner #footer_banner { display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; }
#footer_inner #footer_banner:after { display:none; }
#footer_inner #footer_banner .item { width:auto; margin:0; float:none; }
#footer_banner .item_health { background:#fff; border:1px solid #ddd; -webkit-box-sizing:border-box; box-sizing:border-box; }
#footer_banner .item_health a { display:flex; align-items:center; justify-content:center; padding:10px; -webkit-box-sizing:border-box; box-sizing:border-box; transition:opacity 0.3s ease; }
#footer_banner .item_health a:hover { opacity:0.8; }
#footer_banner .item_health img { display:block; max-width:100%; max-height:100%; width:auto; height:auto; }

@media screen and (max-width:650px) {
  #footer_inner #footer_banner { grid-template-columns:1fr; }
}