@charset "utf-8";

/* ----------------------------------------------- */
/* にししふぁくとりー： Deep CSS Ver.3 (Since2017) */
/* ----------------------------------------------- */
/* Mobile First Version [2023/11/02 18:03] */

/* ―――――― */
/* ▼全共通部分 */
/* ―――――― */
body {
	background-color: #ffffcc;
}
body.deepProducts {
	background-color: #eeeeff;
}
body.deepJobWorks {
	background-color: #eef7dd;
}

/* リンク装飾 */
a {	text-decoration: underline;	}
a:link		{ color: #3030aa; }
a:visited	{ color: #308030; }
a:hover		{ color:red; background-color:#ffcccc; }
a:active	{ color: #ffcccc; background-color: transparent; }
a.nd		{ text-decoration: none; }

/* WPベース汎用 */
.alignright	{ float: right; margin-left: 0.5em; }
.alignleft	{ float: left; margin-right: 0.5em; }

/* ――――――――――――――― */
/* ■共通スタイル（Mobile First） */
/* ――――――――――――――― */

	/* ============ */
	/* ▼ヘッダ区画 */
	/* ============ */
	#deephead {
		margin: 0px;
		padding: 3px 3px 0.5em 3px;
	}
	.deepProducts #deephead { background-color: #ccccff; }
	.deepPrivates #deephead { background-color: #ccf7aa; }

		/* ---------------- */
		/* ▼ロゴ・ナビ領域 */
		/* ---------------- */
		#deephead h1 {
			margin: 0px;
			padding: 0px;
			font-size: 100%;
		}
		#deephead h1 a img {
			border-width: 0px;
			vertical-align: bottom;
		}
		#deephead p.pankuzulist {
			margin: 0px;
			padding: 0.7em 0px 0px 0px;
			font-size: 80%;
			line-height: 1.4;
		}

		/* ---------------- */
		/* ▼セパレータ領域 */
		/* ---------------- */
		#belt {
			margin: 0px;
			padding: 0.3em 0px;
			background-color: #80cc80;
			border-bottom: 1px solid #ccffcc;
			border-top: 1px solid #008000;
			color: #ffffff;
			font-size: 70%;
			text-align: center;
		}
			/* -------------- */
			/* ▼TIPS用上書き */
			body.deepTips #belt {
			    background-color: #aac0ee;
			    border-bottom: 1px solid #cce0ff;
			    border-top: 1px solid #0055cc;
			}

		/* -------------------- */
		/* ▼製品名等ヘッダ領域 */
		/* -------------------- */
		.pageheader {
			margin: 0px;
			padding: 1em;
		}
		.deepProducts .pageheader { background-color: #ddddff; background-image: linear-gradient(180deg, #ccccff, #eeeeff); }
		.deepPrivates .pageheader { background-color: #ffffaa; background-image: linear-gradient(180deg, #ccf7aa, #eef7dd); }
		.pageheader .productname {
			margin: 0.5em 0px 0px 0px;
			padding: 0px;
			font-weight: normal;
			font-size: 2.1em;	/* 日本語のみ or 和英混在の場合 */
			line-height: 1;
			letter-spacing: -0.035em;
			text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
		}
		.pageheader .productalpha {
			font-size: 3em;		/* 英字名の場合はもっと大きくする */
		}
		.pageheader .productname .subtitle {
			font-size: 0.5em;
			display: inline-block;
		}
		.pageheader .description {
			font-size: 1.2em;
			line-height: 1.3;
			text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
		}
		.pageheader .socialbuttons {
			margin: 0px;
			padding: 0px;
			text-align: right;
			background-color: transparent;
		}
		.pageheader .socialbuttons span#postinfo-twitterbutton {
			float: none;
			display: inline-block;
		}
		.latestdownload {
			margin: 1em 0px;
			padding: 0px;
		}
		a.dlbutton {
			display: block;				/* inline-blockではChromeでうまくいかない */
			border-radius: 0.75em;
			background-color: green;
			background-image: linear-gradient(180deg, #80cc80, #005500); 
			color: white;
			margin: 0px;
			padding: 0.6em 1em;
			text-decoration: none;
			text-align: center;
		}
		a.dlbutton:first-line {
			text-decoration: underline;
			font-weight: bold;
			font-size: 1.1em;
		}
		a.dlbutton span.dlverinfo {
			font-size: 0.8em;
			display: block;
		}
		a.dlbutton:hover {
			background-image: none;
			background-color: #0000cc;
		}

	/* ========== */
	/* ▼本文区画 */
	/* ========== */
	#deepcontainer {
		margin: 0px;
		padding: 0px;
		clear: both;	/* 回り込みは(とりあえず)解除 */
	}

		/* ※メインコンテンツ領域のレスポンシブ2段組構造は末尾 */

		/* -------------------------------------- */
		/* ▼メインコンテンツ領域：記事形式ページ */
		/* -------------------------------------- */
		#deepcontainer div.deepcontentscover {
			margin: 0.5em 3px 1em 3px;
			padding: 0px;
			border: 1px solid green;
			background-color: #ffffff;
		}

		/* ………………… */
		/* ▽本文領域全体 */
		#deepcontainer div.deepcontentscover div.deepmainbox {
			margin: 0.5em;
			padding: 0px;
		}
		/* 段落 */
		#deepcontainer div.deepcontentscover div.deepmainbox p {
			line-height: 1.55;
		}
		/* 段落内に含まれる長いURLなどの文字列を(途中でも)自動改行させるため */
		.longurl {
			word-break: break-all;
		}
		/* 画像 */
		.floatright {
			display: block;
			max-width: 100%;
		}
		.floatleft {
			display: block;
			max-width: 100%;
		}

		/* 本文中に自力で書く目次・サブ目次 */
		.localindex { margin-top: 0; }
		.localsubindex { font-size: 0.95em; }
		.localsub2index { font-size: 0.9em; }

		/* 個別装飾 */
		body.deepBlogDiaryEntry #deepcontainer div.deepcontentscover div.deepmainbox img {
			max-width: 100%;
			height: auto;
		}
		body.deepBlogDiaryEntry h3 {
			border-left: 0.5em solid #458045;
			color: #458045;
			background-color: #eef5ee;
			font-size: 100%;
			font-weight: bold;
			margin: 1em 0;
			padding: 0.3em 0.2em;
		}
		body.deepBlogDiaryEntry h3.with-readable-separator {
			border-top: 1px dashed green;
			padding-top: 0.75em;
			padding-bottom: 0.55em;
		}
		body.deepBlogDiaryEntry h4 {
		    color: darkgreen;
			background-color: #f9f9f9;
			border-bottom: 1px dashed darkgreen;
			padding-top: 0.2em;
		    font-size: 100%;
		    font-weight: bold;
		}

			/* TIPS装飾 */
			body.deepTips div.deepmainbox img {
				box-sizing: border-box;
				max-width: 100%;
				height: auto;
			}

		/* 汎用：第5レベル見出し(と続く段落) */
		h5 {
			font-size: 1em;
			color: #060;
			margin: 1.5em 0 0 0;
		}
		h5 + p {
			margin-top: 0.25em;
		}

		/* 汎用：サブサブ見出しを背景付きにする */
		.subsubTitle {
			background: linear-gradient(90deg,#f7f7f7,white);
		}

		/* …………… */
		/* ▽記事情報 */
		#deepcontainer div.deepcontentscover div.deepmainbox p.entrydate {
			margin: 0px;
			padding: 0px;
		}
			/* ▼TIPS用上書き */
			/* エントリ日付領域の上書き */
			body.deepTips #deepcontainer div.deepcontentscover div.deepmainbox p.entrydate {
				display: inline-block;
				background-color: #0055cc;
				border-radius: 0.5em;
				padding: 3px 1em;
			    color: white;
			    font-size: 85%;
			    margin: 0;
				text-align: right;
			}

		/* 日付 */
		#deepcontainer div.deepcontentscover div.deepmainbox p.entrydate span.date {
			color: #cc0000;
			font-weight: bold;
			display: inline-block;
		}
			/* ▼TIPS用上書き */
			body.deepTips #deepcontainer div.deepcontentscover div.deepmainbox p.entrydate span.date {
			    color: white;
			    display: inline-block;
			    font-weight: normal;
			}
		/* 時刻 */
		#deepcontainer div.deepcontentscover div.deepmainbox p.entrydate span.time {
			color: #0000cc;
			font-size: 80%;
			font-weight: bold;
			display: inline-block;
		}
			/* ▼TIPS用上書き */
			body.deepTips #deepcontainer div.deepcontentscover div.deepmainbox p.entrydate span.time {
				color: white;
				display: inline-block;
				font-size: 90%;
				font-weight: normal;
			}
		/* カテゴリ */
		#deepcontainer div.deepcontentscover div.deepmainbox p.entrydate span.category {
			font-size: 80%;
			display: inline-block;
		}

		/* タイトル */
		#deepcontainer div.deepcontentscover div.deepmainbox h2 {
			color: #008000;
			background-color: #eeffee;
			font-size: 1.1em;
			font-weight: bold;
			line-height: 1.4;
			margin: 0.3em 0px;
			padding: 0px;
		}
			/* -------------- */
			/* ▼TIPS用上書き */
			body.deepTips #deepcontainer div.deepcontentscover div.deepmainbox h2 {
				padding: 0.15em 0.2em;
				color: #0055cc;
				font-weight: bold;
				margin-bottom: 10px;
			}
			body.deepTips #deepcontainer div.deepcontentscover div.deepmainbox h2 span.category {
				font-size: 75%;
				font-weight: normal;
				margin-left: 0.9em;
			}

		/* ▼TIPS用：コンテンツ内サブ見出し */
		body.deepTips .deepmainbox h3 {
		    background-color: #05c;	/*#eef5f5;*/	/*#eef5ee;*/
		    border-left: 1em solid darkblue;	/*0.5em solid darkblue;*/	/*0.5em solid #458045;*/
		    color: white;	/*darkblue;*/	/*#458045;*/
		    font-size: 1.1em;	/*100%;*/
		    font-weight: bold;
		    margin: 2.4em 0 1em 0;	/*1em 0;*/
		    padding: 0.5em 0.1em 0.4em 0.6em;	/*0.5em 0.1em 0.4em 0.3em;*/	/*0.3em 0.2em;*/
		}
		body.deepTips .deepmainbox h4 {
		    background-color: #8ebb2b;	/*#f4f4ff;*/	/*#f9f9f9;*/
		    border-left: 0.75em solid green;
		    /*border-top: 1px dashed #ddf;*/	/*1px dashed darkgreen;*/
		    color: white;	/*#077;*/	/*darkgreen;*/
		    font-size: 100%;
		    font-weight: bold;
		    margin: 2em 0 1em 0;
		    padding: 0.4em 0.2em 0.1em 0.5em;	/*0.4em 0.2em 0.1em;*/	/*0.2em;*/
		}


		/* -------------------------------------- */
		/* ▼TIPS用：コンテンツ冒頭の概要ボックス */
		.article-index {
		    background-color: /*#fcfdfe;*/	#f1f5fc;	/*#dfe7f9;*/
		    margin: 0px;
		    padding: 0.25em;
		}
		/* 概要部分 */
		.article-description {
		    margin: 0.5em 0px;
		    padding-bottom: 0.5em;
		    font-size: 0.9em;
		    line-height: 1.2;
		    border-bottom: 1px dashed gray;
		}
		/* 見出しリンク部分 */
		.article-headlines {
		    margin: 0.5em 0px;
		    font-size: smaller;
		}
		.article-index > .article-headlines::before {
		    content: "目次：";
		    background-color: #ccc;
		    color: white;
		    display: inline-block;
		    padding: 0px 1em;
		    margin-bottom: 3px;
		    border-radius: 0.3em;
		}
		.article-index > .article-headlines {
		    list-style-position: inside;
		    padding-left: 0px;
		}
		.article-index > .article-headlines ul {
		    list-style-position: outside;
		}

		/* -------------------------- */
		/* ▼TIPS用：注意喚起ボックス */
		.article-attention {
			margin: 1em 0px;
			padding: 0.75em;
			background-color: #ffeaea;
			color: #c00;
			border-radius: 1.5em;
			border: 3px double red;
			font-weight: bold;
		}
		/* 注意喚起ボックス内の見出し */
		body.deepTips .deepmainbox .article-attention h3 {
			margin: 0.5em 0;
			padding: 0.25em;
			background-color: #c00;
			border-color: #a00;
		}

		/* ------------------------ */
		/* ▼TIPS用：サンプル入力欄 */
		.sampleinput {
			width: 270px;
		}
		input.sampleinput {
			font-size: 0.8rem;
		}
		textarea.sampleinput {
			height: 7em;
			font-size: 0.8rem;
		}
		/* ▼TIPS用：大きい文字でのサンプル入力欄 */
		.largeSampleInput {
			font-size: 1.5em;
		}

		/* ---------------------------- */
		/* ▼TIPS用：サンプル実行ボタン */
		.sampleExecButtonLarge {
			font-size: 1.2em;
		}

		/* 引用部分 */
		#deepcontainer div.deepcontentscover div.deepmainbox blockquote {
			border-left: 8px double #e0e000;
			color: #002500;
			background-color: #ffffee;
			padding: 1px 0px 1px 5px;	/* PC: 8px */
			margin: 1em 0 1em 1em;	/* Def: 40px */
			clear: right;	/* 右寄せは解除しておく */
		}
		#deepcontainer div.deepcontentscover div.deepmainbox blockquote p {
			margin: 0.5em 0px;
		}
		#deepcontainer div.deepcontentscover div.deepmainbox blockquote cite {
			font-size: 85%;
			color: gray;
			font-style: italic;
		}

		/* 小さい引用 */
		#deepcontainer div.deepcontentscover div.deepmainbox blockquote.short {
			background-color: transparent;
			clear: none;
		}

		/* 汎用カコミ枠 */
		.deepmainbox .kakomi {
			background-color: #ccffcc;
			border-radius: 1em;
			margin: 1em 0px;
			padding: 1em;
		}
		.deepmainbox ul.kakomi {
			padding: 1em 0 1em 2em;
		}

		/* ソースコード */
		div.deepmainbox .sourcecode,
		div.deepmainbox .sourcearea {
			font-family: monospace;
			border: 1px solid #ccc;
			background-color: #ffffee;
			padding: 0.25em;
			margin: 1em 0px;
			word-wrap: break-word;	overflow-wrap: break-word;
		}
		pre.sourcecode {
			overflow: auto;
			line-height: 1.3;
		}
		code {
			font-family: "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,"メイリオ",monospace;
			font-size: 100%;
			background-color: #fffff0;
			border: 1px #eee solid;
			padding: 1px 0.4em;
			margin: 0;
		}
		.prism code {
			background-color: transparent;
			border: 0 none;
			padding: 0;
			margin: 0;
		}
		.sourcecode code {
			/* 古いマークアップで余計な枠が付かないようにするための上書き */
			background-color: transparent;
			margin: 0;
			padding: 0;
			border: 0px none;
		}

		/* ▼行番号付きソースコードの表示枠 */
		.deco-pre {
			display: block;
			position: relative;
			width: 100%;
			line-height: 1.4;
			white-space: pre;
			font-family: "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,"メイリオ",monospace;
			background-color: #ffffee;
			border-width: 1px 1px 1px 4px;
			border-color: #ccc;
			border-style: solid;
			padding: 1rem 0 1rem 3.8rem;
			margin: 1.6rem 0;
			overflow-x: auto;
			overflow-y: hidden;
			box-sizing: border-box;
		}
		.deco-pre:before {
			position:absolute;
			top:1rem;
			left:0;
			bottom:1rem;
			overflow:hidden;
			color:#93b6b8;
			content:"1\A 2\A 3\A 4\A 5\A 6\A 7\A 8\A 9\A 10\A 11\A 12\A 13\A 14\A 15\A 16\A 17\A 18\A 19\A 20\A 21\A 22\A 23\A 24\A 25\A 26\A 27\A 28\A 29\A 30\A 31\A 32\A 33\A 34\A 35\A 36\A 37\A 38\A";
			border-right: 1px solid #93b6b8;
			padding-right:1rem;
			width:2.0rem;
			text-align:right;
		}

		/* コンソール */
		pre.console {
			margin: 1em 0;
			padding: 0.75em;
			font-family: "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,"メイリオ",monospace;
			font-size: 1em;
			line-height: 1.45;
			max-width: 100%;
			overflow: auto;
			background-color: black;
			color: white;
			border: 3px #eee double;
		}
		.console .prompt {
			color: #ccc;
			margin-right: 0.5em;
		}
		.console .command {
			color: yellow;
			border-bottom: 1px solid #bb5;
		}
		.console .command:hover {
			background-color: #555;
		}
		.console .important {
			color: #0ff;
		}

		/* ▼Tips用：ソース掲載関連の追加装飾 */
		.samplearea {
			background-color: #f4f4f4;	/*#f0f0f0;*/
			border: 1px solid #eee;	/*1px gray solid;*/
			padding: 0.5em;
			overflow: auto;
		}
		.samplesource .samplesource-title {
			margin: 0px;
			padding: 1px 0.75em;
			font-size: 0.8em;
			display: inline-block;
			background-color: green;
			color: white;
		}
		.sourcenote {
			color: green;
		}

		/* ▼Tips用：SyntaxHighlighterへの追加 */
		.syntaxhighlighter {
			/*border: 1px solid #ccc;*/
			border-color: #eee;
			border-style: double;
			border-width: 3px 0;
			margin: 0;
			padding: 0.5em 0px;
			box-sizing: border-box;
		}
		.samplesource .syntaxhighlighter { margin: 0 !important; }
		.samplesource .samplesource-title.sst-css { background-color: #808000; }
		.samplesource .samplesource-title.sst-js { background-color: #008080; }
		.samplesource .syntaxhighlighter.css { border-color: #808000; }

		/* テーブル(Standard) */
		table.standard {
			border-collapse: collapse;
			border: 2px solid green;
			font-size: 0.75em;		/* モバイルでは小さくする */
		}
		table.standard thead {
			border-bottom: 3px double green;
		}
		table.standard thead th {
			background-color: #ccffcc;
			border: 1px solid green;
		}
		table.standard tbody th {
			background-color: #eeffee;
		}
		table.standard tbody th,
		table.standard td {
			background-color: white;
			border: 1px solid green;
			padding: 0.1em 0px;		/* モバイルでは狭くする */
		}

		/* ステップバイステップ解説用BOX */
		.stepbystepbox {
			display: flex;
			flex-direction: column;
			margin-bottom: 1em;
		}
		.stepimage {
			min-width: 300px;
		}
			.stepimage a {
				display: block;
			}
			body.deepBlogDiaryEntry #deepcontainer div.deepcontentscover div.deepmainbox .stepimage img {
				vertical-align: top;
				max-width: 300px;
			}
		.stepbody {
		}

		/* サイド画像付き解説BOX */
		.withSideImageBox {
			display: flex;
			flex-direction: column;
			gap: 1em;
			margin-bottom: 1em;
		}
		.mainExpColumn {
		}
			.mainExpColumn p:first-child {
				margin-top: 0;
			}
		.sideExpImage {
			flex-shrink: 0;
		}
			.sideExpImage a,
			.sideExpImage a img {
				display: block;
			}

		/* ……………………………… */
		/* ▽更新日・初版公開日情報 */
		#lastupdate {
		}
		#lastupdate .firstup {
			margin-left: 0.75em;
			font-size: 0.8em;
			color: #555;
			display: inline-block;
		}

		/* …………… */
		/* ▽アド領域 */
		#deepcontainer div.deepcontentscover div.googleadbottom {
			border-top: 1px dashed #cccccc;
			clear: both;
			margin: 1em 0 0;
			padding: 0.5em 0;
			width: 100%;
			overflow: hidden;
		}
		.amazon {
			overflow: hidden;
		}

		/* ………………………… */
		/* ▽本文末尾の情報領域 */
		p.postinfo {
			margin: 0px 0.5em 0px 0.5em;
			padding: 0.5em;
			clear: both;
			text-align: right;
			font-size: 0.8em;
		}

			/* ----------------- */
			/* ▼Archive用上書き */
			.deeparchivemain p.postinfo {
				margin-top: 1em;
				border-top: 1px dashed gray;
			}

		span#postinfo-twitterbutton {	/* 旧デザイン：互換性維持のため（MT再構築まで） */
			display: block;
			width: 127px;
			height: 20px;
			float: left;
		}


		/* ………………………………………… */
		/* SNSボタン群バー(旧から継続使用)  */
		/* ………………………………………… */
		.socialbuttons {
			background-color: #eee;
			margin: 0;
			padding: 0.1em 0.5em 0.55em;
			text-align: left;
			line-height: 37px;
			clear: both;	/* (念のため)回り込みは解除 */
		}
			/* ▽バリエーション */
			body.deepBlogDiaryEntry .socialbuttons {
				line-height: normal;
			}
			body.deepTips .socialbuttons {
				margin: 0.5em;
				padding: 0.2em 0.5em 0.5em 0.2em;
				text-align: right;
			}
			body.deepTips .socialbuttons::before {
				color: gray;
				content: "この記事がお役に立ったら:";
				font-size: 0.8em;
				display: block;	/* 横幅が狭いモバイルでは単独行にする */
				margin-bottom: -15px; /* その場合は下が開きすぎるので狭める(※後述768px以上で解除) */
			}

		/* ………………………………… */
		/* ▽SNSボタン群中身(2022新)  */
		/* ………………………………… */
		.snssharebtn {
			background-color: #ccc;
			border-radius: 3px;
			display: inline-block;
			line-height: 20px;
			font-size: 12px;
			font-weight: bold;
			padding: 0 0.75em;
			text-decoration: none;
			vertical-align: bottom;
		}
		.snssharebtn:link,
		.snssharebtn:visited {
			color: white;
		}
		.snsbtn-twitter {	background-color: #1d9bf0;	}
		.snsbtn-facebook {	background-color: #1877f2;	}
		.snsbtn-line {	background-color: #00c300;	}
		.snsbtn-hatenabookmark {	background-color: #00a4de;	}
		.snsbtn-pocket {	background-color: #ef4256;	}
		.snsbtn-copy {	background-color: green;	}

		.treatCoffee {
		    background-color: #b26c13;
		    border-radius: 3px;
		    display: inline-block;
		    line-height: 20px;
		    font-size: 12px;
		    font-weight: bold;
		    padding: 0 0.5em 0 1em;
		    text-decoration: none;
		    vertical-align: bottom;
		}
		.treatCoffee:link, .treatCoffee:visited {
		    color: white;
		}

		/* ………………………… */
		/* SNSボタン群中身(旧)  */
		/* ………………………… */
		.socialbuttons iframe { vertical-align: bottom; }
		.pocket-btn {
			display: inline-block;
			position: relative;
			top: 2px;				/* ちょっとだけ他のボタンとズレているので2pxほど下げて調整 */
		}
		.socialbuttons span#postinfo-twitterbutton {
			display: inline-block;
			float: none;
			width: auto;
			height: auto;
		}
		.fb-like > span {
			height: 20px !important;	/* fbボタンがはみ出すのを防ぐ(2020/10/12) */
			overflow: hidden;
		}

		/* ……………………… */
		/* ▽Archiveページ用  */
		.deepArchiveTitle {
			color: green;
			font-family: Georgia,"Times New Roman",serif;
			font-weight: normal;
			margin: 0.5em 0.9em;
			padding: 0;
		}
		.diaryhead {
			font-size: smaller;
			margin: 0 1.5em;
		}
		.dateline {
			font-size: 0.8em;
			font-weight: bold;
			margin: 2.5em 1em 0.3em 1em;
			text-align: right;
		}
		.diaryhead + .dateline { /* 最初の日付タイトル */ margin-top: 0px; }
		.monthlink {
			margin: 0;
			padding: 1.5em 0;
			text-align: center;
		}
		.categoryheadguide, .categorycountinfo {
			margin: 1em 0.5em 1em 1.5em;
		}

		/* サイド:カレンダー装飾 */
		.calendarbox {
			margin: 0 1em;
		}
		#calendar {
			line-height: 1.4;
			color: #555;
			font-size: 0.75em;
			padding: 2px;
			text-align: center;
			margin-bottom: 0.5em;
		}
		#calendar table {
			padding: 2px;
			border-collapse: collapse;
			border: 1px orange solid;
			width: 100%;
		}
		#calendar caption {
			color: #B22222;
			font-size: small;
			border-bottom: 1px solid #B22222;
			text-align: left;
			font-weight: bold;
			padding: 3px;
		}
		#calendar th {
			text-align: center;
			font-weight: normal;
			border: 1px #ffcb73 solid;
			background-color: #fff3c6;
			color: #000000;
		}
		#calendar td {
			text-align: right;
			border: 1px #ffcb73 solid;
			background-color: #fffff0;
			color: #000000;
		}
		#calendar td a {
			display: block;
			width: 100%;
		}
		#sidemonthlink {
			font-size: 75%;
			margin-bottom: 1em;
		}
		#sidemonthlink div.prev {
			text-align: left;
		}
		#sidemonthlink div.next {
			text-align: right;
		}

		/* サイド:各種リンクリスト */
		#entrylist, #categories, #months {
			font-size: 0.9em;
		}
		#entrylist ul { margin: 1em 0; padding: 0 0 0 1.5em; }
		#entrylist ul li { margin-bottom: 1em; }
		#categories ul { padding: 0 0 0 1.5em; }

		/* サイド:記事閲覧ランキング */
		.wpp-list {
			font-size: 0.9em;
			margin: 0.5em 0.5em 0.5em 21px;
			padding: 0;
		}
		.wpp-list li {
			line-height: 1.25;
			margin-bottom: 0.6em;
		}
		.wpp-post-title {
			background-color: #f2f2ff;
			border-radius: 6px;
			display: block;
			line-height: 1.3;
			padding: 3px 10px;
			text-decoration: none;
		}
		.wpp-post-title:hover {
			text-decoration: underline;
		}

		/* -------------------- */
		/* ▼前後記事リンク領域 */
		/* -------------------- */
		#deepcontainer div.neighborhoodlink {
			display: table;
			border-collapse: separate; /* セルの間隔を空ける */
			border-spacing: 0.5em 0px; /* 左右→上下 */
			margin: 1em 0px;
			padding: 0px;
			width: 100%;
		}
		#deepcontainer div.neighborhoodlink p {
			display: table-cell;
			vertical-align: top;
			font-size: 85%;
			line-height: 1.35;
		}
		#deepcontainer div.neighborhoodlink p.forpreventry { text-align: left; }
		#deepcontainer div.neighborhoodlink p.neighborhoodboard { display: none; }
		#deepcontainer div.neighborhoodlink p.fornextentry { text-align: right; }
		#deepcontainer div.neighborhoodlink p span.linkdirection {
			display: block;
			text-align: center;
			background-color: #97d597;
			border-radius: 9px;
			margin: 0px 0px 3px 0px;
			padding: 0px;
		}

		/* ------------------------------------------ */
		/* ▼メインコンテンツ直横の可変サイドバー領域 */
		/* ------------------------------------------ */
		.deepsidebox h2 {
			margin: 0px;
			padding-top: 0.2em;
			font-size: 1.15em;
			color: green;
			border-width: 1px 0px;
			border-color: green;
			border-style: solid;
			background-color: #ccffcc;
			text-align: center;
		}

			/* ▽バリエーション */
			body.deepTips .deepsidebox h2 {
				color: darkblue;
				border-color: skyblue;
				background-color: #f0f0ff;
			}

		.deepsidebox:not( :first-child ) h2 { margin-top: 1.25em; }
		.deepsidebox h2 span { padding-right: 0.25em; }
		.author-introduction-box { text-align: center; }
		.nishishi-sign a { text-decoration: none; display: block; }
		.author-subbox p { margin: 0.5em 0; }
		.author-introduction { text-align: left; font-size: 0.9em; line-height: 1.35; }
		.author-sns a { display: inline-block; vertical-align:bottom; }
		.author-sns img { display: block; }
		.author-sns a:hover { opacity: 0.5; }


		.author-articles-box { font-size: 0.9em; line-height: 1.35; }
		.side-onebutton-link a { display: block; padding: 0.35em 0px; }
		.side-onebutton-link a img { display: block; margin: 3px auto; border: 1px solid #f0f0f0; }

		.author-article-extra-box { font-size: 0.9em; line-height: 1.35; margin: 1em 0; padding: 1em 0 0 0; border-top: 1px dashed #ccc; }
		.author-article-extra-box p { margin: 0; color: #555; }
		.aa-articles-list { margin: 1em 0 0 0; padding: 0 0 0 1em; }
		.aa-articles-list li { margin-bottom: 0.5em; }

		.author-creations-guide { font-size: 0.9em; line-height: 1.35; }
		.author-creations-list { list-style-type: none; margin: 1em 0 0 0; padding: 0px; }
		.author-creations-list li { border-top: 1px dashed #ccc; padding: 0.5em 0px; font-size: 0.9em; line-height: 1.35; }
			.author-creations-head { display: flex; flex-direction: row-reverse; text-decoration: none; }
				.author-creations-imagebox,
				.author-creations-title { flex: 1; }
					.author-creations-image { max-width: 100%; height: auto; }
					.creationtagline { display:block; margin-top:0.75em; font-size:0.75em; color;gray; }
			.author-creations-exp { font-size: 0.85em; line-height: 1.3; }

		.author-books-guide { font-size: 0.9em; line-height: 1.35; }
		.author-books-list { list-style-type: none; margin: 1em 0 0 0; padding: 0px; }
		.author-books-list li { border-top: 1px dashed #ccc; padding: 0.5em 0px; font-size: 0.9em; line-height: 1.35; }
		.author-books-list a { display: block; text-decoration: none; }
		.author-books-list a:after {
			/* Mini Clearfix (no IE6/7) */
			content: "";
			clear: both;
			display: block;
		}
		.author-books-list a:hover img { opacity: 0.75; }
		.shoei { border:1px solid #ddd; float:right; }
		.booktype { display: inline-block; color: white; padding: 1px 0.25em; border-radius: 0.25em; font-size: 0.9em; margin-right: 0.2em; }
		.booktype.novel { background-color: #cc0000; }
		.booktype.pcguide { background-color: green; }
		.booktitle::before { content: "「"; }
		.booktitle::after { content: "」"; }
		.bookpublishdate, .bookpublisher { display: inline-block; font-size: 0.9em; }
		.bookpublishdate { color: gray; }
		.author-books-list + .author-books-guide { border-top: 1px dashed #ccc; padding-top: 1em; margin-top: 0; }

		.sideContact {
		    font-size: 0.8em;
		}

		/* お勧め書籍BOX用の装飾 */
		.oneRecommendBook {
			margin: 0 0 0.3em 0;
			padding: 0 0 1em 0;
			border-bottom: 1px dashed #bbb;
		}
		.bookLinkBox {
			margin: 0;
			padding: 1em 0 0 0;
		}
		.bookLinkBox a {
			display: block;
			width: 100%;
			overflow: hidden;
			text-decoration: none;
			font-size: 0.9em;
			line-height: 1.35;
		}
		.bookLinkBox a:hover { text-decoration: underline; }
		.bookLinkBox a + img { display: block; }
		.bookImage {
			display: block;
			text-align: center;
		}
		.bookImage img {
			border: 1px solid #ccc;
		}
		.recommendPoint {
			margin: 0;
			padding: 0;
			font-size: 0.85em;
			line-height: 1.4;
		}

		/* Recommend空間用スプライト */
		.sii-blog,
		.sii-css,
		.sii-js {
			display: inline-block;
			background-color: skyblue;
			background-repeat: no-repeat;
		}
		.sii-css,
		.sii-js {
			border: 1px solid #ddd;		/* 単巻書籍中心のCSS・JSには枠線を付ける */
		}
		.sii-blog {	background-image: url("/personal/recommends/sidesprite-blog.jpg");	}
		.sii-css {	background-image: url("/personal/recommends/sidesprite-css.jpg");	}
		.sii-js {	background-image: url("/personal/recommends/sidesprite-js.jpg");	}
		.sii-pos01 { background-position: 0px 0px; }
		.sii-pos02 { background-position: 0px -200px; }
		.sii-pos03 { background-position: 0px -400px; }
		.sii-pos04 { background-position: 0px -600px; }
		.sii-pos05 { background-position: 0px -800px; }
		.sii-pos06 { background-position: 0px -1000px; }
		.sii-pos07 { background-position: 0px -1200px; }
		.sii-pos08 { background-position: 0px -1400px; }
		.sii-pos09 { background-position: 0px -1600px; }
		.sii-pos10 { background-position: 0px -1800px; }
		.sii-pos11 { background-position: 0px -2000px; }
		.sii-pos12 { background-position: 0px -2200px; }
		.sii-pos13 { background-position: 0px -2400px; }
		.sii-pos14 { background-position: 0px -2600px; }
		.sii-pos15 { background-position: 0px -2800px; }
		.sii-pos16 { background-position: 0px -3000px; }
		.sii-pos17 { background-position: 0px -3200px; }
		.sii-pos18 { background-position: 0px -3400px; }
		.sii-pos19 { background-position: 0px -3600px; }

		/* -------------------- */
		/* ▼サブコンテンツ領域 */
		/* -------------------- */
		#deepcontainer div.middleareacover {
			margin: 0px;
			padding: 0px;
		}
		#deepcontainer div.middleareacover div.middleside,
		#deepcontainer div.middleareacover div.middlemain {
			margin: 3px;
			padding: 0px;
			border: 1px solid green;
			background-color: #ffffff;
		}

		#deepcontainer div.middleareacover div.middleside > div {
			padding: 0px 0.5em;
		}

		/* サブコンテンツのタイトル */
		#deepcontainer div.middleareacover div.middlemain h4,
		#deepcontainer div.middleareacover div.middlemain h5,
		#deepcontainer div.middleareacover div.middleside h2 {
			margin: 0.5em;
			padding: 0.1em 0.5em;
			font-size: 100%;
			font-weight: bold;
			background-color: #ccffcc;
			border-color: #008000;
			border-style: solid;
			border-width: 1px 0px;
			color: #008000;
		}
			/* -------------- */
			/* ▼TIPS用上書き */
			body.deepTips #deepcontainer div.middleareacover div.middlemain h4,
			body.deepTips #deepcontainer div.middleareacover div.middlemain h5,
			body.deepTips #deepcontainer div.middleareacover div.middleside h2 {
				background-color: #aac0ee;
				border-color: #0055cc;
				color: white;
			}
		#deepcontainer div.middleareacover div.middlemain h5 span {
			font-size: 90%;
			font-weight: normal;
		}

		/* サブコンテンツの個別枠 */
		#deepcontainer div.middleareacover div.middlemain div.onecomment {
			margin: 0.5em;
			border-bottom: 1px solid #cccccc;
		}
		#deepcontainer div.middleareacover div.middlemain div.onecomment:last-child {
			border-bottom: 0px none transparent;
		}
		#deepcontainer div.middleareacover div.middlemain div.onecomment p.commentposted {
			margin: 0.25em 0px;
			text-align: right;
		}

		/* コメントゼロの場合 */
		.commentcount0 { display: none; }

		/* コメント数 */
		.middlesubinfo {
			margin: 1em;
		}

		/* サブコンテンツのアド枠 */
		div.googleadcomment {
			border-bottom: 1px solid #cccccc;
			margin: 0px;
			padding: 0.5em 0px;
			overflow: hidden;
			width: 100%;
		}

		/* 関連記事アド枠 */
		.versatileWideAdCover {
			overflow: hidden;
			width: 100%;
		}

		.googleRACover {
			overflow: hidden;
			padding: 0 0.5em;
		}
		.versatileSideAdCover {
			overflow: hidden;
		}
		#googleRA {
			max-width: 1024px;	/* 大きくなりすぎないように上限を指定 */
		}
		.googleRAexp { font-size: 0.85em; margin: 0.7em 1em; }

		/* …………………………………… */
		/* サブコンテンツその他(情報枠) */
		/* 送信フォーム(コメントポスト) */
		form.commentsform {
			margin: 1em;
			padding: 0px;
		}
		.commentpostarea p {
			margin: 0.5em 0px;
		}
		#commentauthorbox, #commentbodybox {
			font-size: 0.9em;
			line-height: 1.8;
		}
		.posterinfoinput { display: inline-block; }
		#commentauthorbox .posterinfoinput + .posterinfoinput + .posterinfoinput { display: none; } /* URL入力欄は非表示にする */
		#commentauthorbox .posterinfoinput + .posterinfoinput::after  { content: '（※メール欄は任意／書いても公開はされません）'; display: inline-block; font-size: 0.75em; }
		#commentauthorbox .posterinfoinput + .posterinfoinput { color: gray; }
		input#author { width: 10em; }
		input#email { width: 11em; }
		input#url { width: 14em; }
		textarea#text {
			width: 100%;
			height: 5em;
		}
		#commentpostbox input[type=submit] { font-size: 1.1em; font-weight: bold; }
		.commentattention {
			color: #cc0000;
			font-size: 0.8em;
			line-height: 1.3;
		}
		/* サブコンテンツの脇情報枠 */
		#deepcontainer div.middleareacover div.middleside ul {
			font-size: 80%;
			font-size: 0.8rem;
		}
			/* -------------- */
			/* ▼TIPS用上書き */
			body.deepTips #deepcontainer div.middleareacover div.middleside ul {
				font-size: 100%;
				margin: 0px;
			}
		#deepcontainer div.middleareacover div.middleside p.sidesns {
			text-align:center; margin:0.5em; font-size:smaller;
		}

		/* ………………………… */
		/* ▼カテゴリリストなど */
		/* ………………………… */
		.categorieslistbox {
			margin: 0.75em;
			padding: 0px;
			font-size: 95%;
		}
		.categorieslistbox ul {
			margin: 1em 0.75em;
			padding: 0px 0px 0px 1em;
		}

		/* ▽ブログ末尾のカテゴリリスト(横並び) */
		ul.bottomcategorylist { margin: 1em 0; padding: 0; }
		ul.bottomcategorylist li {
			display: inline-block;
			list-style-type: none;
		}
		ul.bottomcategorylist li::before { content: '◆'; color: #55cc55; }

		/* ▽構築経過時間 */
		.rebuildinfo {
			font-size: 75%;
			color: gray;
			margin: 0.1em;
		}

		/* …………………………… */
		/* ▼Tips用：検索結果など */
		/* …………………………… */
		.content div.searchbygoogle {
			border: 1px solid green;
			background-color: #ffffff;
			padding: 0.5em;
		}
		.content div.searchtitle {
			border-bottom: 3px double gray;
		}
		.content div.searchhint {
			font-size: 80%;
			line-height: 1.25;
			margin-top: 0.5em;
		}
		.content div.searchoption {
			font-size: 80%;
		}
		.content div.searchoneresult {
			margin: 0.5em 0px 0.5em 1em;
			border: 1px #cccccc solid;
			padding: 0.5em;
			background-color: #ffffe0;
		}

		/* …………………………………………………………… */
		/* ▼Tips用：カテゴリ・アーカイブのエントリリスト */
		/* …………………………………………………………… */
		.content p.matchlisttitle {
			margin-bottom: 0px;
			background-color: #0055cc;
			color: white;
			font-size: 60%;
			font-family: Verdana,Arial,sans-serif;
			letter-spacing: 0.5em;
		}
		.content div.matchlist {
			border: #0055cc solid 1px;
			background-color: #fffff0;
			margin-top: 0px;
			margin-bottom: 1em;
		}
		.content div.matchlist ul li {
			margin-top: 0.5em;
			margin-bottom: 0.5em;
		}

		/* ……………………………… */
		/* 解析系・アド系ボックス群 */
		/* ……………………………… */
		.bottomadarea {
			width: 100%;	/* 横幅の計算を容易にするために指定 */
			margin: 0px;
			padding: 0px;
			overflow: hidden;
		}
		.bottomadcontainer {
			width: 100%;	/* 横幅の計算を容易にするために指定 */
			margin: 1em 0px;
			padding: 1em;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			overflow: hidden;
		}
			.banneradbox {
				display: block;
				width: 100%;	/* モバイルでは全幅表示 */
				overflow: hidden;
				margin: 0px;
				padding: 0px;
			}
			.banneradbox .insideadbox {
				width: 100%;	/* 計算を容易にするために一応念のために指定 */
				max-width: 100%;
				margin: 0px;
				padding: 0px;
				overflow: hidden;
			}
			.sideadbox {
				display: none;	/* モバイルでは表示しない */
			}

		/* 中身 */
		div.trackword {
			margin: 0.5em;
		}
		div.trackword #trackwordv td {
			display: none;	/* モバイルでは中身は表示しない */
		}


		/* ------------------------------------------ */
		/* ▼メインコンテンツ領域：製品紹介形式ページ */
		/* ------------------------------------------ */
		.deepcontents {
			margin: 1em;
			padding: 0px;
		}
			/* ▽上部:ページ内ナビゲーション部分（ページ内リンク群） */
			.navonpage {
				list-style-type: none;
				margin: 1em 0px;
				padding: 0.75em 0.9em;
				background-color: white;
				border-radius: 1em;
			}
			.navonpage li {
				display: inline-block;
			}
			.navonpage li:before {
				content: "▼";
				color: #aaaaff;
			}
			.navonpage li.label:before {
				content: "■";
				color: #aaeeaa;
			}

			/* ▽上部:ページ内ナビゲーション部分（コーナー内リンク群） */
			.navincorner {
				list-style-type: none;
				margin: 1em 0px;
				padding: 0.75em 0.9em;
				background-color: white;
				border-radius: 1em;
			}
			.navincorner li {
				display: inline-block;
			}
			.navincorner li:before {
				content: "■";
				color: #8888ff;
			}

			/* ▽上部:アップデートリスト部分 */
			.updateinfo {
				border: 1px solid green;
				background-color: white;
				margin: 1em 0px;
				padding: 0px;
			}
			.updateinfo h3 {
				font-size: 0.75em;
				margin: 0px;
				padding: 0px;
				background-color: green;
				color: white;
			}
				.updatelog {
					margin: 0.5em 1em 0.5em 0px;
					font-size: 0.9em;
				}
				.updatelog li:first-child {
					border-bottom: 1px dashed #cccc55;
					margin-bottom: 3px;
				}
				.updatelog .date {
					color: #005500;
					display: block;	/* モバイルのみ */
				}
				.updatelog .date::after {
					content: "：";
				}
				.updatelog li:first-child .date {
					color: #cc0000;
				}

			/* ▽メインコンテンツブロック */
			.bodyblock {
				background-color: white;
				margin: 2em 0px;
				padding: 0px 0px 0.5em 0px;
			}
			.bodyblock h3 {
				margin: 0px 0px 1em 0px;
				font-size: 1.5em;
				background-color: #00aa00;
				border-left: 0.75em solid green;
				border-top: 1px solid green;
				color: #ffffcc;
				padding: 0.3em 0.25em;
			}
			.bodyblock .main {
				margin: 0px;
				padding: 0px 1em;
			}
				h4.keypoint {
					font-size: 1em;
				}
				h4 span.key {
					background-color: #ddffdd;
					border-bottom: 1px dotted green;
					color: black;
					font-size: 1.15em;	/* モバイルでは小さめに */
					padding: 0.25em 0.1em 0.1em 0.05em;	/* モバイルでは狭めに */
					text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
				}
				h4.expsubtitle {
					background-color: #ffffcc;
					border-color: #808000;
					border-style: solid;
					border-width: 1px 0;
					padding: 0.3em 0;
					font-size: 1em;	/* モバイルではやや小さめに */
					margin: 2em 0px 0.75em 0px;
					clear: both;	/* 回り込みは解除 */
				}
				.bottomnotice {
					margin-top: 1em;
					padding-top: 1em;
					border-top: 1px dashed green;
				}

				/* 特長紹介リスト */
				.points {
					padding-bottom: 1em;
				}
				.points li {
					margin-bottom: 1em;
				}

				/* サンプルイメージ『ボックス』 */
				.sampleimagebox {
					margin: 0px;	/* モバイルでは右寄せしない */
					padding:0px;
				}
				.sampleimagebox p {
					margin: 0px 0px 1em 0px;
					padding: 0px;
					font-size: 0.95em;
					line-height: 1.25;
					text-align: center;
				}
				.sampleimagebox p a {
					display: block;
				}
				.sampleimagebox p a img {
					max-width: 100%;
					height: auto;
					border-width: 0px;
				}

				/* サンプルイメージ『エリア』 */
				.sampleimagearea {
					margin: 1em 0px 1.5em 0px;
					padding:0px;
					text-align: center;
				}
				.sampleimagearea p {
					display: inline-block;	/* 可能なら横並びにする */
					margin: 0px;	/* モバイルでは余白を設けない */
					padding: 0px;
					font-size: 0.95em;
					line-height: 1.25;
				}
				.sampleimagearea p a {
					display: block;
				}
				.sampleimagearea p a img {
					max-width: 100%;
					height: auto;
					border-width: 0px;
				}

				/* ▽ダウンロードファイル区画 */
				.downloadarchives {
					margin: 1em 0px;
				}
				.downloadarchives dd {
					margin: 0px 0px 1em 0px;
					padding: 0.25em 0px 0px 0.25em;
				}
				.downloadarchives dd a {
					display: inline-block;
				}
				.downloadarchives dd a img {
					border-width: 0px;
					vertical-align: middle;
				}
					.softinfo {
						background-color: darkblue;
						color: white;
						padding: 3px;
						margin: 3px 0px;
						line-height: 1.2;
					}
					.softinfo:before {
						content: "▼";
						color: skyblue;
						padding-right: 0.25em;
					}
					.latestarchive .softinfo {
						font-weight: bold;
					}
					.latestarchive .softinfo:before {
						color: yellow;
					}
				.oldversionhead {
					margin-top: 2.5em;
					padding-top: 1em;
					border-top: 1px dashed green;
				}
				.veralert {
					background-color: #ffdddd;
					border: 1px solid #cc0000;
					border-radius: 0.75em;
					color: #cc0000;
					margin: 1em 0px;
					padding: 0.5em 1em;
					font-size: 0.9em;
				}

				/* ▽ファイル情報テーブル */
				.softwareinfo {
					margin: 1em 0px;
					padding: 0px;
				}
					.softinfotable {
						border-collapse: collapse;
						border: 2px solid darkblue;
						margin: 0px;
					}
					.softinfotable thead th {
						background-color: darkblue;
						color: #ffffcc;
						padding: 0.1em 0.3em;
						font-size: 0.85em;
					}
					.softinfotable tbody th,
					.softinfotable tbody td {
						border: 1px solid darkblue;
						padding: 0.2em 0.3em;
						font-weight: normal;
						font-size: 0.75em;
						line-height: 1.3;
					}
					.softinfotable tbody th {
						background-color: #ffffcc;
					}
					.softinfotable tbody td {
						background-color: white;
					}

				/* ▽インストール方法説明テーブル */
				.howtoinstall {
					margin: 1em 0px;
					border-collapse: collapse;
					border: 2px solid green;
					font-size: 0.8em;	/* モバイルでは小さく */
				}
				.howtoinstall thead th {
					background-color: #ccffcc;
					border-bottom: 3px double green;
				}
				.howtoinstall th,
				.howtoinstall td {
					padding: 0.1em;	/* モバイルでは狭く */
					border-color: green;
					border-style: solid dashed;
					border-width: 1px;
				}
				.howtoinstall .category {
					background-color: #f0f0f0;
					font-weight: bold;
					text-align: left;
				}
					.expnote {
						color: green;
						font-size: 0.8em;
					}
				.expnotes {
					font-size: 0.8em;
					line-height: 1.3;
				}
				h5.notetitle {
					font-size: 1em;
					margin-bottom: 0px;
					background-color: #f0f0f0;
				}
				h5.notetitle + p {
					margin-top: 0.25em;
				}

				/* ▽セットアップ方法 */
				.editfile {
					background-color: #f0f0f0;
					border-bottom: 1px dotted green;
					font-weight: bold;
				}
				.editpoints {
				}
					.editlines {
						margin: 1em 0px;
						padding: 0px;
					}
					.editlines dt {
						background-color: #f0fff0;
					}
					.editlines dt span.edit {
						color: red;
						font-weight: bold;
					}
					.editlines dd {
						margin: 0px 0px 0.5em 0px;
						padding: 0px;	/* モバイルではインデントなし */
						color: green;
					}

				/* ▽カスタマイズ方法 */
				.howtocustomize {
				}
				.howtocustomize .keypoint {
					color: green;
					border-bottom: 1px dotted green;
					font-weight: bold;
				}
				h5.expsubtitle {
					background-color: #f5f5f5;
					border-bottom: 1px dotted gray;
					font-weight: bold;
					font-size: 1em;
					padding: 0.25em 0.5em 0.15em 0.5em;
					margin: 2em 0px 0.75em 0px;
					clear: both;	/* 回り込みは解除 */
				}

				/* データファイル記述方法区画 */
				.datafile {
					border: 1px solid #ccc;
					border-radius: 0.5em;
					margin: 1em 0px;
					padding: 0.75em;
					background-color: #eee;
					font-family: monospace;
					overflow: auto;		/* はみ出す場合はスクロールして欲しい */
				}
				/* URL記述例 */
				.sampleurl {
					border: 1px solid #ddd;
					border-radius: 0.2em;
					margin: 1em 0px;
					padding: 0.75em;
					background-color: #eee;
					word-break: break-all;	/* 描画領域の端では、無条件に折り返す */
				}
				/* 解説図 */
				.expimage img {
					max-width: 100%;
					height: auto;
				}

				/* ▽使用方法 */
				ul.howtouse-list li {
					margin-bottom: 0.25em;
				}
				dl.howtouse-list dt {
					font-weight: bold;
				}
				dl.howtouse-list dd {
					margin-bottom: 0.5em;
				}

				/* ▽アップデート履歴 */
				.oneupdatelog:first-line {
					background-color: #f0f0f0;
				}

	/* ==================== */
	/* ▼フローティング区画 */	/* 使わない(削除可) */
	/* ==================== */
	div.floatsearchbox {
		/*color: gray;
		font-size: 80%;
		position: absolute;
		right: 1em;
		text-align: right;
		top: 1em;*/
		display: none;
	}

	/* トップへ戻るボタン(common.cssの上書き) */
	#topbutton {
		top: 15px;
	}

	/* ================== */
	/* ▼ページフッタ区画 */
	/* ================== */
	#pagefooter {
		border-top: 1px dashed gray;
		clear: both;
		color: #000000;
		margin: 1em 0 0 0;
		padding: 0.5em;
	}
		/* ▽Archive系用 */
		#pagefooter.deeparchivefooter { margin: 0; }
	
	#pagefooter p.backlink {
		text-align: center;
		margin: 0.5em 0px;
	}
	#pagefooter p.accesscounter {
		text-align: right;
	}

	body > .counter {
		margin: 0;
		padding: 0;
		text-align: right;
	}

