@charset "utf-8";

/* ………………………………………………………………………………………………… */
/* てがろぐ -Fumy Otegaru Memo Logger- ギャラリースタイルシート for Ver 3.6.0 */
/* ………………………………………………………………………………………………… */
/* ※装飾面のカスタマイズ方法については、配布サイト内にある「カスタマイズ方法」ページ https://www.nishishi.com/cgi/tegalog/custom/ の『装飾のカスタマイズ方法』区画にある解説や記述例もご参照下さい。 */

/* Table of Contents：
   -------------------
	■全体共通装飾
		▼リンクの装飾
		▼URLが書かれた場合の装飾

	■ページ最上部(ヘッダ)領域
		▼タイトル区画
		▼管理・投稿ボタン区画
			▼検索窓区画
	▼ヘッダ領域：画面の横幅が800px以上の場合
	▼ヘッダ領域：画面の横幅が480px以下の場合

	■入力フォームの表示領域
		▼本文入力欄
		▼投稿コントロール部分(ボタンや字数カウンタなど)
		▼投稿ボタン
		▼文字装飾ボタン群
		▼カテゴリ選択チェックボックス群

	■メイン(ログ掲載)領域
		▼表示対象の限定時などの「限定条件」表示行
		▼日付境界バー

	■投稿ボックス(一発言)ごとの表示
		▼投稿情報(Head)
			▼投稿番号部分
			▼投稿日時のリンク
			▼New!サイン部分
		▼投稿画像＋本文抜粋
			▼画像ボックス
			▼投稿本文抜粋
		▼投稿情報(Foot)
			▼ユーザ名部分
			▼投稿ユーザID
			▼編集リンク
	▼画面幅が狭い場合の上書き装飾

	■一発言だけが表示される際に追加表示されるユーティリティリンク群の装飾
		▼ナビのリンクリスト

	■ページナビゲーション領域
		▼ページ前後移動リンク群ボックス全体
		▼ページ番号リンク群ボックス全体
		▼限定解除リンク(＝HOMEに戻るリンク)

	■サブ領域
		▼フリースペース区画

	■ページ最下部(フッタ)領域
*/



