@charset "UTF-8";

/**
 * ----------------------------------------------------------------------
 * QuZo version 4.x.x
 *
 * LICENSE: This source file is subject to version 1.0 of the QuZo license
 * that is available through the world-wide-web at the following URI:
 * http://www.quzo.jp/?quzo/license/1.0.
 *
 * @author     Satoshi Furuno <furunos@quzo.jp>
 * @copyright  2008 Satoshi Furuno
 * @license    http://www.quzo.jp/?quzo/license/1.0
 * @version    v4.x.x
 * @link       http://www.quzo.jp/
 * ----------------------------------------------------------------------
 */

/**
	https://caniuse.com/#home
	https://www.color-site.com/types/gray
	https://www.color-fortuna.com/color_scheme_genelator2/
 */

/**
 * ----------------------------------------------------------------------
 * color 色見本
 * ----------------------------------------------------------------------
 */

/**
	QuZo4 主な色味

	参考
		https://www.colordic.org/monotone/
		https://palx.jxnblk.com

	フォント                            pc         sphone
	フォント							12px       36px

	メニュー：ヨコ                      18em

	主な色味（ない色は同色）            light      dark
	背景色                              #fffffc    #1e1e1e
	フォント色                          #151513    #dedede
	枠線                                white      #7d7d7d
	H1                                  #5f6e78    #5f6e78
	H2                                  #7f8a93    #7f8a93
	H3                                  #97a1a7    #97a1a7
	H4-6                                #ebedee    #ebedee
	ページタイトル欄                    #ebedee    #666666
	グルーピングタイトル欄              #cfd3d6    #282928
	グルーピングタイトル欄（2nd）       #7db9e5    #375699    (for ACL)
	項目の左：タイトル（濃い）          #ebedee    #333232
	項目の右：内容（薄い）              #f8f9f9    #2b2b2b
	項目の右：内容（薄い 2nd）          #e4f0f9    #253966    (for ACL)
	項目の右：内容（ノート）            #eff3f6    #1f1f1f

	プレビュー：背景色                  #f5f5f5    #f5f5f5

	主な色味（ない色は同色）            light      dark
	メニュー：背景色                    #fffffc    #1e1e1e
	メニュー：背景色：li                #f7f6f5    #333332
	メニュー：フォント色                #151513    #dedede
	メニュー：a：hover：背景色          #d3d6dd    #d3d6dd
	メニュー：a：hover：フォント色      #d7003a    #d7003a

	localStorage：なし：背景色          #f4b3c2    #f4b3c2
	localStorage：なし：フォント色      #151513    #151513

	リンク                              light      dark
	a：link                             #507ea4    #507ea4
	a：visited                          #cd8c5c    #cd8c5c
	a：active                           #d7003a    #d7003a
	a：active：背景色                   #f8e58c    #f8e58c
	a：hover                            #d7003a    #d7003a
	a：hover：背景色                    #efefef    #efefef

	メッセージなど                      light      dark
	メッセージ：ＯＫ：フォント色        steelblue	 steelblue
	メッセージ：ＯＫ：背景色            lightsteelblue	 royalblue
	メッセージ：ＮＧ：フォント色        red        red
	メッセージ：ＮＧ：背景色            pink       crimson
	メッセージ：成功：フォント色        steelblue	 steelblue
	メッセージ：失敗：フォント色        red        red
	メッセージ：注意：フォント色        coral      coral
	メッセージ：注意：背景色            #fde8d0    #433d3c
	メッセージ：要求：フォント色        red        red
	ステップ：対象：フォント色          steelblue  steelblue
	ステップ：エラー：フォント色        red        red
	ステップ：注意：フォント色          coral      coral
	ノート：背景色                      #eff3f6    #1f1f1f
	ソース：フォント色                  #333333    #333333

*/


/**
 * ----------------------------------------------------------------------
 * color > light or dark
 * ----------------------------------------------------------------------
 */

