/* 
 * common.css
 * コンポーネント以外で使用する共通スタイル
 */
body,
html {
  scroll-behavior: smooth;
}
body {
  /* font-family: 'Noto Sans JP', sans-serif, 'Hiragino Kaku Gothic Pro', 'Meiryo'; */
  font-family: 'Shippori Mincho', serif;
  font-weight: 400px;
}
.page {
  background-color: #fffdf8;
}
:root {
  --color-primary: #bb4953;
  --color-secondary: #d97175;
  --color-text: #fff;
  --color-text-secondary: ##3d3d3d;
  --line: rgba(255, 246, 242, 0.72);
}
a {
  color: inherit;
  text-decoration: none;
}
img {
  display: block;
  width: 100%;
  height: auto;
}

/* PCとSPで表示を切り替えるためのクラス */
.pc {
  display: block;
}
.sp {
  display: none;
}
.s .pc {
  display: none;
}
.s .sp {
  display: block;
}