/*
 * 日常の文字サイズ・余白・色の調整用（UTF-8）
 * style.css の後に読み込まれます。まずはこのファイルを編集してください。
 * 下の例はコメントのままなので、現在の見た目は変わりません。
 * 有効にしたい例のコメント記号を外して数値を調整します。
 */

/* 本文の基本サイズと行間
body { font-size: 17px; line-height: 2; }
*/

/* トップページ本文（各セクションで個別サイズの指定があります）
.story-copy p:not(.section-label),
.section-intro > p:not(.section-label),
.greeting p,
.home-contact > p { font-size: 16px; line-height: 2.2; }
*/

/* トップページの大見出し
.wf-front h2 { font-size: 34px; line-height: 1.85; }
*/

/* 下層ページのページ名と見出し
.page-title h1 { font-size: 38px; }
.content > h2 { font-size: 30px; }
*/

/* パソコンのメニュー
@media (min-width: 1101px) {
  .desktop-nav a { font-size: 14px; }
}
*/

/* スマートフォンだけ調整する場合
@media (max-width: 700px) {
  body { font-size: 16px; }
  .opening-words h1 { font-size: 28px; }
  .wf-front h2 { font-size: 26px; }
  .page-title h1 { font-size: 28px; }
  .story, .places, .care, .album, .greeting { padding-top: 65px; padding-bottom: 65px; }
}
*/

/* 背景色
.opening { background: #f3efd9; }
.places { background: #e1ecd9; }
.album { background: #f4efdf; }
.home-contact { background: #285c46; }
*/

/* この下に、実際の調整内容を追加していきます。 */