@charset "utf-8";
	/* -------------- */
	/* ▼タイトル区画 */
	/* -------------- */
	.headtitle {
		display: table-cell;	/* タイトルとボタンで2段組 */
		margin: 0;				/* 外側の余白量 */
		padding: 0.2em;			/* 内側の余白量 */
		color: white;			/* 文字色 */
		line-height: 1;			/* 行の高さ */
	}

		/* ▽メインタイトル */
		.maintitle {
			margin: 0;			/* 外側の余白量 */
		}
		/* ▽メインタイトルのリンク */
		.maintitle a {
			color: white;			/* 文字色 */
			text-decoration: none;	/* 下線を消す */
		}
		/* ▽メインタイトルのリンクにマウスが載ったとき */
		.maintitle a:hover {
			color: #ffa;				/* 文字色 */
			text-decoration: underline;	/* 下線を引く */
		}

		/* ▽サブタイトル */
		.subtitle {
			display: inline-block;	/* インラインブロック化 */
			font-size: 0.55em;		/* 文字サイズ */
		}

		/* ▽タイトル下部の概要文 */
		.mainguide {
			margin: 3px 0 0 0;	/* 外側の余白量 */
			line-height: 1.2;	/* 行の高さ */
		}

	/* ---------------------- */
	/* ▼管理・投稿ボタン区画 */
	/* ---------------------- */
	.headcontrol {
		display: table-cell;	/* タイトルとボタンで2段組 */
		text-align: center;		/* 中央寄せ */
		vertical-align: middle;	/* 上下の中心寄せ */
		padding: 0 3px;			/* 内側の余白量 */
	}

	/* ----------------------------------------- */
	/* ▼ヘッダ領域：画面の横幅が800px以上の場合 */
	/* ----------------------------------------- */
	@media all and (min-width: 800px) {
		/* 投稿・管理ボタン区画 */
		.headcontrol {
			white-space: nowrap;	/* ヘッダ領域のボタン部分を横並びに強制する */
		}

		/* タイトル区画 */
		.mainguide {
			line-height: 1;			/* 行の高さ */
		}
	}

	/* ----------------------------------------- */
	/* ▼ヘッダ領域：画面の横幅が480px以下の場合 */
	/* ----------------------------------------- */


