/* ヘッダーをホームと共通化。旧ロゴはHTMLに出力しない。 */
body.hibiiro-chrome #header-container.hh-site-chrome{background:#fbfaf7;background-image:none;color:#34372f;border-bottom:1px solid #e5e4dc;box-shadow:none;position:relative;top:auto;height:auto;min-height:0;z-index:20}
.hh-home.hh-site-chrome{overflow:visible;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:15px;line-height:1.8}
.hh-home.hh-site-chrome .hh-header{width:100%;box-sizing:border-box;margin:0 auto}
.hh-home .hh-search[open]{z-index:30}
.hh-home .hh-search summary{border:0;background:transparent;color:#526848}
.hh-home .hh-search form{margin:0;box-sizing:border-box}
.hh-home .hh-search input{font-size:16px}
.hh-home.hh-cocoon-footer .hh-footer{max-width:1180px;margin:0 auto;padding:28px 25px;border:0}
.hh-home .hh-footer-existing-menu{margin-left:auto;font-size:12px}
.hh-home .hh-footer-existing-menu .navi-footer{float:none;margin:0;padding:0}
.hh-home .hh-footer-existing-menu ul{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end;margin:0;padding:0}
.hh-home .hh-footer-existing-menu li{margin:0;padding:0;border:0;float:none}
.hh-home .hh-footer-existing-menu a{display:block;padding:5px 0}
.hh-home .hh-footer-credit{width:100%;font-size:11px;color:#687060;text-align:right}
@media(max-width:600px){.hh-home.hh-site-chrome .hh-header{padding-right:20px}.hh-home .hh-footer-existing-menu{width:100%;margin:0}.hh-home .hh-footer-existing-menu ul{justify-content:flex-start}.hh-home .hh-footer-credit{text-align:left}.hh-home.hh-cocoon-footer .hh-footer{padding:25px 20px}}

/* 1.8.0: 専用ページも既存のフッターメニューを共有。 */
.hh-home .hh-footer-existing-menu .navi-footer{width:auto;background:transparent;color:inherit}
.hh-home .hh-footer-existing-menu .navi-footer-in{width:auto;margin:0}
.hh-home .hh-footer-existing-menu a{min-height:44px;display:flex;align-items:center;font-size:12px;line-height:1.6}
.hh-home .hh-footer nav>a{min-height:44px;display:flex;align-items:center;font-size:12px;line-height:1.6}
.hh-home .hh-search summary{min-width:44px;min-height:44px;align-items:center;justify-content:center}
.hh-home .hh-nav a{min-height:44px;display:flex;align-items:center;justify-content:center}
.hh-home .hh-search form{max-width:calc(100vw - 32px)}
.hh-home .hh-search button{min-height:44px}
@media(max-width:600px){
 .hh-home .hh-header{padding-top:14px;padding-bottom:8px;gap:8px}
 .hh-home .hh-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%}
 .hh-home .hh-nav a{font-size:12px;white-space:normal;text-align:center;line-height:1.5;padding:8px 2px}
 .hh-home .hh-footer-existing-menu ul{gap:4px 18px}
 .hh-home .hh-footer-existing-menu .navi-footer{width:100%}
 .hh-home .hh-footer nav{gap:4px 18px}
}

/* SNSの配色と操作性。リンク先・target・コピー処理はCocoonを継続。 */
.hibiiro-chrome .sns-buttons {gap:8px;flex-wrap:wrap}
.hibiiro-chrome .sns-buttons a.sns-button {
 --hh-social-bg:#eceee8;--hh-social-fg:#263123;
 background:var(--hh-social-bg);color:var(--hh-social-fg);border:1px solid var(--hh-social-bg);
 min-height:44px;height:auto;box-sizing:border-box;padding:10px 8px;margin:0;
 display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;
 line-height:1.4;text-decoration:none;border-radius:8px;opacity:1;
}
.hibiiro-chrome .sns-buttons a.twitter-button {--hh-social-bg:#000;--hh-social-fg:#fff}
.hibiiro-chrome .sns-buttons a.facebook-button {--hh-social-bg:#0866ff;--hh-social-fg:#fff}
.hibiiro-chrome .sns-buttons a.hatebu-button {--hh-social-bg:#008fde;--hh-social-fg:#101820}
.hibiiro-chrome .sns-buttons a.line-button {--hh-social-bg:#06c755;--hh-social-fg:#102916}
.hibiiro-chrome .sns-buttons a.linkedin-button {--hh-social-bg:#0a66c2;--hh-social-fg:#fff}
.hibiiro-chrome .sns-buttons a.sns-button .social-icon,
.hibiiro-chrome .sns-buttons a.sns-button .button-caption,
.hibiiro-chrome .sns-buttons a.sns-button .share-count {color:inherit;line-height:inherit;position:static}
.hibiiro-chrome .sns-buttons a.sns-button .button-caption {display:inline;font-size:13px;font-weight:600}
.hibiiro-chrome .sns-buttons a.sns-button:hover {color:var(--hh-social-fg);background:var(--hh-social-bg);opacity:1;box-shadow:inset 0 0 0 2px currentColor}
.hibiiro-chrome a:focus-visible,.hibiiro-chrome button:focus-visible,.hibiiro-chrome summary:focus-visible {outline:3px solid #263b50;outline-offset:4px;box-shadow:0 0 0 3px #fff}
@media(max-width:600px){
 .hibiiro-chrome .sns-buttons a.sns-button {flex:1 1 calc(33.333% - 8px);width:auto;min-width:88px;max-width:100%}
}