/*************************************************************
  lazyblocksで設定されてるのボックススタイル


  ＜詳細＞
  └ ここで言うボックスとはclass="wp-block-lazyblock-point" が付いてるボックス

  └ 以下classを持ってるページが該当
　  └ 対応エリア > サブエリア (.page-area-pref) ※ 固定ページ
　  └ 対応エリア > サブエリア > エリア詳細 (.page-area)
　  └ コラム > 記事 (.dispose)
　  └ コラム > 回収可能な品目 > 品目 (.dispose)
    ※ <main>のクラスで切り分け

*************************************************************/

/* :rootのCSS変数の宣言 */
:root {
	--fFamily: NotoSansJP, sans-serif;
}

.g-wrapper.page-area section.content .wp-block-lazyblock-point,
.g-wrapper.dispose section.content .wp-block-lazyblock-point {
	margin: 2rem auto;
	font-family: var(--fFamily);
	font-weight: bold;
}


/* PC - スタイル *******************************************/
@media screen and (min-width: 769px) {
	.g-wrapper.page-area section.content .wp-block-lazyblock-point,
	.g-wrapper.dispose section.content .wp-block-lazyblock-point {
		margin: 20px auto;
		width: 920px;
	}
}