/* ――――――――――――――――――――――――――― */
/* ■レガシー環境以外のほぼすべて（横幅 320px以上の場合） */
/* ――――――――――――――――――――――――――― */
@media all and (min-width: 320px) {

}

/* ――――――――――――――――――――――――――― */
/* ■縦方向に十分長いモバイル環境（高さ 460px以上の場合） */	/* iPhone6なら550,iPhone5なら460 */
/* ――――――――――――――――――――――――――― */
@media all and (max-width: 767px) and (min-height: 460px) {

}

/* ――――――――――――――――――――――― */
/* ■タブレット用スタイル（横幅 600px以上の場合） */
/* ――――――――――――――――――――――― */
@media all and (min-width: 600px) {

	/* ========== */
	/* ▼本文区画 */
	/* ========== */

		/* ---------------------- */
		/* ▼メインコンテンツ領域 */
		/* ---------------------- */

		/* …………… */
		/* ▽記事情報 */
		/* タイトル */
		#deepcontainer div.deepcontentscover div.deepmainbox h2 {
			border-bottom: 1px solid green;
			font-size: 1.25em;
		}
			/* ----------------- */
			/* ▼Archive用上書き */
			#deepcontainer .deeparchivemain div.deepcontentscover div.deepmainbox h2 {
				border-bottom: none 0;
			}

			/* -------------- */
			/* ▼TIPS用上書き */
			body.deepTips #deepcontainer div.deepcontentscover div.deepmainbox h2 {
				border-color: darkblue;
			}

		/* ………………… */
		/* ▽本文領域全体 */
		/* 画像 */
		.floatright {
			float: right;
			margin: 0px 0px 5px 5px;
		}
		.floatleft {
			float: left;
			margin: 0px 5px 5px 0px;
		}

		/* 引用部分 */
		#deepcontainer div.deepcontentscover div.deepmainbox blockquote {
			padding: 1px 0px 1px 8px;
			margin: 1em 0px 1em 2em;
		}

		/* テーブル(Standard) */
		table.standard {
			font-size: 0.8em;		/* モバイルでは小さめにしていたが、タブレットでは少しだけ大きく。 */
		}
		table.standard tbody th,
		table.standard td {
			padding: 0.1em 0.2em;		/* モバイルでは狭めにしていたので、タブレットでは若干だけ広く取る。 */
		}

		/* ステップバイステップ解説用BOX */
		.stepbystepbox {
			flex-direction: row;
			gap: 1em;
		}

		/* -------------------- */
		/* ▼前後記事リンク領域 */
		/* -------------------- */
		#deepcontainer div.neighborhoodlink {
			border-spacing: 1em 0px; /* 左右→上下 */
		}
		#deepcontainer div.neighborhoodlink p {
			font-size: 100%;
			vertical-align: middle;
		}
		#deepcontainer div.neighborhoodlink p.forpreventry { text-align: right; width: 39%; }
		#deepcontainer div.neighborhoodlink p.neighborhoodboard { display: block; text-align: center; background-color: #97d597; border-radius: 21px; font-size: smaller; line-height: 1.25; padding: 0.5em; }
		#deepcontainer div.neighborhoodlink p.fornextentry { text-align: left; width: 39%; }
		#deepcontainer div.neighborhoodlink p span.linkdirection { display: none; }

			/* -------------- */
			/* ▼TIPS用上書き */
			body.deepTips #deepcontainer div.neighborhoodlink p.neighborhoodboard {
				background-color: #97b5ee;
				color: white;
			}

		/* ………………………… */
		/* ▼カテゴリリストなど */
		/* ………………………… */
		.categorieslistbox ul {
			margin: 1.5em 0.25em;
			padding: 0px;
		}
			.cat-item {
				display: inline-block;
				min-width: 175px;
				list-style-type: none;
				line-height: 2;
			}
			.cat-item a::before {
				content: "●";
				display: inline-block;
			}

}
/* ―――――――――――――――――――――――――― */
/* ■タブレット＆狭いPCスタイル（横幅 768px以上の場合） */
/* ―――――――――――――――――――――――――― */
@media all and (min-width: 768px) {

	/* ============ */
	/* ▼ヘッダ区画 */
	/* ============ */
	#deephead {
		margin: 0px;
		padding: 1em;
	}

		/* ---------------- */
		/* ▼ロゴ・ナビ領域 */
		/* ---------------- */
		#deephead p.pankuzulist {
			margin-right: 210px;
		}

	/* ========== */
	/* ▼本文区画 */
	/* ========== */

		/* ---------------------- */
		/* ▼メインコンテンツ領域 */
		/* ---------------------- */
		#deepcontainer div.deepcontentscover {
			margin: 1em;
		}
			/* -------------- */
			/* ▼TIPS用上書き */
			body.deepTips #deepcontainer div.deepcontentscover {
				border: 1px solid green;
			}

		/* …………… */
		/* ▽記事情報 */
		/* タイトル */
		#deepcontainer div.deepcontentscover div.deepmainbox h2 {
			background-color: transparent;
			font-size: 1.4em;
			padding-bottom: 0.1em;
		}

		/* テーブル(Standard) */
		table.standard {
			font-size: 1em;		/* モバイルでは小さめにしていたので、元に戻す。 */
		}
		table.standard tbody th,
		table.standard td {
			padding: 0.1em 0.3em;		/* モバイルでは狭めにしていたので、広く取る。 */
		}

		/* サイド画像付き解説BOX */
		.withSideImageBox {
			flex-direction: row;
		}

		/* ……………………………… */
		/* ヘッダのSNSボタン群バー  */
		/* ……………………………… */
		.socialbuttons {
			/* height: 1.5em; */	/* 複数行にならずに済むならバーは細く固定 */
		}

		/* ………………………………………………… */
		/* ▽Tips本文末尾など用のSNSボタン群バー  */
			/* ▽バリエーション */
			body.deepTips .socialbuttons {
				line-height: 1.5em;	/* 複数行にならずに済むならバーは細くする */
			}
			body.deepTips .socialbuttons::before {
				display: inline;	/* 単独行への強制を解除 */
				margin-bottom: 0;
			}

		/* -------------------- */
		/* ▼サブコンテンツ領域 */
		/* -------------------- */
		#deepcontainer div.middleareacover {
			display: table;
			border-collapse: separate; /* セルの間隔を空ける */
			border-spacing: 1em 0px; /* 左右→上下 */
			margin: 1em 0px;
			padding: 0px;
			width: 100%;
		}
		#deepcontainer div.middleareacover div.middleside,
		#deepcontainer div.middleareacover div.middlemain {
			display: table-cell;
			margin: 0px;
			padding: 0px;
			border: 1px solid green;
			background-color: #ffffff;
		}
			/* -------------- */
			/* ▼TIPS用上書き */
			body.deepTips #deepcontainer div.middleareacover div.middleside,
			body.deepTips #deepcontainer div.middleareacover div.middlemain {
				border: 1px solid green;
			}

		#deepcontainer div.middleareacover div.middleside {
			width: 30%;
		}

		/* 段組にしないサブコンテンツ領域 */
		#deepcontainer div.middleareacover.onecolumnbox { display: block; margin:0; }
		#deepcontainer div.middleareacover.onecolumnbox div.middlemain { display: block; border-collapse:collapse; border-spacing:0 0; margin:0 1em; width: auto; }

		/* ……………………………… */
		/* 解析系・アド系ボックス群 */
		/* ……………………………… */
		.bottomadcontainer {
			display: table;
		}
			.banneradbox {
				display: table-cell;
				width: 80%;	/* もう片側に最低120pxが必要なので、最低768pxで80%に留めておく。 */
				vertical-align: middle;
			}
			.sideadbox {
				display: table-cell;
				vertical-align: middle;
				opacity: 0.8;
			}
			.sideadbox .insideadbox {
				background-color: white;
				border-radius: 1em;
			}
			.sideadbox .insideadbox table#trackwordv {
				margin: 0px auto;
			}

		/* 中身 */
		div.trackword {
			font-size: 75%;
			line-height: 1;
		}
		div.trackword #trackwordv td {
			display: block;
		}
		div.trackword #trackwordv td a {
			color: gray;
		}

	/* ==================== */
	/* ▼フローティング区画 */
	/* ==================== */

	/* 検索窓 */
	#sitesearchbox {
		background-color: #ffffcc;
	}
	#sitesearchbox #srchBox #srchLogo a {
		display: inline-block;
	}

	/* トップへ戻るボタン(common.cssの上書き) */
	#topbutton {
		top: 3px;
		right: 3px;
	}
	#topbutton a {
		opacity: 0.25;
		background-color: rgba(255,255,204,0.75);
	}
	#topbutton a:hover {
		opacity: 1;
	}

}

