/* 本文側のリセットを共通部品へ持ち込まず、既存base.cssの前提を部品内に適用する。 */
:where(.site-header,.mobile-menu,.site-footer,.breadcrumb),
:where(.site-header,.mobile-menu,.site-footer,.breadcrumb) *{box-sizing:border-box;margin:0;padding:0}
.site-header,.mobile-menu,.site-footer,.breadcrumb{font-family:var(--font-sans-jp);font-size:var(--fs-base);line-height:var(--lh-loose);font-weight:400;letter-spacing:normal;font-synthesis-weight:none}
:where(.site-header,.mobile-menu,.site-footer,.breadcrumb) p{font-size:inherit;line-height:inherit}
:where(.site-header,.mobile-menu,.site-footer,.breadcrumb) :is(ul,ol){list-style:none}
:where(.site-header,.mobile-menu,.site-footer,.breadcrumb) button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
:where(.site-header,.mobile-menu,.site-footer,.breadcrumb) :is(img,svg){display:block;max-width:100%;height:auto}
:where(.site-header,.mobile-menu,.site-footer,.breadcrumb) h3{font-family:var(--font-serif-jp);font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight);line-height:var(--lh-tight)}
/* 本文末尾のセクションに余白があるため、共通フッターの外側余白を重ねない。 */
body > .site-footer{margin-top:0}
/* 共通部品のリンクは元テーマbase.cssと同じ初期表示にする。 */
:where(.site-header,.mobile-menu,.site-footer,.breadcrumb) a{color:inherit;text-decoration:none}
/* 狭いスマホでもロゴ・問い合わせ・開閉ボタンを共通ヘッダー内へ収める。 */
@media(max-width:380px){
 .site-header .site-logo{flex-shrink:1;min-width:0}
 .site-header .site-logo img{width:100%;max-width:180px;height:auto}
}