@charset "utf-8";
body {
	margin: 0;
	background-color:#b7bfcc;
}
.pagetop {
	display: flex;
	justify-content:right;
	position: fixed; bottom: 10px; right:20px;  
	opacity: 0.5;
	z-index: 2;
	}
	a:link { color: #000; }		/* 未訪問リンク */
	a:visited { color: #A9A9F5; }	/* 既訪問リンク */
	a:hover { color: #FE9A2E; }	/* マウスが載ったとき */
	.url {
		display:inline-block;
		word-break:break-all;	/* 自動リンクのはみ出しを防ぐ */
	}
header {
	display: table;				/* タイトルとボタンで2段組 */
	background-color: #000;	/* 背景色 */
	width: 100%;
	color:#FE9A2E;
}
	.headtitle {
		display: table-cell;	/* タイトルとボタンで2段組 */
		margin: 0;				/* 外側の余白量 */
		padding: 10px;	/* 内側の余白量 */
		line-height: 1;			/* 行の高さ */
	}
		/* ▽メインタイトル */
		.maintitle {
			padding: 20px 20px 5px 20px;
			font-size: 1.2em;
				}
		/* ▽メインタイトルのリンク */
		.maintitle a {
			color:#FE9A2E;
			display: inline-block;
			text-decoration: none;	
		}
		/* ▽メインタイトルのリンクにマウスが載ったとき */
		.maintitle a:hover {
			color: #F2F2F2;
			text-decoration: underline;	
		}
		.subtitlle a {
			color:#FFF;
			font-size: 1.5em; 
			display: inline-block;
			padding: 15px 20px;
		}
		.subtitle a:hover {
			color: #b5f7e8;
		}
	/* ---------------------- */
	/* ▼管理・投稿ボタン区画 */
	/* ---------------------- */
	.headcontrol {
		display: table-cell;	/* タイトルとボタンで2段組 */
		text-align: center;		/* 中央寄せ */
		vertical-align: middle;	/* 上下の中心寄せ */
		padding: 0 3px;			/* 内側の余白量 */
	}

		/* ------------ */
		/* ▼検索窓区画 */
		/* ------------ */
		.searcharea {
			margin: 0.25em;					/* 外側の余白量 */
			padding: 0.25em;				/* 内側の余白量 */
			background-color: #000000;			/* 背景色 */
		}
		/* ▼見出し */
		.searcharea .cornertitle {
			font-weight: bold;
			margin: 0;
			color: rgb(75, 86, 110);
			text-shadow: 1px 1px 1px white;
		}
			/* ▽検索フォーム */
			.searchbox {
				margin: 0;
				color: #fff;
			}
				.queryinput {
					border: 2px solid #333;
					border-radius: 0.5em;
					font-size: 1em;
					padding: 0.25em 0.5em;
				}
				.searchbox .submitbutton {
					background-color: #FFF;
					border: 2pxsolid #ffffff;
					font-size: 0.9em;
					padding: 0.15em 0.67em;
					border-radius: 0.7em;
					font-weight: bold;
					color: #000000;
					display: inline-block;
					margin: 0 0 0 3px;
				}
				.searchbox .submitbutton:hover {
					background-color: #D8D8D8;
				}

			/* ▽検索対象を限定するチェックボックス */
			.searchtarget {
				margin: 0;
				font-size: 0.9em;
				line-height: 1.3;
			}


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

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

	/* ----------------------------------------- */
	/* ▼ヘッダ領域：画面の横幅が480px以下の場合 */
	/* ----------------------------------------- */
	@media all and (max-width: 480px) {

		/* タイトルとボタンの段組は解消 */
		header { display: block; }
		.headtitle { display: block; }
		.headcontrol { display: inline-block; }

		/* タイトル区画 */
		.subtitle {
			font-size: 0.35em;		/* 文字サイズ */
			vertical-align: middle;	/* 上下の中心寄せ */
		}
		.mainguide {
			font-size: 0.8em;		/* 文字サイズ */
			line-height: 1.25;		/* 行の高さ */
		}
	}

/* ====================== */
/* ■メイン(ログ掲載)領域 */
/* ====================== */
.mainarea {
		text-align: center;		/* 中央寄せ */
		max-width: 1500px;
		background-color: #fff;	
		margin: 10px auto;	
		padding: 15px;
}
	/* ------------------------------------------ */
	/* ▼表示対象の限定時などの「限定条件」表示行 */
	/* ------------------------------------------ */
	.situation {
		margin: 0 0 1em 0;	/* 外側の余白量 */
		font-weight: bold;	/* 太字 */
		color: #0000009d;		/* 文字色 */
	}
	.situation:empty { display: none; }	/* 限定表示がない場合は存在自体を消す */

	/* -------------- */
	/* ▼日付境界バー */
	/* -------------- */
	.dateseparator {
		background-color: rgb(83, 83, 83);	/* 背景色 */
		color: white;			/* 文字色 */
		padding: 2px 1em;		/* 内側の余白量 */
	}

	/* ▼日付境界バーの表示文字列の先頭に付加する記号 */
	.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;		/* 枠線の色 */
	}


/* ================================ */
/* ■投稿ボックス(一発言)ごとの表示 */	/* ※この領域は、内側スキンで生成しているHTMLに対する装飾です。 */
/* ================================ */
.onelogbox {
	display: inline-block;			/* ブロックを横並びにする */
	border-top: 1px #ccc dashed;	/* ブロック上端の枠線 */
	width: 230px;					/* 横幅サイズ */
	vertical-align: top;			/* 上寄せ */
	margin: 0 5px 0 0;			/* 外側の余白 */
	padding: 0.34em 0.2em 1.2em 0.2em;				/* 内側の余白 */
	font-size: 0.9em;
}

	/* ---------------- */
	/* ▼投稿情報(Head) */
	/* ---------------- */
	.oneloghead {
		margin: 0;
	}

		/* ………………… */
		/* ▼投稿番号部分 */
		/* ………………… */
		.memonum {
			margin: 0.3em 0;	/* 外側の余白量 */
			font-size: 1em;	/* 文字サイズ */
			color: gray;		/* 文字色 */
		}

		/* ▽投稿番号のリンク */
		.memonum a {
			text-decoration: none;	/* 下線を消す */
			font-size: 1em;
		}

		/* ▽投稿番号のリンクにマウスが載ったとき */
		.memonum a:hover {
			color: red;			/* 文字色 */
		}

		/* ……………………… */
		/* ▼投稿日時のリンク */
		/* ……………………… */
		.postdate {
			display: inline-block;		/* インラインブロック化 */
			font-size: 0.9em;			/* 文字サイズ */
		}

		/* …………………… */
		/* ▼New!サイン部分 */
		/* …………………… */
		.newsign {
			display: inline-block;	/* インラインブロック化 */
			color: #f55;			/* 文字色 */
			margin-right: 0.35em;	/* 外側下の余白量 */
		}
/* ▼投稿画像＋本文抜粋 */
	.onelogmain {
		margin: 0;
		min-height: 220px;
	}
		/* ……………………… */
		/* ▼先頭画像掲載部分 */
		/* ……………………… */
		.imagebox {
			margin: 0;
		}
			/* ▽画像ボックス(FIGオプション指定時) */
			.embeddedpictbox {
				margin: 0;					/* 外側の余白を消す */
				padding: 0;					/* 内側の余白を消す */
				display: table;				/* テーブル化(キャプションの配置制御のため) */
				border-collapse: collapse;	/* displayをinline-tableにする場合に必要 */
				vertical-align: top;		/* 行内では上に寄せる */
			}
				/* キャプション */
				.embeddedpictbox figcaption {
					display: table-caption;		/* キャプションが画像幅から外に出ないようにする */
					caption-side: bottom;			/* キャプションの位置(下にしたければbottom) */
					font-size: 0.9em;			/* 文字サイズ */
					text-align: center;			/* センタリング */
					background-color: #F2F2F2;	/* 背景色 */
				}

				/* 画像ボックスに含まれる画像 */
				.embeddedpictbox img {
					vertical-align: middle;
				}

			/* ▽画像リンク */
			.imagelink {
				display: inline-block;
				line-height: 1;				/* 表示形態によっては画像の下に余計な空白が出るのを防ぐ対策 */
				vertical-align: inherit;	/* 同上 */
			}

/* ▽画像そのもの */
			.embeddedimage {
				max-width: 100%;	/* 横方向にはみ出ないようにする */
				max-height: 240px;	/* 大きくなりすぎないようにする */
				width: auto;	/* 横幅を固定したい場合を除いて、ここは auto のままにするのがお勧め */
				height: auto;	/* 高さを固定したい場合を除いて、ここは auto のままにするのがお勧め */
			}

			/* ▽フラグ付き画像 (※設定や採用記法によって出力パターンが複数あるため、あらゆるパターンに対応させるべく同じスタイルを2重に指定しています。) */
			figure.nsfw {
				overflow: hidden;	/* ぼかし領域がfigureのボックスからはみ出ないようにする */
			}
			.imagelink.nsfw {
				overflow: hidden;	/* ぼかし領域がfigureのボックスからはみ出ないようにする */
			}
			img.nsfw {
				filter: blur(9px);	/* ぼかす */
			}

/* ▼投稿本文抜粋 */
		.onelogtext {
			line-height: 1.3;
			overflow-wrap: break-word;
		}

/* 矢印リンク */
			.arrowlink {
				display: inline-block;		/* インラインブロック化 */
				text-align: center;			/* センタリング */
				text-decoration: none;		/* 下線を消す */
				color: #0078d7;				/* 文字色 */
				background-color: #e5f1fb;	/* 背景色 */
				border: 1px solid #0078d7;	/* 枠線 */
				border-radius: 50%;			/* 角丸 */
				line-height: 1;		/* 行の高さ */
				height: 1em;		/* 高さ */
				width: 1em;			/* 横幅 */
			}

			/* 矢印リンクにマウスが載った際 */
			.arrowlink:hover {
				border-color: orange;			/* 枠線色 */
				background-color: orange;		/* 背景色 */
				color: white;					/* 文字色 */
			}

/* ハッシュタグリンク */
			.onelogtext .taglink {
				font-size: 1em;			/* 文字サイズ */
				padding: 0 0.25em;			/* 内側の余白 */
				border:0;
				vertical-align: middle;
				color: #FAAC58;
			}

/* カテゴリ名 */
			.categories {
			}
				/* ▽カテゴリリンク1つ */
				.categorylink {
					font-size: 1em;			/* 文字サイズ */
					padding: 0 0.25em;			/* 内側の余白 */
					border: 0;
					vertical-align: middle;
					color: #04B4AE;
				}
				/* ▽カテゴリ間のセパレータ */
				.catseparator {
					display: inline-block;
					color: #ccc;			/* 文字色 */
				}

	/* ---------------- */
	/* ▼投稿情報(Foot) */
	/* ---------------- */
	.onelogfoot {
		margin: 0;
		padding: 3px 0;
		text-align: right;
		font-size: 0.8em;
	}

			/* ‥‥‥‥‥‥‥ */
			/* ▼ユーザ名部分 */
			/* ‥‥‥‥‥‥‥ */
			.username {
				display: block;		/* ブロック化 */
				padding-top: 4px;	/* 内側上の余白量 */
			}

			/* ‥‥‥‥‥‥‥ */
			/* ▼投稿ユーザID */
			/* ‥‥‥‥‥‥‥ */
			.postuserid {
				margin: 0 0.3em;	/* 外側の余白量 */
			}

			/* ▽ユーザIDのリンク */
			.postuserid a {
				text-decoration: none;		/* 下線を消す */
				color: inherit;				/* 文字色(継承) */
			}
			/* ▽ユーザIDのリンクにマウスが載ったとき */
			.postuserid a:hover {
				text-decoration: underline;	/* 下線を引く */
			}

			/* ▽ユーザアイコン */
			.usericon {
				width: 16px;
				height: 16px;
				vertical-align: -10%;
			}

			/* ‥‥‥‥‥‥ */
			/* ▼編集リンク */
			/* ‥‥‥‥‥‥ */
			.editlink a {
				display: inline-block;	/* インラインブロック化 */
				font-size: 0.82em;		/* 文字サイズ */
				color: black;			/* 文字色 */
				text-decoration: none;	/* 下線を消す */
				background-color: #eee;	/* 背景色 */
				border: 1px solid #ccc;	/* 枠線 */
				border-radius: 0.5em;	/* 枠の角丸 */
				padding: 0 0.5em;		/* 内側の余白量 */
			}

			/* ▽編集リンクにマウスが載ったとき */
			.editlink a:hover {
				color: white;			/* 文字色 */
				background-color: #08f;	/* 背景色 */
				border-color: #08f;		/* 枠線の色 */
			}

	/* ------------------------------ */
	/* ▼画面幅が狭い場合の上書き装飾 */
	/* ------------------------------ */
	@media all and (max-width: 480px) {
		/* ▼投稿情報カラム */
		.onelogside {
			width: 64px;		/* 横幅 */
		}
		/* ▼投稿本文 */
		.comment {
			margin-left: 0.3em;	/* 外側左の余白量 */
			line-height: 1.45;	/* 行の高さ */
		}
	}
	
	/* ====================================================================== */
/* ■一発言だけが表示される際に追加表示されるユーティリティリンク群の装飾 */	/* 各投稿の個別ページでのみ表示される囲みナビ用の装飾です。 */
	/* ====================================================================== */
.utilitylinks {
	margin: 2em 1em 1em 1em;	/* 外側の余白量 */
	padding: 0.5em;				/* 内側の余白量 */
	border: 1px solid #7a7;		/* 枠線 */
	border-radius: 1em;			/* 枠の角丸 */
	background-color: #CEECF5;		/* 背景色 */
	font-size: 0.9em;			/* 文字サイズ */
}
/* ▼ナビのリンクリスト */
.utilitylinks ul {
	color:#8A0829;			/* 文字色 */
}
/* ■ページナビゲーション領域 */
	.pagenavi {
	margin: 2.5em 0px;			/* 外側の余白 */
	padding: 0.5em 0px;		/* 内側の余白 */
	text-align: center;			/* 中央寄せ */
	border-width: 3px 0px;		/* 枠線の太さ */
	text-align: center;			/* センタリング */
	}
/* ▼ページ前後移動リンク群ボックス全体 */
	.pagelinks {
		margin: 0.15em;		/* 外側の余白 */
	}
	/* ▼ページ移動リンクの文字 */
	.pagelinks a {
		font-weight: bold;	/* 太字 */
	}
/* ▼ページ番号リンク群ボックス全体 */
	p.pagenums {
		margin: 0.5em;		/* 外側の余白 */
	}

	/* ▼ページ番号リンクの数字 */
	.pagenums a.pagenumlink {
		margin: 0px 2px 0px 2px;	/* 外側の余白 */
		padding: 0.2em 0.5em;		/* 内側の余白 */
		font-size: 1em;				/* 文字サイズ */
		font-weight: bold;			/* 太字 */
	}
	/* ▽現在のページ番号の装飾 */
	a.pagenumhere {
		text-decoration: none;		/* リンク装飾を消す */
		background-color: #000;	/* 背景色 */
		color: white;				/* 文字色 */
		border-radius: 0.3em;			/* 角丸 */
	}
	/* ▽ページ番号リンクにマウスが載った際の装飾 */
	a.pagenumlink:hover {
		text-decoration: none;		/* リンク装飾を消す */
		background-color: #aa0000;	/* 背景色 */
		color: white;				/* 文字色 */
		border-radius: 1em;		/* 角丸 */
	}

/* ▼限定解除リンク(＝HOMEに戻るリンク) */
	.pagehome {
		margin: 0.15em;		/* 外側の余白 */
		font-weight: bold;	/* 太字 */
	}
/* ■サブ領域 */
	.subarea {
	margin: 1em;					/* 外側の余白量 */
	padding: 0 1em;					/* 内側の余白量 */
	background-color: #000;			/* 背景色 */
	border: 1px dotted green;		/* 枠線(左側) */
	}
	/* -------------------- */
/* ▼フリースペース区画 */
	/* -------------------- */
	.freespacearea {
		margin: 0;					/* 外側の余白量 */
		padding: 0;					/* 内側の余白量 */
	}
	/* ▼見出し */
	.freespacearea .cornertitle {
		margin: 0;							/* 外側の余白量 */
		font-weight: bold;					/* 太字 */
		color: #aa5;						/* 文字色 */
		text-shadow: 1px 1px 1px white; 	/* 文字の影 */
	}
		/* ▽フリースペースの本文 */
		.freespacebody {
			margin: 0.5em 0;		/* 外側の余白量 */
			padding: 0.75em;		/* 内側の余白量 */
			background-color: #efe;	/* 背景色 */
			border-radius: 0.5em;	/* 角丸 */
			line-height: 1.5;		/* 行の高さ */
		}
		/* ▽フリースペースの編集リンク */
		.freespaceedit {
			margin: 0;
			text-align: right;
			font-size: 0.75em;
		}
footer {
	margin: 1em 0px 0px 0px;	/* 外側の余白 */
	padding: 0.5em 0px;			/* 内側の余白 */
	background-color: #000;	/* 背景色 */
	color: white;				/* 文字色 */
}
	/* ▼管理操作リンク群 */
	footer .control-links {
		text-align: center;		/* 中央寄せ */
		margin: 0.5em;			/* 外側の余白量 */
	}
	/* ▼戻るリンク */
	.backlink {
		text-align: center;		/* 中央寄せ */
		margin: 0.5em;			/* 外側の余白量 */
	}
	/* ▼フッタ内リンクの装飾 */
	footer a:link    { color: white; }  	/* 未訪問 */
	footer a:visited { color: white; }  	/* 訪問済み */
	footer a:hover   { color: #FE9A2E; } 	/* マウスが乗ったとき */
	footer a:active  { color: #ccffcc; }	/* アクティブ時 */
	/* 著作権表示(Poweredby)のデザイン */
	.poweredby { margin: 2em 1em 0.5em 1em; font-size: 0.8em; text-align:left;}
/* End of file */