/* ―――――――――――――――――――― */
/* ■通常PCスタイル（横幅 920px以上の場合） */
/* ―――――――――――――――――――― */
@media all and (min-width: 920px) {

		/* ------------ */
		/* ▼製品名領域 */
		/* ------------ */
		.pageheader .productname {
			font-size: 2.1em;	/* 日本語のみ or 和英混在の場合 */
		}
		.pageheader .productalpha {
			font-size: 3.6em;		/* 英字名の場合はもっと大きくする */
		}
		.pageheader .description {
			font-size: 1.8em;
		}
		.latestdownload {
			display: inline-block;
		}

		/* ------------------------------------------ */
		/* ▼メインコンテンツ領域：製品紹介形式ページ */
		/* ------------------------------------------ */
		.deepcontents {
		}
			.updateinfo {
			}
				.updatelog .date {
					display: inline-block;
					float: left;
				}
				.updatelog .upinfo {
					padding-left: 9em;
					display: block;
				}

			.bodyblock .main {
			}
				h4.keypoint {
				}
				h4 span.key {
					font-size: 1.4em;
					padding: 0.25em 1em 0.1em 0.5em;
				}
				h4 span.key::before {
					content: "➡";
					color: green;
					padding-right: 0.25em;
				}
				h4.expsubtitle {
					font-size: 1.1em;
				}
				h4.expsubtitle::before {
					content: "▼";
					color: #cccc00;
				}

				/* サンプルイメージ『ボックス』 */
				.sampleimagebox {
					float: right;
					margin: 0px 0px 0px 1em;
				}

				/* サンプルイメージ『エリア』 */
				.sampleimagearea p {
					margin: 0px 0.5em;	/* 広ければ左右に余白を設ける */
					padding: 0px;
				}

				/* ▽ファイル情報テーブル */
				.softwareinfo {
				}
					.softinfotable thead th {
						font-size: 1em;
					}
					.softinfotable tbody th,
					.softinfotable tbody td {
						font-size: 1em;
					}

				/* ▽インストール方法説明テーブル */
				.howtoinstall {
					font-size: 1em;
				}
				.howtoinstall th,
				.howtoinstall td {
					padding: 0.25em 0.5em;
				}

				/* ▽セットアップ方法 */
				.editpoints {
				}
					.editlines dd {
						padding: 0px 0px 0px 1.5em;
					}

}