:root {
	/* 基本 */
	--qz-font-family: 'Inconsolata', 'Hiragino Sans', 'YuGothic', 'Meiryo', Arial, system-ui, Sans-Serif;
	--qz-font-size: 12px;
	--qz-font-color: #151513;
	--qz-background-color: #fffffc;

	/* リンク */
	--qz-a-link-color: #507ea4;
	--qz-a-link-background-color: inherit;
	--qz-a-visited-color: #cd8c5c;
	--qz-a-visited-background-color: inherit;
	--qz-a-active-color: #d7003a;
	--qz-a-active-background-color: #f8e58c;
	--qz-a-hover-color: #d7003a;
	--qz-a-hover-background-color: #efefef;

	/* h1 - h6 */
	--qz-h1-font-size: 1.5em;				/* 142.8% */
	--qz-h2-font-size: 1.25em;				/* 124.2% */
	--qz-h3-font-size: 1.0em;				/* 108% */
	--qz-h4-font-size: 0.875em;				/* 93.9% */
	--qz-h5-font-size: 0.75em;				/* 81.7% */
	--qz-h6-font-size: 0.625em;
	/* h1 */
	--qz-h1-background: none;
	--qz-h1-background-color: none;
	--qz-h1-border-top: none;
	--qz-h1-border-right: none;
	--qz-h1-border-bottom: solid 1px #5f6e78;
	--qz-h1-border-left: solid 5px #5f6e78;
	/* h2 */
	--qz-h2-background: none;
	--qz-h2-background-color: none;
	--qz-h2-border-top: none;
	--qz-h2-border-right: none;
	--qz-h2-border-bottom: solid 1px #7f8a93;
	--qz-h2-border-left: solid 9px #7f8a93;
	/* h3 */
	--qz-h3-background: none;
	--qz-h3-background-color: none;
	--qz-h3-border-top: none;
	--qz-h3-border-right: none;
	--qz-h3-border-bottom: solid 1px #97a1a7;
	--qz-h3-border-left: solid 14px #97a1a7;
	/* h4 */
	--qz-h4-background: none;
	--qz-h4-background-color: none;
	--qz-h4-border-top: none;
	--qz-h4-border-right: none;
	--qz-h4-border-bottom: solid 1px #acb4b9;
	--qz-h4-border-left: solid 21px #acb4b9;
	/* h5 */
	--qz-h5-background: none;
	--qz-h5-background-color: none;
	--qz-h5-border-top: none;
	--qz-h5-border-right: none;
	--qz-h5-border-bottom: solid 1px #acb4b9;
	--qz-h5-border-left: solid 30px #acb4b9;
	/* h6 */
	--qz-h6-background: none;
	--qz-h6-background-color: none;
	--qz-h6-border-top: none;
	--qz-h6-border-right: none;
	--qz-h6-border-bottom: solid 1px #acb4b9;
	--qz-h6-border-left: solid 41px #acb4b9;

	/* qz-menu */
	--qz-menu-width: 18em;
	--qz-menu-gap-width: 1.2em;
	--qz-menu-font-size: 0.95em;
	--qz-menu-line-height: 1.45em;
	--qz-menu-background-color: #fffffc;
	/* qz-menu-note, info */
	--qz-menu-note-background-color: #f7f6f5;
	--qz-menu-note-line-height: 1.5em;
	/* qz-menu-ul */
	--qz-menu-ul-background-color: #f7f6f5;
	/* qz-menu-li */
	--qz-menu-li-background-color: transparent;
	--qz-menu-li-font-color: #151513;
	--qz-menu-li-padding: 0.5em 1em;
	--qz-menu-li-p-padding: 0.15em 1em;
	--qz-menu-li-line-height: 1em;
	/* qz-menu-li-li */
	--qz-menu-li-li-border-top: none;
	--qz-menu-li-li-border-bottom: solid 1px #fffffc;
	/* qz-menu-li-a */
	--qz-menu-li-a-hover-background-color: #d3d6dd;
	--qz-menu-li-a-hover-font-color: #d7003a;
	--qz-menu-li-a-border-top: none;
	--qz-menu-li-a-border-bottom: solid 1px #fffffc;
	/* qz-menu-li qz_h1 - h6 */
	--qz-menu-li-h0-padding: 0.5em 0.5em;
	/* qz-menu-h1 - h6 */
	--qz-menu-h1-font-size: 1.12em;		/* 1.25em; */
	--qz-menu-h2-font-size: 1.0em;
	--qz-menu-h3-font-size: 0.937em;
	--qz-menu-h4-font-size: 0.875em;
	--qz-menu-h5-font-size: 0.812em;
	--qz-menu-h6-font-size: 0.75em;
	/* qz-menu-h1 */
	--qz-menu-h1-background: none;
	--qz-menu-h1-background-color: none;
	--qz-menu-h1-border-top: none;
	--qz-menu-h1-border-right: none;
	--qz-menu-h1-border-bottom: solid 1px #5f6e78;
	--qz-menu-h1-border-left: solid 3px #5f6e78;
	/* qz-menu-h2 */
	--qz-menu-h2-background: none;
	--qz-menu-h2-background-color: none;
	--qz-menu-h2-border-top: none;
	--qz-menu-h2-border-right: none;
	--qz-menu-h2-border-bottom: solid 1px #7f8a93;
	--qz-menu-h2-border-left: solid 4px #7f8a93;
	/* qz-menu-h3 */
	--qz-menu-h3-background: none;
	--qz-menu-h3-background-color: none;
	--qz-menu-h3-border-top: none;
	--qz-menu-h3-border-right: none;
	--qz-menu-h3-border-bottom: solid 1px #97a1a7;
	--qz-menu-h3-border-left: solid 7px #97a1a7;
	/* qz-menu-h4 */
	--qz-menu-h4-background: none;
	--qz-menu-h4-background-color: none;
	--qz-menu-h4-border-top: none;
	--qz-menu-h4-border-right: none;
	--qz-menu-h4-border-bottom: solid 1px #acb4b9;
	--qz-menu-h4-border-left: solid 12px #acb4b9;
	/* qz-menu-h5 */
	--qz-menu-h5-background: none;
	--qz-menu-h5-background-color: none;
	--qz-menu-h5-border-top: none;
	--qz-menu-h5-border-right: none;
	--qz-menu-h5-border-bottom: solid 1px #acb4b9;
	--qz-menu-h5-border-left: solid 19px #acb4b9;
	/* qz-menu-h6 */
	--qz-menu-h6-background: none;
	--qz-menu-h6-background-color: none;
	--qz-menu-h6-border-top: none;
	--qz-menu-h6-border-right: none;
	--qz-menu-h6-border-bottom: solid 1px #acb4b9;
	--qz-menu-h6-border-left: solid 28px #acb4b9;

	/* qz-ft */
	--qz-ft-font-size: 12px;

	/* qz-preview-title */
	--qz-preview-background-color: #f5f5f5;
	--qz-preview-title-background: none;
	--qz-preview-title-background-color: #ebedee;
	--qz-preview-title-border-top: none;
	--qz-preview-title-border-right: none;
	--qz-preview-title-border-bottom: solid 1px #7f8a93;
	--qz-preview-title-border-left: solid 9px #7f8a93;
	--qz-preview-title-font-size: 1.25em;

	/* qz-section-title */
	--qz-section-title-background: none;
	--qz-section-title-background-color: #ebedee;
	--qz-section-title-border-top: none;
	--qz-section-title-border-right: none;
	--qz-section-title-border-bottom: solid 1px #7f8a93;
	--qz-section-title-border-left: solid 9px #7f8a93;
	--qz-section-title-font-size: 1.25em;

	/* qz-line */
	--qz-line-background-image: url('/themes/qz-standard/images/line_dot.gif');
	--qz-line-background-color: #f8f9f9;
	--qz-line-border-bottom: solid 1px white;
	/* qz-line2 */
	--qz-line2-background-color: #f8f9f9;
	--qz-line2-border-bottom: solid 1px white;
	/* qz-line3 */
	--qz-line3-background-color: #f8f9f9;
	--qz-line3-border-bottom: solid 1px white;

	/* qz-line-hd */
	--qz-line-hd-background-color: #cfd3d6;
	--qz-line-hd-border-bottom: solid 1px white;

	/* qz-col-hd */
	--qz-col-hd-background-color: #cfd3d6;
	--qz-col-hd-2nd-background-color: #7db9e5;		/* acl */
	--qz-col-bd-background-color: #f8f9f9;
	--qz-col-hd-border-color: white;
	--qz-col-hd-border-left: solid 1px white;

	/* qz-col-hdx */
	--qz-col-hdx-background-color: #fffffc;
	--qz-col-hdx-border-color: #fffffc;
	--qz-col-hdx-border-left: solid 1px white;

	/* qz-col-bd */
	--qz-col-bd-title-background-color: #ebedee;
	--qz-col-bd-2nd-background-color: #e4f0f9;		/* acl */
	--qz-col-bd-border-left: solid 1px white;

	/* qz-localstorage */
	--qz-localstorage-none-background-color: #f4b3c2;
	--qz-localstorage-none-font-color: #151513;

	/* メッセージ */
	--qz-ok-color: steelblue;
	--qz-background-ok-color: lightsteelblue;
	--qz-ng-color: red;
	--qz-background-ng-color: pink;
	--qz-success-color: steelblue;
	--qz-error-color: red;
	--qz-warning-color: coral;
	--qz-background-warning-color: #fde8d0;
	--qz-require-color: red;
	--qz-double-underline-border-bottom: double 3px red;
	--qz-step-color: steelblue;
	--qz-step-error-color: red;
	--qz-step-warning-color: coral;

	/* ノート */
	--qz-note-background-color: #eff3f6;

	/* ソース */
	--qz-code-source-color: #333333;
	--qz-code-source-font-family: Menlo, Monaco, 'Courier New', monospace;

	/* 入力チェック */
	--qz-validation-advice-color: red;
	--qz-warning-advice-color: coral;

	/* 画像 */
	--qz-img-shadow-drop-shadow: 0px 2px 2px rgba(0,0,0,0.25);

	/* 印刷 */
	--qzPaperMargin-inputArea-font-family: 'Inconsolata', 'Hiragino Sans', 'YuGothic', 'Meiryo', Arial, system-ui, Sans-Serif;
	--qzPaperMargin-inputArea-background-color: rgba(212, 220, 218, 0.5);
	--qzPaperMargin-inputArea-hover-background-color: rgba(212, 220, 218, 1);
	--qzPaperMargin-font-size: 12px;

	/* クッキー許諾 */
	--qzCookie-viewArea-font-family: 'Inconsolata', 'Hiragino Sans', 'YuGothic', 'Meiryo', Arial, system-ui, Sans-Serif;
	--qzCookie-viewArea-background-color: rgba(212, 220, 218, 0.75);
	--qzCookie-viewArea-hover-background-color: rgba(212, 220, 218, 1);
	--qzCookie-font-size: 12px;

}

