/* ==========================================================================
   美肌道 JOURNAL｜base.css
   ページ全体の土台。ECサイト（bihadado.com）の common.css と同じリセット・
   基本スタイルを使い、ヘッダー・フッターの見た目をECと一致させています。
   記事本文の見た目は、本文用のCSS（次の段階で追加）で上書きします。
   ========================================================================== */

/* ---------- リセット（ECと同一） ---------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video{
  margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:none;}
table{border-collapse:collapse;border-spacing:0;}

/* ---------- 基本（ECと同一） ---------- */
html{scroll-behavior:smooth;}
/* ECは overflow-x:hidden だが、それだとヘッダーの追従（sticky）が効かないため clip にする */
html, body{max-width:100%;overflow-x:hidden;overflow-x:clip;}
body{color:#333;font-family:'Noto Sans JP',sans-serif;font-size:14px;line-height:1.6;}
p, div{word-break:break-all;}
a{color:#333;text-decoration:none;transition:.2s;}
a:hover{opacity:.7;}

/* ---------- ブログで追加 ---------- */
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;}
img{max-width:100%;height:auto;}

/* 仮：一覧テンプレート用（本文のCSSを作る段階で置き換える） */
.bh-container{max-width:760px;margin:0 auto;padding:48px 24px 80px;}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *, *:before, *:after{transition:none !important;animation:none !important;}
}