/* ============== */
/* ■全体共通装飾 */
/* ============== */
body {
	font-family: "Noto Sans JP','Hiragino Kaku Gothic ProN', Meiryo",sans-serif;
	margin: 0;
	padding: 0;
}

	/* -------------- */
	/* ▼リンクの装飾 */
	/* -------------- */
	a:link { color: #93F; }		/* 未訪問リンク */
	a:visited { color: #93F; }	/* 既訪問リンク */
	a:hover { color: #C3F; }	/* マウスが載ったとき */

	/* ------------------------- */
	/* ▼URLが書かれた場合の装飾 */
	/* ------------------------- */
	.url {
		display:inline-block;
		word-break:break-all;	/* 自動リンクのはみ出しを防ぐ */
	}

	/* ------------------------- */
	/* ▼トップ画像円形表示 */
	/* ------------------------- */

	figure {
		text-align: center;

	}
	.top_icon img {
		border-radius: 50%;
		width: 200px;
		height: 200px; 
		object-fit: cover;
		border: 3px solid #93F;
	}

	/* ---------------------- */
	/* ▼自由装飾用の装飾の例 */	/* 自由装飾は [F:myclass:対象文字] の記法で <span class="deco-myclass">対象文字</span> のようにマークアップされる機能です。あらかじめclassを用意しておくことで自由な装飾を個数制限なく使い分けられます。 */
	/* ---------------------- */	/* 投稿者の自由な記述によって意図せずページが崩れてしまうのを防ぐために、適用されるclass名の先頭には必ず deco- が付加されます。 */
	.deco-scream {
		font-size: 1.67em;	/* 文字サイズ(1.67倍) */
	}

	.deco-code {
		display: inline-block;	/* インラインブロック化 */
		font-family: "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace;	/* 等幅フォント */
		background-color: snow;	/* 背景色 */
		color: black;			/* 文字色 */
		border: 1px solid #eee;	/* 枠線 */
		border-radius: 3px;		/* 角丸 */
		padding: 0px 3px;		/* 内側の余白量 */
	}

	.deco-separator {
		display: block;					/* ブロック化 */
		border-bottom: 1px dotted gray;	/* 下線 */
	}


	/* ============== */
/* ■トップページ */
/* ============== */

.pic_frame dl {
	border:none;
	margin:0; 
	padding:10px;
	float: left;

}
.pic_frame dt {
	border:none;
	line-height:1.4em;
	font-weight:bold;
	margin:0;
	border-bottom:2px solid #93F; 
}
.pic_frame dd {
	font-size:14px; 
	margin-left:0;

}
.pic_frame a {
	display:flex;
	position:relative;
	margin:5px 2px 0;
	border: 2px solid #fff;
	width:100px;
	background-color:#222033;
	color:#FFFFFF;
	font-size:18px;
	float: left;
	text-decoration:none;
	overflow:hidden; 
	margin-right: 20px;
}


.pic_frame a{
	display: ;
		width: 100%;
		align-items: center;		
	}

.pic_frame img{
		min-width:130px;
		max-width:130px;
		float:left;
		margin-top:0px;
    }

.pic_frame p {
  text-indent:0;
  margin-top:2px; }

.f-center{
display: flex;
  align-items: center;
  justify-content: center;
}

.clear {
clear:both;
margin-bottom : 20px ;
}


@media screen and (max-width: 540px) {

.pic_frame dl {
	padding:10px;
	
}
	.pic_frame a{
	display: flex;
		width: 100%;
		margin-right: 20px;
		
	}
    .pic_frame p {
    overflow-wrap: normal;
    word-wrap: normal;
    }
}




/* ========================== */
/* ■ページ最上部(ヘッダ)領域 */
/* ========================== */
header {
					/* display: table; タイトルとボタンで2段組 */
	background-color: #222033;	/* 背景色 */
	width: 100%;				/* 横幅 */
	text-align: center;
}

    header a:link    { color: white; text-decoration: none;}  	/* 未訪問 */
	header a:visited { color: white; text-decoration: none;}  	/* 訪問済み */
	header a:hover   { color: white; text-decoration: none;} 	/* マウスが乗ったとき */
	header a:active  { color: #ccffcc; text-decoration: none;}	/* アクティブ時 */



	/* -------------- */
	/* ▼タイトル区画 */
	/* -------------- */
	.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;				/* 文字色 */
		}

		/* ▽サブタイトル */
		.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 15px 0;			/* 内側の余白量 */
	}

		/* ------------ */
		/* ▼検索窓区画 */
		/* ------------ */
		.searcharea {
			margin: 0.25em;					/* 外側の余白量 */
			padding: 0.25em;				/* 内側の余白量 */
			background-color: #111;			/* 背景色 */
			/*display: inline-block;*/
			text-align: center;
		}
		/* ▼見出し */
		.searcharea .cornertitle {
			font-weight: bold;
			margin: 0;
			color: #36c;
			text-shadow: 1px 1px 1px white;
		}

			/* ▽検索フォーム */
			.searchbox {
				margin: 0;		/* 外側の余白量 */
			}
				.queryinput {
					border: 2px solid #000;
					border-radius: 0.5em;
					font-size: 1em;
					padding: 0.25em 0.5em;
				}
				.searchbox .submitbutton {
					background-color: #93F;
					border: 1px solid #93F;
					font-size: 0.9em;
					padding: 0.15em 0.67em;
					border-radius: 1em;
					font-weight: bold;
					color: white;
					/*display: inline-block;*/
					margin: 0 0 0 3px;
				}
				.searchbox .submitbutton:hover {
					background-color: #C3F;
					color: white;
				}

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

			/* -------------------- */
	/* ▼カテゴリツリー区画 */
	/* -------------------- */
	.categoryarea {
		margin: 0 0 1em 0;					/* 外側の余白量 */
		padding: 0 0 1em 0;					/* 内側の余白量 */

	}
	/* ▼見出し */
	.categoryarea .cornertitle {
		margin: 0;							/* 外側の余白量 */
		font-weight: bold;					/* 太字 */
		text-shadow: 1px 1px 1px white;		/* 文字の影 */
	}
	.categoryTree {
		background-color: #111;			/* 背景色 */
		padding: 0.25em;
	}
		/* ▽カテゴリツリー */
		.categoryTree ul {
			padding-left: 30px;
		}
		/* ▽カテゴリツリー内の該当件数 */
		.categoryTree .num {
			display: inline-block;
			margin-left: 0.4em;
			font-size: 0.9em;
			color: #aaa;
		}

		.cattree {
			list-style-type:none;
		} 

		.cattree li {
			display:inline-block;
			padding-bottom: 10px;
		}

		/* ………………………………………………………………………………………… */
		/* ▼カテゴリツリー内の各要素（アイコン・カテゴリ名・該当件数・概要等） */
		/* ………………………………………………………………………………………… */
		/* ▽カテゴリアイコン */
		.categoryTree .caticon img {
			height: 1.2em;				/* アイコンの高さを1.2文字分に制限する */
			width: auto;				/* アイコンの横幅は自動調整する */
			vertical-align: text-top;	/* アイコンの上端位置をテキストの上端に合わせる */
		}

		/* ▽カテゴリ名 */
		.categoryTree .cattext {
		}

		/* 間隔調整：カテゴリアイコンとカテゴリ名が並ぶ際には間隔を空ける */
		.categoryTree .caticon + .cattext,
		.categoryTree .cattext + .caticon {
			margin-left: 3px;
		}

		/* ▽該当件数 */
		.categoryTree .num {
			display: inline-block;
			margin-left: 0.4em;
			font-size: 0.9em;
			color: #aaa;
		}

		/* ▽カテゴリ概要文 */
		.categoryTree .catdescription {
			font-size: smaller;
			color: #555;
		}

		.catlink.cat-chiiki{
					background-color:#800080;
					width: 3em;
					height: 1em;
					border-radius: 0.75em;
					text-decoration: none;		/* 下線を消す */
					margin: 0 1em 0 1em;							/* 外側の余白量 */
					padding: 0 1em 0 1em;					/* 内側の余白量 */
					font-weight: bold;					/* 太字 */
					color: #fff;						/* 文字色 */
				}

		.catlink.cat-kotsu{
					background-color:#006a6c;
					width: 3em;
					height: 1em;
					border-radius: 0.75em;
					text-decoration: none;		/* 下線を消す */
					margin: 0 1em 0 1em;							/* 外側の余白量 */
					padding: 0 1em 0 1em;					/* 内側の余白量 */
					font-weight: bold;					/* 太字 */
					color: #fff;						/* 文字色 */
				}

		.catlink.cat-mangaanime{
					background-color:#ff4500;
					width: 3em;
					height: 1em;
					border-radius: 0.75em;
					text-decoration: none;		/* 下線を消す */
					margin: 0 1em 0 1em;							/* 外側の余白量 */
					padding: 0 1em 0 1em;					/* 内側の余白量 */
					font-weight: bold;					/* 太字 */
					color: #fff;						/* 文字色 */
				}

		.catlink.cat-computer{
					background-color:#434da2;
					width: 3em;
					height: 1em;
					border-radius: 0.75em;
					text-decoration: none;		/* 下線を消す */
					margin: 0 1em 0 1em;							/* 外側の余白量 */
					padding: 0 1em 0 1em;					/* 内側の余白量 */
					font-weight: bold;					/* 太字 */
					color: #fff;						/* 文字色 */
				}

		.catlink.cat-seiji {
					background-color:#003f8e;
					width: 3em;
					height: 1em;
					border-radius: 0.75em;
					text-decoration: none;		/* 下線を消す */
					margin: 0 1em 0 1em;							/* 外側の余白量 */
					padding: 0 1em 0 1em;					/* 内側の余白量 */
					font-weight: bold;					/* 太字 */
					color: #fff;						/* 文字色 */
				}


	/* ================== */
/* ■ページレイアウト */
/* ================== */
.pagecover {
	margin: 0px auto;			/* 中央寄せ */
	padding: 0;
	box-sizing: border-box;
	background-color: #fff;		/* 背景色 */
}

.contents{
	background-color:#33314d;
}

	/* ---------------- */
	/* ▼メイン段の装飾 */
	/* ---------------- */
	.contents .mainarea {
		max-width: 1050px;			/* 最大横幅（横幅の最大値を変更したい場合はここを修正して下さい。横幅の最大値を無制限にしたい場合はこの行を削除して下さい。） */
		margin-left: auto;
		margin-right: auto;
		padding: 1em;		/* 内側の余白量 */
	}
	/* -------------- */
	/* ▼サブ段の装飾 */
	/* -------------- */
	.contents .subarea {
		margin: 0;			/* 外側の余白量 */
		padding: 1.25em;	/* 内側の余白量 */
	}


/* ======================== */
/* ■入力フォームの表示領域 */		/* ※これはQUICKPOST用です。新規投稿専用画面や編集画面ではCGI内蔵のCSSが使われるため、ここの記述は適用されません。 */
/* ======================== */
.postform {
	background-color: #eee;	/* 背景色 */
	margin: 1em;			/* 外側の余白量 */
	padding: 1em;			/* 内側の余白量 */
}
.postform p {
	margin: 0;
}
	/* ------------ */
	/* ▼本文入力欄 */
	/* ------------ */
	textarea.tegalogpost {
		border: 2px #93F;	/* 枠線 */
		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 */

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

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

	/* ------------------ */
	/* ▼文字装飾ボタン群 */	/* ★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; }


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

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

	/* -------------- */
	/* ▼日付境界バー */
	/* -------------- */
	.dateseparator {
		background-color: #0a0;	/* 背景色 */
		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 {

	margin: 0;			/* 外側の余白 */
	padding: 0em 1em 1em 0em;				/* 内側の余白 */
	border-top: 1px #ccc dashed;	/* ブロック上端の枠線 */
	vertical-align: top;			/* 上寄せ */
	font-size: 0.95em;
}

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

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

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

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

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

		/* …………………… */
		/* ▼New!サイン部分 */
		/* …………………… */
		.newsign {
			display: inline-block;	/* インラインブロック化 */
			color: #f55;			/* 文字色 */
			margin-right: 0.35em;	/* 外側下の余白量 */
		}

		/* …………………………… */
		/* ▼含まれる画像枚数表示 */
		/* …………………………… */
		.pictcount {
			font-size: 0.8em;
		}

	/* -------------------- */
	/* ▼投稿画像＋本文抜粋 */
	/* -------------------- */
	.onelogmain {
		margin: 0;
		min-height: 220px;
	}

		/* ………………… */
		/* ▼画像ボックス */
		/* ………………… */
		.imagebox {
			margin: 0;
		}

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

		/* -------------- */
		/* ▼投稿本文抜粋 */
		/* -------------- */
		.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 {
				text-decoration: none;		/* 下線を消す */
				font-size: 0.75em;			/* 文字サイズ */
				padding: 0 0.25em;			/* 内側の余白 */
				background-color:#eee;
				border: 1px solid #aaa;
				border-radius: 3px;
				vertical-align: middle;
			}

			/* ‥‥‥‥‥ */
			/* カテゴリ名 */
			/* ‥‥‥‥‥ */
			.categories {
			}
				/* ▽カテゴリリンク1つ */
				.categorylink {
					text-decoration: none;		/* 下線を消す */
					font-size: 0.75em;			/* 文字サイズ */
					padding: 0 0.25em;			/* 内側の余白 */
					background-color:#eee;
					border-radius: 3px;
					vertical-align: middle;
				}

				.categorylink.cat-chiiki{
					background-color:#800080;
					width: 3em;
					height: 1em;
					border-radius: 0.75em;
					margin: 0 1em 0 1em;							/* 外側の余白量 */
					padding: 0 1em 0 1em;					/* 内側の余白量 */
					font-weight: bold;					/* 太字 */
					color: #fff;						/* 文字色 */
				}

				.categorylink.cat-kotsu{
					background-color:#006a6c;
					width: 3em;
					height: 1em;
					border-radius: 0.75em;
					margin: 0 1em 0 1em;							/* 外側の余白量 */
					padding: 0 1em 0 1em;					/* 内側の余白量 */
					font-weight: bold;					/* 太字 */
					color: #fff;						/* 文字色 */
				}

				.categorylink.cat-mangaanime{
					background-color:#ff4500;
					width: 3em;
					height: 1em;
					border-radius: 0.75em;
					margin: 0 1em 0 1em;							/* 外側の余白量 */
					padding: 0 1em 0 1em;					/* 内側の余白量 */
					font-weight: bold;					/* 太字 */
					color: #fff;						/* 文字色 */
				}

				.categorylink.cat-computer{
					background-color:#434da2;
					width: 3em;
					height: 1em;
					border-radius: 0.75em;
					margin: 0 1em 0 1em;							/* 外側の余白量 */
					padding: 0 1em 0 1em;					/* 内側の余白量 */
					font-weight: bold;					/* 太字 */
					color: #fff;						/* 文字色 */
				}

				.categorylink.cat-seiji{
					background-color:#003f8e;
					width: 3em;
					height: 1em;
					border-radius: 0.75em;
					margin: 0 1em 0 1em;							/* 外側の余白量 */
					padding: 0 1em 0 1em;					/* 内側の余白量 */
					font-weight: bold;					/* 太字 */
					color: #fff;						/* 文字色 */
				}


				/* ▽カテゴリ間のセパレータ */
				.catseparator {
					display: inline-block;
					color: #ccc;			/* 文字色 */
				}

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

				

				

	/* ---------------- */
	/* ▼投稿情報(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;	/* 行の高さ */
		}
	}


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


/* ========================== */
/* ■ページナビゲーション領域 */
/* ========================== */
.pagenavi {
	margin: 2.5em 0px;			/* 外側の余白 */
	padding: 0.5em 0px;			/* 内側の余白 */
	text-align: center;			/* 中央寄せ */
	border-width: 3px 0px;		/* 枠線の太さ */
	border-style: dotted;		/* 枠線の種類 */
	border-color: #C3F;		/* 枠線の配色 */
	background-color: #FDF;	/* 背景色 */
	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: #93F;	/* 背景色 */
		color: white;				/* 文字色 */
		border-radius: 1em;			/* 角丸 */
	}
	/* ▽ページ番号リンクにマウスが載った際の装飾 */
	a.pagenumlink:hover {
		text-decoration: none;		/* リンク装飾を消す */
		background-color: #aa0000;	/* 背景色 */
		color: white;				/* 文字色 */
		border-radius: 0.3em;		/* 角丸 */
	}

	/* ------------------------------------ */
	/* ▼限定解除リンク(＝HOMEに戻るリンク) */
	/* ------------------------------------ */
	.pagehome {
		margin: 0.15em;		/* 外側の余白 */
		font-weight: bold;	/* 太字 */
	}


/* ========== */
/* ■サブ領域 */
/* ========== */
.subarea {
	margin: 1em;					/* 外側の余白量 */
	padding: 0 1em;					/* 内側の余白量 */
	background-color: #cec;			/* 背景色 */
	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;
		}

		/* -------------------- */
	/* ▼プロフィール区画 */
	/* -------------------- */
	.profilearea {
		margin: 0 0 1em 0;			/* 外側の余白量 */
		padding: 1em;				/* 内側の余白量 */
		padding-left: 1.5em;
		/*border: 1px solid #ccc;*/
		background-color: #FFF;	/* 背景色 */
                color: #222033;
	}
	/* ▼見出し1 */
	.profilearea .cornertitle {
		font-weight: bold;
		margin: 0 0 0.5em 0;
		/*border-bottom: 2px dashed #aaa;*/
		font-size: 150%;
		position: relative;
	padding: 0.1em 0.3em;
	padding-left: 1.5em;
	vertical-align: middle;
	color: #fff;
	border-radius: 25px 0 0 25px;
	background: #222033;
	}

	.profilearea .cornertitle::before {
	position: absolute;
	top: .10em;
	left: .5em;
	margin-right: 10px;
	content: '■';
	color: #fff;
}

	/* ▼見出し2 */
	.profilearea .subcornertitle {
		font-weight: bold;
		margin: 1em 0 0.5em 0;
		position: relative;
	padding: 0.1em 0.2em;
	padding-left: 1.5em;
	vertical-align: middle;
	color: #fff;
	border-radius: 25px 0 0 25px;
	background: #B459B4;
}

/* ▼見出し3 */
	.profilearea .cornertitle_extra {
		font-weight: bold;
		position: relative;
		margin: 1em 0 0 0;
		padding: 0.1em 1.2em;
		padding-left: 0.5em;
	border-left: 0.6em solid #fa0;
}
	/* ▼本文 */
	.profilearea .p_style {
		color: #111;
		margin: 0 0 0 0;
		
}
/* ▼箇条書き */
	.profilearea li {
		color: #111;
		margin: 0 0 0.2em 0;
		padding: 0 1em;
}

/* ========================== */
/* ■ページ最下部(フッタ)領域 */
/* ========================== */
footer {
	padding: 0.5em 0px;			/* 内側の余白 */
	background-color: #222033;	/* 背景色 */
	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: white; } 	/* マウスが乗ったとき */
	footer a:active  { color: #ccffcc; }	/* アクティブ時 */

	/* 著作権表示(Poweredby)のデザイン */
	.poweredby { margin: 2em 1em 0px 1em; font-size: 0.8em; }


/* End of file */