@media (prefers-color-scheme: light) {
	:root {
		/* 基本 */
		--qz-font-family: 'Inconsolata', 'Hiragino Sans', 'YuGothic', 'Meiryo', Arial, system-ui, Sans-Serif;
		--qz-font-size: 12px;
		--qz-font-color: #151513;
		--qz-background-color: #fffffc;

		/* リンク */
		--qz-a-link-color: #507ea4;
		--qz-a-link-background-color: inherit;
		--qz-a-visited-color: #cd8c5c;
		--qz-a-visited-background-color: inherit;
		--qz-a-active-color: #d7003a;
		--qz-a-active-background-color: #f8e58c;
		--qz-a-hover-color: #d7003a;
		--qz-a-hover-background-color: #efefef;

		/* h1 - h6 */
		--qz-h1-font-size: 1.5em;				/* 142.8% */
		--qz-h2-font-size: 1.25em;				/* 124.2% */
		--qz-h3-font-size: 1.0em;				/* 108% */
		--qz-h4-font-size: 0.875em;				/* 93.9% */
		--qz-h5-font-size: 0.75em;				/* 81.7% */
		--qz-h6-font-size: 0.625em;
		/* h1 */
		--qz-h1-background: none;
		--qz-h1-background-color: none;
		--qz-h1-border-top: none;
		--qz-h1-border-right: none;
		--qz-h1-border-bottom: solid 1px #5f6e78;
		--qz-h1-border-left: solid 5px #5f6e78;
		/* h2 */
		--qz-h2-background: none;
		--qz-h2-background-color: none;
		--qz-h2-border-top: none;
		--qz-h2-border-right: none;
		--qz-h2-border-bottom: solid 1px #7f8a93;
		--qz-h2-border-left: solid 9px #7f8a93;
		/* h3 */
		--qz-h3-background: none;
		--qz-h3-background-color: none;
		--qz-h3-border-top: none;
		--qz-h3-border-right: none;
		--qz-h3-border-bottom: solid 1px #97a1a7;
		--qz-h3-border-left: solid 14px #97a1a7;
		/* h4 */
		--qz-h4-background: none;
		--qz-h4-background-color: none;
		--qz-h4-border-top: none;
		--qz-h4-border-right: none;
		--qz-h4-border-bottom: solid 1px #acb4b9;
		--qz-h4-border-left: solid 21px #acb4b9;
		/* h5 */
		--qz-h5-background: none;
		--qz-h5-background-color: none;
		--qz-h5-border-top: none;
		--qz-h5-border-right: none;
		--qz-h5-border-bottom: solid 1px #acb4b9;
		--qz-h5-border-left: solid 30px #acb4b9;
		/* h6 */
		--qz-h6-background: none;
		--qz-h6-background-color: none;
		--qz-h6-border-top: none;
		--qz-h6-border-right: none;
		--qz-h6-border-bottom: solid 1px #acb4b9;
		--qz-h6-border-left: solid 41px #acb4b9;

		/* qz-menu */
		--qz-menu-width: 18em;
		--qz-menu-gap-width: 1.2em;
		--qz-menu-font-size: 0.95em;
		--qz-menu-line-height: 1.45em;
		--qz-menu-background-color: #fffffc;
		/* qz-menu-note, info */
		--qz-menu-note-background-color: #f7f6f5;
		--qz-menu-note-line-height: 1.5em;
		/* qz-menu-ul */
		--qz-menu-ul-background-color: #f7f6f5;
		/* qz-menu-li */
		--qz-menu-li-background-color: transparent;
		--qz-menu-li-font-color: #151513;
		--qz-menu-li-padding: 0.5em 1em;
		--qz-menu-li-p-padding: 0.15em 1em;
		--qz-menu-li-line-height: 1em;
		/* qz-menu-li-li */
		--qz-menu-li-li-border-top: none;
		--qz-menu-li-li-border-bottom: solid 1px #fffffc;
		/* qz-menu-li-a */
		--qz-menu-li-a-hover-background-color: #d3d6dd;
		--qz-menu-li-a-hover-font-color: #d7003a;
		--qz-menu-li-a-border-top: none;
		--qz-menu-li-a-border-bottom: solid 1px #fffffc;
		/* qz-menu-li qz_h1 - h6 */
		--qz-menu-li-h0-padding: 0.5em 0.5em;
		/* qz-menu-h1 - h6 */
		--qz-menu-h1-font-size: 1.12em;		/* 1.25em; */
		--qz-menu-h2-font-size: 1.0em;
		--qz-menu-h3-font-size: 0.937em;
		--qz-menu-h4-font-size: 0.875em;
		--qz-menu-h5-font-size: 0.812em;
		--qz-menu-h6-font-size: 0.75em;
		/* qz-menu-h1 */
		--qz-menu-h1-background: none;
		--qz-menu-h1-background-color: #fffffc;
		--qz-menu-h1-border-top: none;
		--qz-menu-h1-border-right: none;
		--qz-menu-h1-border-bottom: solid 1px #5f6e78;
		--qz-menu-h1-border-left: solid 3px #5f6e78;
		/* qz-menu-h2 */
		--qz-menu-h2-background: none;
		--qz-menu-h2-background-color: #fffffc;
		--qz-menu-h2-border-top: none;
		--qz-menu-h2-border-right: none;
		--qz-menu-h2-border-bottom: solid 1px #7f8a93;
		--qz-menu-h2-border-left: solid 4px #7f8a93;
		/* qz-menu-h3 */
		--qz-menu-h3-background: none;
		--qz-menu-h3-background-color: #fffffc;
		--qz-menu-h3-border-top: none;
		--qz-menu-h3-border-right: none;
		--qz-menu-h3-border-bottom: solid 1px #97a1a7;
		--qz-menu-h3-border-left: solid 7px #97a1a7;
		/* qz-menu-h4 */
		--qz-menu-h4-background: none;
		--qz-menu-h4-background-color: #fffffc;
		--qz-menu-h4-border-top: none;
		--qz-menu-h4-border-right: none;
		--qz-menu-h4-border-bottom: solid 1px #acb4b9;
		--qz-menu-h4-border-left: solid 12px #acb4b9;
		/* qz-menu-h5 */
		--qz-menu-h5-background: none;
		--qz-menu-h5-background-color: #fffffc;
		--qz-menu-h5-border-top: none;
		--qz-menu-h5-border-right: none;
		--qz-menu-h5-border-bottom: solid 1px #acb4b9;
		--qz-menu-h5-border-left: solid 19px #acb4b9;
		/* qz-menu-h6 */
		--qz-menu-h6-background: none;
		--qz-menu-h6-background-color: #fffffc;
		--qz-menu-h6-border-top: none;
		--qz-menu-h6-border-right: none;
		--qz-menu-h6-border-bottom: solid 1px #acb4b9;
		--qz-menu-h6-border-left: solid 28px #acb4b9;

		/* qz-ft */
		--qz-ft-font-size: 12px;

		/* qz-preview-title */
		--qz-preview-background-color: #f5f5f5;
		--qz-preview-title-background: none;
		--qz-preview-title-background-color: #ebedee;
		--qz-preview-title-border-top: none;
		--qz-preview-title-border-right: none;
		--qz-preview-title-border-bottom: solid 1px #7f8a93;
		--qz-preview-title-border-left: solid 9px #7f8a93;
		--qz-preview-title-font-size: 1.25em;

		/* qz-section-title */
		--qz-section-title-background: none;
		--qz-section-title-background-color: #ebedee;
		--qz-section-title-border-top: none;
		--qz-section-title-border-right: none;
		--qz-section-title-border-bottom: solid 1px #7f8a93;
		--qz-section-title-border-left: solid 9px #7f8a93;
		--qz-section-title-font-size: 1.25em;

		/* qz-line */
		--qz-line-background-image: url('/themes/qz-standard/images/line_dot.gif');
		--qz-line-background-color: #f8f9f9;
		--qz-line-border-bottom: solid 1px white;
		/* qz-line2 */
		--qz-line2-background-color: #f8f9f9;
		--qz-line2-border-bottom: solid 1px white;
		/* qz-line3 */
		--qz-line3-background-color: #f8f9f9;
		--qz-line3-border-bottom: solid 1px white;

		/* qz-line-hd */
		--qz-line-hd-background-color: #cfd3d6;
		--qz-line-hd-border-bottom: solid 1px white;

		/* qz-col-hd */
		--qz-col-hd-background-color: #cfd3d6;
		--qz-col-hd-2nd-background-color: #7db9e5;		/* acl */
		--qz-col-bd-background-color: #f8f9f9;
		--qz-col-hd-border-color: white;
		--qz-col-hd-border-left: solid 1px white;

		/* qz-col-hdx */
		--qz-col-hdx-background-color: #fffffc;
		--qz-col-hdx-border-color: #fffffc;
		--qz-col-hdx-border-left: solid 1px white;

		/* qz-col-bd */
		--qz-col-bd-title-background-color: #ebedee;
		--qz-col-bd-2nd-background-color: #e4f0f9;		/* acl */
		--qz-col-bd-border-left: solid 1px white;

		/* qz-localstorage */
		--qz-localstorage-none-background-color: #f4b3c2;
		--qz-localstorage-none-font-color: #151513;

		/* メッセージ */
		--qz-ok-color: steelblue;
		--qz-background-ok-color: lightsteelblue;
		--qz-ng-color: red;
		--qz-background-ng-color: pink;
		--qz-success-color: steelblue;
		--qz-error-color: red;
		--qz-warning-color: coral;
		--qz-background-warning-color: #fde8d0;
		--qz-require-color: red;
		--qz-double-underline-border-bottom: double 3px red;
		--qz-step-color: steelblue;
		--qz-step-error-color: red;
		--qz-step-warning-color: coral;

		/* ノート */
		--qz-note-background-color: #eff3f6;

		/* ソース */
		--qz-code-source-color: #333333;
		--qz-code-source-font-family: Menlo, Monaco, 'Courier New', monospace;

		/* 入力チェック */
		--qz-validation-advice-color: red;
		--qz-warning-advice-color: coral;

		/* 画像 */
		--qz-img-shadow-drop-shadow: 0px 2px 2px rgba(0,0,0,0.25);

		/* 印刷 */
		--qzPaperMargin-inputArea-font-family: 'Inconsolata', 'Hiragino Sans', 'YuGothic', 'Meiryo', Arial, system-ui, Sans-Serif;
		--qzPaperMargin-inputArea-background-color: rgba(212, 220, 218, 0.5);
		--qzPaperMargin-inputArea-hover-background-color: rgba(212, 220, 218, 1);
		--qzPaperMargin-font-size: 12px;

		/* クッキー許諾 */
		--qzCookie-viewArea-font-family: 'Inconsolata', 'Hiragino Sans', 'YuGothic', 'Meiryo', Arial, system-ui, Sans-Serif;
		--qzCookie-viewArea-background-color: rgba(212, 220, 218, 0.75);
		--qzCookie-viewArea-hover-background-color: rgba(212, 220, 218, 1);
		--qzCookie-font-size: 12px;

	}
}