/* ―――――――――――――――――――― */
/* ■広大PCスタイル（横幅1500px以上の場合） */
/* ―――――――――――――――――――― */
@media all and (min-width: 1500px) {

}


/* ―――――――――――――――――― */
/* ★記事メイン領域の新2段組レイアウト  */
/* ―――――――――――――――――― */
@media all and (max-width: 1024px) {

	/* 全共通 */
	.deepmaincover { display: block; }
	.deepcontentscover { display: block; }
	.deepcontentside { display: none; }

	/* 全共通 */
	.middleside { display: block; }
}
@media all and (min-width: 1025px) {

	/* 個別ページ */
	.deepmaincover { display: table; margin: 1em 0px; border-spacing: 1em 0px; width: 100%; table-layout:fixed; }
	.deepcontentscover { display: table-cell; width: 80%; }
	.deepcontentside { display: table-cell; width: 20%;
		border: 1px solid green;
		background-color: white;
		margin: 1em;
		padding: 0.5em;
	}

	/* アーカイブ系ページ */
	.deepmaincover.deeparchivecover { display: table; margin: 0; border-spacing: 0; width: 100%; table-layout:fixed; }
	.deeparchivemain { display: table-cell; width: 75%; }
	.deeparchiveside { display: table-cell; width: 20%; border-left: 1px dashed gray; background-color: #ffff80; }
	.deeparchivemain .deepcontentscover { display: block; width: auto; }
	.deeparchiveside .deepcontentside { display: block; width: auto; }

	/* 全共通 */
	.middleside { display: none !important; }
}

/* ----------------------------------------------- */
/* ★レスポンシブ・アドセンス(Mob左右余白8px/34px) */
/* ----------------------------------------------- */
#google1 { width: 320px; }
@media(min-width: 344px) { #google1 { width: 336px; } }
@media(min-width: 476px) { #google1 { width: 468px; } }
@media(min-width: 608px) { #google1 { width: 600px; } }	/* ここまで△余白+8px／余白+34px▽ */
@media(min-width: 728px) { #google1 { width: 694px; } }
@media(min-width: 1004px) { #google1 { width: 970px; } }
@media(min-width: 1025px) { #google1 { width: 707px; } }	/* #google1：ここまで▲1024まで段組なし(最大空間990px)／1025から2段組(最小空間755px)▼ */
@media(min-width: 1046px) { #google1 { width: 728px; } }
@media(min-width: 1341px) { #google1 { width: 970px; } }


/* ============================ */
/* ▼Style for SIMPLE DEEP PAGE */
/* ============================ */
.simpleMain {
	margin: 1em;
	padding: 1em;
	background-color: #fff;
	border: 1px solid #eeb;
	border-radius: 1em;
}

.pagetitle {
	text-align: center;
	font-size: 2em;
}
.modified {
	text-align: center;
	color: #cc5555;
	font-size: 80%;
	font-family: Verdana,Arial,sans-serif;
	font-weight: bold;
}

.notice {
	margin: 1.5em 1em;
	line-height: 1.4;
	border-style: double;
	border-color: green;
	border-width: 3px 0px;
	background-color: #fffff0;
}
.notice h3 {
	border-bottom: 1px dashed green;
	font-size: 100%;
	margin: 0px;
	padding: 0.3em;
	color: green;
	background-color: #ccffcc;
	letter-spacing: 0.1em;
}
.notice > p {
	margin: 0px;
	padding: 0.6em;
	color: #550000;
	background-color: #ffffcc;
}
.notes {
	background-color: #ffffdd;
	margin: 0;
	padding: 0.5em 0.67em;
}
.notes .onenote {
	font-size: 0.95em;
	margin: 0;
	padding: 0.3em 0;
	line-height: 1.35;
}

.backlinks {
	margin: 1em;
	padding: 2em 0;
	text-align: center;
}

/* ============================ */
/* ▼各ツール用スタイルの上書き */
/* ============================ */
/* prism.js :Coy */
pre.prism[class*="language-"]::before, pre.prism[class*="language-"]::after {
	display: none;
}