@charset "utf-8";

/* Base */
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

/* ==================================================

	Theme customize (font)

================================================== */

/* ページ全体フォント
-------------------------------------------------- */
body {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", Verdana, Meiryo, sans-serif;
}

/* メニュー、ページタイトルフォント
-------------------------------------------------- */
.nav-list li,
.home-title, .page-title,
.button-more {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
}

/* フォントサイズ・字間の設定
-------------------------------------------------- */
/* 字間の設定 */
.nav-list li { letter-spacing: 0.1em; }
.button-more { letter-spacing: 0.1em; }
.home-title, .footer-title, .page-title { letter-spacing: 0.2em; }



/* ==================================================

	本文がserifのときにsan-serifで表示する部分

================================================== */

/* 英語：日付部分 */
.postlist-detail-date,
.sidepostlist-detail-date,
.textpostlist-item-date,
.post-meta-date,
.postlist-detail-excerpt,
/* 英語：フッター */
.footer-info-copy,
.footer-info-design {
  font-family: 'Lato', sans-serif;
  letter-spacing: 0.05em;
}

/* 日本語：文字が小さい部分は明朝体指定時もゴシック体で表示する */
.breadcrumb,
.post-meta,
.postlist-detail-excerpt {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", Verdana, Meiryo, sans-serif;
}