/*
Theme Name: Twenty Seventeen CHILD
Template:   twentyseventeen
*/

/*
グーグル日本語フォントを使えるようにする
*/
/* M PLUS Rounded 1c : sans-serif */
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c');
/* Noto Serif JP : serif */
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP');

/*
ルート要素のフォントサイズ
*/
:root { font-size: var(--z7-fsh5); }

/*
基本のフォントや大きさ・太さ・行間・色
*/
* { font-family: 'M PLUS Rounded 1c', sans-serif; /*フォント*/ }
body,
button,
input,
select,
textarea {
  font-size: var(--z7-fsh5); /*大きさ*/
  font-weight: 400; /*太さ*/
  line-height: 1.8; /*行高*/
  color: #333; /*色*/
}
@media screen and (min-width: 44rem) {
  body,
  button,
  input,
  select,
  textarea {
    font-size: var(--z7-fsh5); /*大きさ*/
  }
}

/*
フロントページと固定ページと投稿ページのタイトル文字（中央寄せ）
*/
.z7-entry-title {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: calc(var(--z7-fsh5) * 16.0 / 12.0); /*大きさ*/
}
@media screen and (min-width: 44rem) {
  .z7-entry-title {
    font-size: calc(var(--z7-fsh5) * 18.0 / 12.0); /*大きさ*/
  }
}

/*サイトタイトルの文字*/
.z7-site-title {
  font-family: 'Noto Serif JP', serif;
}

/*
スマホ
@media screen and (min-width: 44rem) {
  パソコン
}
*/