@media (prefers-color-scheme: dark) {
	:root {
		/* 基本 */
		--qz-font-family: 'Inconsolata', 'Hiragino Sans', 'YuGothic', 'Meiryo', Arial, system-ui, Sans-Serif;
		--qz-font-size: 12px;
		--qz-font-color: #dedede;
		--qz-background-color: #1e1e1e;
		/*
		--primary-color: #157efb;
		--subtle-primary-color: #151513;
		--block-background-color: #323232;
		--menu-item-color: #dedede;
		--menu-item-hover-color: #157efb;
		--menu-item-alert-bg: #151513;
		--menu-item-alert-shadow: #151513;
		--alert-border-color: #000;
		--tertiary-color:: #727680;
		 */

		/* リンク */
		--qz-a-link-color: #507ea4;
		--qz-a-link-background-color: inherit;
		--qz-a-visited-color: #cd8c5c;
		--qz-a-visited-background-color: inherit;
		--qz-a-active-color: #d7003a;
		--qz-a-active-background-color: #f8e58c;
		--qz-a-hover-color: #d7003a;
		--qz-a-hover-background-color: #efefef;

		/* h1 - h6 */
		--qz-h1-font-size: 1.5em;
		--qz-h2-font-size: 1.25em;
		--qz-h3-font-size: 1.0em;
		--qz-h4-font-size: 0.875em;
		--qz-h5-font-size: 0.75em;
		--qz-h6-font-size: 0.625em;
		/* h1 */
		--qz-h1-background: none;
		--qz-h1-background-color: none;
		--qz-h1-border-top: none;
		--qz-h1-border-right: none;
		--qz-h1-border-bottom: solid 1px #5f6e78;
		--qz-h1-border-left: solid 5px #5f6e78;
		/* h2 */
		--qz-h2-background: none;
		--qz-h2-background-color: none;
		--qz-h2-border-top: none;
		--qz-h2-border-right: none;
		--qz-h2-border-bottom: solid 1px #7f8a93;
		--qz-h2-border-left: solid 9px #7f8a93;
		/* h3 */
		--qz-h3-background: none;
		--qz-h3-background-color: none;
		--qz-h3-border-top: none;
		--qz-h3-border-right: none;
		--qz-h3-border-bottom: solid 1px #97a1a7;
		--qz-h3-border-left: solid 14px #97a1a7;
		/* h4 */
		--qz-h4-background: none;
		--qz-h4-background-color: none;
		--qz-h4-border-top: none;
		--qz-h4-border-right: none;
		--qz-h4-border-bottom: solid 1px #acb4b9;
		--qz-h4-border-left: solid 21px #acb4b9;
		/* h5 */
		--qz-h5-background: none;
		--qz-h5-background-color: none;
		--qz-h5-border-top: none;
		--qz-h5-border-right: none;
		--qz-h5-border-bottom: solid 1px #acb4b9;
		--qz-h5-border-left: solid 30px #acb4b9;
		/* h6 */
		--qz-h6-background: none;
		--qz-h6-background-color: none;
		--qz-h6-border-top: none;
		--qz-h6-border-right: none;
		--qz-h6-border-bottom: solid 1px #acb4b9;
		--qz-h6-border-left: solid 41px #acb4b9;

		/* qz-menu */
		--qz-menu-width: 18em;
		--qz-menu-gap-width: 1.2em;
		--qz-menu-font-size: 0.95em;
		--qz-menu-line-height: 1.45em;
		--qz-menu-background-color: #1e1e1e;
		/* qz-menu-note, info */
		--qz-menu-note-background-color: #333332;
		--qz-menu-note-line-height: 1.5em;
		/* qz-menu-ul */
		--qz-menu-ul-background-color: #333332;
		/* qz-menu-li */
		--qz-menu-li-background-color: transparent;
		--qz-menu-li-font-color: #dedede;
		--qz-menu-li-padding: 0.5em 1em;
		--qz-menu-li-p-padding: 0.15em 1em;
		--qz-menu-li-line-height: 1em;
		/* qz-menu-li-li */
		--qz-menu-li-li-border-top: none;
		--qz-menu-li-li-border-bottom: solid 1px #1e1e1e;
		/* qz-menu-li-a */
		--qz-menu-li-a-hover-background-color: #d3d6dd;
		--qz-menu-li-a-hover-font-color: #d7003a;
		--qz-menu-li-a-border-top: none;
		--qz-menu-li-a-border-bottom: solid 1px #1e1e1e;
		/* qz-menu-li qz_h1 - h6 */
		--qz-menu-li-h0-padding: 0.5em 0.5em;
		/* qz-menu-h1 - h6 */
		--qz-menu-h1-font-size: 1.12em;		/* 1.25em; */
		--qz-menu-h2-font-size: 1.0em;
		--qz-menu-h3-font-size: 0.937em;
		--qz-menu-h4-font-size: 0.875em;
		--qz-menu-h5-font-size: 0.812em;
		--qz-menu-h6-font-size: 0.75em;
		/* qz-menu-h1 */
		--qz-menu-h1-background: none;
		--qz-menu-h1-background-color: none;
		--qz-menu-h1-border-top: none;
		--qz-menu-h1-border-right: none;
		--qz-menu-h1-border-bottom: solid 1px #5f6e78;
		--qz-menu-h1-border-left: solid 3px #5f6e78;
		/* qz-menu-h2 */
		--qz-menu-h2-background: none;
		--qz-menu-h2-background-color: none;
		--qz-menu-h2-border-top: none;
		--qz-menu-h2-border-right: none;
		--qz-menu-h2-border-bottom: solid 1px #7f8a93;
		--qz-menu-h2-border-left: solid 4px #7f8a93;
		/* qz-menu-h3 */
		--qz-menu-h3-background: none;
		--qz-menu-h3-background-color: none;
		--qz-menu-h3-border-top: none;
		--qz-menu-h3-border-right: none;
		--qz-menu-h3-border-bottom: solid 1px #97a1a7;
		--qz-menu-h3-border-left: solid 7px #97a1a7;
		/* qz-menu-h4 */
		--qz-menu-h4-background: none;
		--qz-menu-h4-background-color: none;
		--qz-menu-h4-border-top: none;
		--qz-menu-h4-border-right: none;
		--qz-menu-h4-border-bottom: solid 1px #acb4b9;
		--qz-menu-h4-border-left: solid 12px #acb4b9;
		/* qz-menu-h5 */
		--qz-menu-h5-background: none;
		--qz-menu-h5-background-color: none;
		--qz-menu-h5-border-top: none;
		--qz-menu-h5-border-right: none;
		--qz-menu-h5-border-bottom: solid 1px #acb4b9;
		--qz-menu-h5-border-left: solid 19px #acb4b9;
		/* qz-menu-h6 */
		--qz-menu-h6-background: none;
		--qz-menu-h6-background-color: none;
		--qz-menu-h6-border-top: none;
		--qz-menu-h6-border-right: none;
		--qz-menu-h6-border-bottom: solid 1px #acb4b9;
		--qz-menu-h6-border-left: solid 28px #acb4b9;

		/* qz-ft */
		--qz-ft-font-size: 12px;

		/* qz-preview-title */
		--qz-preview-background-color: #f5f5f5;
		--qz-preview-title-background: none;
		--qz-preview-title-background-color: #333232;
		--qz-preview-title-border-top: none;
		--qz-preview-title-border-right: none;
		--qz-preview-title-border-bottom: solid 1px #7f8a93;
		--qz-preview-title-border-left: solid 9px #7f8a93;
		--qz-preview-title-font-size: 1.25em;

		/* qz-section-title */
		--qz-section-title-background: none;
		--qz-section-title-background-color: #333232;
		--qz-section-title-border-top: none;
		--qz-section-title-border-right: none;
		--qz-section-title-border-bottom: solid 1px #7f8a93;
		--qz-section-title-border-left: solid 9px #7f8a93;
		--qz-section-title-font-size: 1.25em;

		/* qz-line */
		--qz-line-background-image: url('/themes/qz-standard/images/line_dot.gif');
		--qz-line-background-color: #2b2b2b;
		--qz-line-border-bottom: solid 1px #7d7d7d;
		/* qz-line2 */
		--qz-line2-background-color: #2b2b2b;
		--qz-line2-border-bottom: solid 1px #7d7d7d;
		/* qz-line3 */
		--qz-line3-background-color: #2b2b2b;
		--qz-line3-border-bottom: solid 1px #7d7d7d;

		/* qz-line-hd */
		--qz-line-hd-background-color: #282928;
		--qz-line-hd-border-bottom: solid 1px #7d7d7d;

		/* qz-col-hd */
		--qz-col-hd-background-color: #282928;
		--qz-col-hd-2nd-background-color: #375699;		/* acl */
		--qz-col-bd-background-color: #2b2b2b;
		--qz-col-hd-border-color: #7d7d7d;
		--qz-col-hd-border-left: solid 1px #7d7d7d;

		/* qz-col-hdx */
		--qz-col-hdx-background-color: #1e1e1e;
		--qz-col-hdx-border-color: #7d7d7d;
		--qz-col-hdx-border-left: solid 1px #7d7d7d;

		/* qz-col-bd */
		--qz-col-bd-title-background-color: #333232;
		--qz-col-bd-2nd-background-color: #253966;		/* acl */
		--qz-col-bd-border-left: solid 1px #7d7d7d;

		/* qz-localstorage */
		--qz-localstorage-none-background-color: #f4b3c2;
		--qz-localstorage-none-font-color: #151513;

		/* メッセージ */
		--qz-ok-color: steelblue;
		--qz-background-ok-color: royalblue;
		--qz-ng-color: red;
		--qz-background-ng-color: crimson;
		--qz-success-color: steelblue;
		--qz-error-color: red;
		--qz-warning-color: coral;
		--qz-background-warning-color: #433d3c;
		--qz-require-color: red;
		--qz-double-underline-border-bottom: double 3px red;
		--qz-step-color: steelblue;
		--qz-step-error-color: red;
		--qz-step-warning-color: coral;

		/* ノート */
		--qz-note-background-color: #1f1f1f;

		/* ソース */
		--qz-code-source-color: #333333;
		--qz-code-source-font-family: Menlo, Monaco, 'Courier New', monospace;

		/* 入力チェック */
		--qz-validation-advice-color: red;
		--qz-warning-advice-color: coral;

		/* 画像 */
		--qz-img-shadow-drop-shadow: 0px 2px 2px rgba(255,255,255,0.75);

		/* 印刷 */
		--qzPaperMargin-inputArea-font-family: 'Inconsolata', 'Hiragino Sans', 'YuGothic', 'Meiryo', Arial, system-ui, Sans-Serif;
		--qzPaperMargin-inputArea-background-color: rgba(212, 220, 218, 0.5);
		--qzPaperMargin-inputArea-hover-background-color: rgba(212, 220, 218, 1);
		--qzPaperMargin-font-size: 12px;

		/* クッキー許諾 */
		--qzCookie-viewArea-font-family: 'Inconsolata', 'Hiragino Sans', 'YuGothic', 'Meiryo', Arial, system-ui, Sans-Serif;
		--qzCookie-viewArea-background-color: rgba(212, 220, 218, 0.75);
		--qzCookie-viewArea-hover-background-color: rgba(212, 220, 218, 1);
		--qzCookie-font-size: 12px;

	}
}

/**
 * ----------------------------------------------------------------------
 * end
 * ----------------------------------------------------------------------
 */