/* ======================== */
/* ■入力フォームの表示領域 */		/* ※これはQUICKPOST用です。新規投稿専用画面や編集画面ではCGI内蔵のCSSが使われるため、ここの記述は適用されません。 */
/* ======================== */
.postform {
	background-color: #eee;	/* 背景色 */
	margin: 1em;			/* 外側の余白量 */
	padding: 1em;			/* 内側の余白量 */
}
.postform p {
	margin: 0;
}
	/* ------------ */
	/* ▼本文入力欄 */
	/* ------------ */
	textarea.tegalogpost {
		border: 2px green solid;	/* 枠線 */
		border-radius: 0.67em;		/* 枠の角丸 */
		background-color: white;	/* 背景色 */
		font-size: 0.9rem;			/* 文字サイズ */
		padding: 0.5em;				/* 内側の余白量 */
		margin-bottom: 0.25em;		/* 外側下の余白量 */
		box-sizing: border-box;		/* サイズ解釈方法 */
		width: 100%;				/* 横幅 */
		height: 4.3em;				/* 高さ */
		overflow-wrap: break-word;	/* 折り返し方法 */
		overflow: auto;				/* はみ出した場合の処理 */
	}
		/* ▽プレースホルダ(※入力文字数がゼロの際にだけ見える薄文字)の装飾 */
		textarea.tegalogpost:placeholder-shown { color: #777; }			/* 通常時 */
		textarea.tegalogpost:focus:placeholder-shown { color: #bbb; }	/* カーソルが入ったとき */
		textarea.tegalogpost:-ms-input-placeholder { color: #aaa; }		/* for IE */

	/* 横幅800px以下の環境の場合 */
	@media all and (max-width: 800px) {
		textarea.tegalogpost {
			font-size: 16px;	/* 文字サイズ */
			padding: 0.4em;		/* 内側の余白量 */
		}
	}

	/* ------------------------------------------------ */
	/* ▼投稿コントロール部分(ボタンや字数カウンタなど) */
	/* ------------------------------------------------ */
	.line-control {
		margin: 0.25em 0;	/* 外側の余白量 */
	}

	/* ------------ */
	/* ▼投稿ボタン */
	/* ------------ */
	.postbutton {
		display: inline-block;		/* インラインブロック化 */
		background: green;			/* 背景色 */
		color: white;				/* 文字色 */
		font-size: 1rem;			/* 文字サイズ */
		font-weight: bold;			/* 太字 */
		text-decoration: none;		/* 下線を消す */
		padding: 0.25em 0.75em;		/* 内側の余白量 */
		border: 1px solid green;	/* 枠線 */
		border-radius: 1em;			/* 枠の角丸 */
	}
	/* ▼投稿ボタンにマウスが載ったとき */
	.postbutton:hover {
		background-color: #00cc00;	/* 背景色 */
	}

	/* ------------------ */
	/* ▼文字装飾ボタン群 */	/* ★Ver 1.4.0以降で使用 */
	/* ------------------ */
	/* 掲載領域全体 */ .decoBtns { display: inline-block; margin-top: 0.5em; }
	/* 全ボタン装飾 */ .decoBtns input { min-width: 32px; min-height: 28px; margin:1px; background-color:#eee; border: 1px solid #aaa; cursor: pointer; border-radius: 3px; font-size: 14px; vertical-align: middle; }
	/* マウス載る際 */ .decoBtns input:hover { background-color:#e5f1fb; border-color: #0078d7; }
	/* 太字  :B */ .decoBtnB { font-weight: bold; }
	/* 取消線:D */ .decoBtnD { text-decoration: line-through; text-decoration-color: red; text-decoration-style: double; }
	/* 強調  :E */ .decoBtnE { font-weight: bold; color: blue; }
	/* 斜体  :I */ .decoBtnI { font-style: italic; }
	/* 引用  :Q */ .decoBtnQ {  }
	/* 小さめ:S */ .decoBtnS {  }
	/* 極小  :T */ .decoBtnT { font-size: 11px !important; }
	/* 下線  :U */ .decoBtnU { text-decoration: underline; text-decoration-color: red; }
	/* 文字色:C */ .decoBtnC { color: red; }
	/* 背景色:M */ .decoBtnM { color: blue; }

	@media all and (min-width: 800px) {
		/* ▼文字装飾ボタン群 */
		.decoBtns { margin-top: 0; }
	}

	/* -------------------------------- */
	/* ▼カテゴリ選択チェックボックス群 */	/* ★Ver 3.0.0以降で使用 */
	/* -------------------------------- */
	.catChecks { font-size:0.9em; padding-top: 0.5em; }
	.catChecks label { display:inline-block; cursor:pointer; margin:0 0.75em 0 0; }
	.catChecks label:hover { text-decoration:underline; }
	.catChecks input { min-width:0; min-height:0; margin-right:0.2em; }

	/* 投稿欄下部：「鍵付き」チェックボックスと「個別鍵」ボタンの間を詰める一時的なスタイル */
	.funcUIs .catChecks { margin:0 0.75em 0 0; }
	.funcUIs .catChecks label { margin: 0; }


/* ====================== */
/* ■メイン(ログ掲載)領域 */
/* ====================== */
.mainarea {
	margin: 1em;	/* 外側の余白量 */
	padding: 0;		/* 内側の余白量 */
}

	/* ------------------------------------------ */
	/* ▼表示対象の限定時などの「限定条件」表示行 */
	/* ------------------------------------------ */
	.situation {
		margin: 0 0 1em 0;	/* 外側の余白量 */
		font-weight: bold;	/* 太字 */
		display: none;
	}
	.situation:empty { display: none; }	/* 限定表示がない場合は存在自体を消す */

	/* -------------- */
	/* ▼日付境界バー */
	/* -------------- */
	.dateseparator {
		background-color: #0a0;	/* 背景色 */
		color: white;			/* 文字色 */
		padding: 2px 1em;		/* 内側の余白量 */
		text-align: left;		/* 左寄せ */
	}

	/* ▼日付境界バーの表示文字列の先頭に付加する記号 */
	.dateseparator::before {
		content: '▼';			/* 何も付け加えたくない場合はこの1行を消して下さい */
	}

	/* ▼日付境界バー内のリンク(ボタン) */
	.dateseparator a {
		display: inline-block;	/* インラインブロック化 */
		margin-left: 1.5em;		/* 外側左の余白量 */
		color: #ffc;			/* 文字色 */
		font-size: 0.75em;		/* 文字サイズ */
		font-weight: normal;	/* 太字を解除 */
		border: 1px solid #ffc;	/* 枠線 */
		border-radius: 1em;		/* 枠の角丸 */
		padding: 0px 1em;		/* 内側の余白量 */
		text-decoration: none;	/* 下線を消す */
		vertical-align:middle;	/* 上下の中心寄せ */
	}
	/* ▼日付境界バー内のリンク(ボタン)にマウスが載ったとき */
	.dateseparator a:hover {
		background-color: #cec;	/* 背景色 */
		color: green;			/* 文字色 */
		border-color: skyblue;		/* 枠線の色 */
	}

	/* 投稿ボックスのカバー(外枠) */
	.sitemapcover {
		text-align: center;
	}

/* ====================================================== */
/* ■投稿ボックス(一発言)ごとの表示：サイトマップ風の装飾 */	/* ※この領域は、内側スキンで生成しているHTMLに対する装飾です。 */
/* ====================================================== */
.onelogbox {
	margin: 0;	/* 外側の余白量 */
	padding: 1.5em;			/* 内側の余白量 */
	border-bottom: 1px solid #2B2B2B; /* 枠線 */
	display: inline-block;		/* 空間があれば横並びにする */
	max-width: 1000px;			/* 画面からはみ出すのを防ぐ */
	width: 100%;				/* 基本の横幅 */
	box-sizing: border-box;
	text-align: left;			/* 左寄せ */
}

	/* ▼※幅の狭い画面用の外観補正(横幅が1270px以下の場合) */
	@media (max-width: 1270px) {
		.onelogbox {
			padding: 1em 0.5em 1em 1.3em;		/* 内側の余白量 */
			width: 95%;				/* 基本の横幅 */
			border-right: 0 none;	/* 右側の枠線を消す */
		}
	}

	/* ▼※モバイル用の外観補正(横幅が599px以下の場合) */
	@media (max-width: 599px) {
		.onelogbox {
			width: 100%;				/* 基本の横幅 */
			padding: 0.75em 0 0.75em 19px;		/* 内側の余白量 */
		}
	}

	/* ▼タイトル(本文先頭の抜粋領域) */
	.logtitle {
		margin: 0.25em 0;	/* 外側の余白量 */
		line-height: 1.1;			/* 行の高さ */
		font-size: 1em;				/* 文字サイズ */
	}
		/* リンクを横幅いっぱいに広げて、かつ、はみ出る部分を「…」で省略する装飾 */
		.logtitle a {
			display: block;				/* ブロック化 */
			padding: 0.25em;			/* 内側の余白量 */
			overflow: hidden;			/* はみ出る部分を非表示に */
			text-overflow: ellipsis;	/* はみ出る部分を「…」で省略 */
			white-space: nowrap;		/* 折り返さない */
			text-decoration: none;		/* 下線を消す */
		}
		.logtitle a:hover {
			text-decoration: underline;	/* 下線を表示 */
		}

		/* 投稿ID枠 */
		.postidbox {
			color: white;
			background-color: #2B2B2B;
			display: inline-block;
			font-size: 0.8em;
			padding:1px 0.5em;
			border-radius:0.5em;
			margin: 0 17px 0 0;
		}
		.logtitle a:hover .postidbox {
		}

			/* 投稿ID */
			.postid { color: white; }

	/* ▼投稿情報枠 */
	.loginfo {
		margin: 0;			/* 外側の余白量 */
		padding: 0;			/* 内側の余白量 */
		text-align: right;	/* 右寄せ */
		font-size: 0.8rem;	/* 文字サイズ */
		color: gray;		/* 文字色 */
	}
	.loginfo a {
		text-decoration: none;	/* ユーザ名リンクの下線を消す */
	}
	.loginfo img {
		vertical-align: middle;	/* 画像(ユーザ別アイコン)を上下方向で中央に寄せる */
	}

	/* 投稿日時枠 */	.postdatebox { color: gray; display: inline-block; }
	/* 投稿日時 */		.postdate { color: black; }
	/* 投稿文字数 */	.postlength { display: inline-block; }
	/* 投稿者名枠 */	.usernamebox { display: inline-block; }
	/* アイコン */		.usericon { height: 16px; width: auto; vertical-align:middle; }

	/* ▼投稿後間もないことを示すNewサイン */
	.newsign {
		display: block;
		float: right;			/* 右端に配置 */
		margin: 0;				/* 外側の余白量 */
		padding: 1px 3px;		/* 内側の余白量 */
		vertical-align: top;	/* 上寄せ */
		font-size: 0.6em;		/* 文字サイズ */
		color: red;				/* 文字色 */
	}
	.newsign:empty {
		display: none;		/* Newサインを表示しない状況では、枠自体を描画しないようにする指定。 */
	}

	/* ‥‥‥‥‥‥ */
	/* ▼カテゴリ名 */
	/* ‥‥‥‥‥‥ */
	.categories {
		display: inline-block;
		color: #bbb;				/* 文字色(記号の色) */
	}
	.categories::before {
		content: '《';		/* カテゴリ枠の先頭に「《」の表示を追加 */
	}
	.categories::after {
		content: '》';				/* カテゴリ枠の末尾に「》」の表示を追加 */
	}
	.categories:empty {
		display: none;				/* カテゴリが1つもない場合は、枠自体を表示しない。 */
	}
		/* ▽カテゴリリンク1つ */
		.categorylink {
			display: inline-block;
			text-decoration: none;		/* リンクの下線を消す */
			margin: 0 3px;				/* 左右に3pxの余白 */
		}
		/* リンクの文字色 */
		.categorylink:link {
			color: green;				/* 文字色 */
		}
		/* ▽カテゴリリンクにマウスが載ったとき */
		.categorylink:hover {
			text-decoration: underline;	/* 下線を表示 */
		}
		/* ▽カテゴリ間のセパレータ */
		.catseparator {
			display: inline-block;
		}

			/* ▽カテゴリアイコン */
			.categoryicon img {
				height: 1.2em;
				width: auto;
				vertical-align: text-top;
				margin: 0 1px;
			}

		/* 編集リンク */
		.editlink a {
			margin: 0 0.1em 0 0;	/* 外側の余白量 */
			padding: 0.3em 0.5em;	/* 内側の余白量 */
			display: inline-block;
			text-decoration: none;			/* リンクの下線を消す */
			text-align: center;				/* センタリング */
			vertical-align: text-bottom;	/* 下寄せ */
			font-size: 0.85em;				/* 文字サイズ */
			line-height: 1;					/* 行の高さ */
			color: #85880f;					/* 文字色 */
			background-color: #e0e0a3;		/* 背景色 */
			border: 1px solid #85880f;		/* 枠線 */
			border-radius: 5px;				/* 角丸 */
		}
		/* 編集リンクにマウスが載ったとき */
		.editlink a:hover {
		}


/* ====================================================================== */
/* ■一発言だけが表示される際に追加表示されるユーティリティリンク群の装飾 */	/* 各投稿の個別ページでのみ表示される囲みナビ用の装飾です。表示項目の取捨選択や詳細な装飾方法は https://www.nishishi.com/cgi/tegalog/custom/#customizecss-utilitylinkbox をご覧下さい。 */
/* ====================================================================== */
.utilitylinks {
	margin: 2em 1em 1em 1em;	/* 外側の余白量 */
	padding: 0.5em;				/* 内側の余白量 */
	border: 1px solid #7a7;		/* 枠線 */
	border-radius: 1em;			/* 枠の角丸 */
	background-color: #efd;		/* 背景色 */
	font-size: 0.9em;			/* 文字サイズ */
}
/* ▼ナビのリンクリスト */
.utilitylinks ul {
	color: darkgreen;			/* 文字色 */
}


/* ========== */
/* ■サブ領域 */
/* ========== */
.subarea {
}

/* 付け足し
------------------------------------------------------------*/
.categories {
  position: static;
}
.logstatus-lock {
  background: url('/contents/test/images/key.png') center left 2px no-repeat;
  background-size: 19px;
}

/* End of file */