@charset "utf-8";

/* ============== */
/* ■全体共通装飾 */
/* ============== */
body {
	font-family: "Zen Kaku Gothic New","メイリオ",Meiryo,"Hiragino Kaku Gothic ProN","Hiragino Sans", sans-serif;
	color:#0b0d0b;
	margin: 0;
	padding: 0;
	line-height: 1.4;
	background-color: #f8f9f8;
}

	/* -------------- */
	/* ▼リンクの装飾 */
	/* -------------- */
	a { text-decoration: underline;}
	a:link { color: #0b0d0b; }		/* 未訪問リンク */
	a:visited { color: #0b0d0b; }	/* 既訪問リンク */
	a:hover { text-decoration: none; }	/* マウスが載ったとき */

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

	/* ---------------------------------------------------- */
	/* ▼汎用装飾(てがろぐ専用記法で書かれた場合のみ)：文字 */
	/* ---------------------------------------------------- */
	/* B:太字(Bold) */
	.decorationB {
		font-weight: bold;		/* 太字 */
	}
	/* D:削除(Delete) */
	.decorationD {
		text-decoration-line: line-through;	/* 取り消し線 */
	}
	/* E:強調(Emphasis) */
	.decorationE {
		color: #3ddc94;		/* 文字色 */
		font-weight: bold;
	}
	/* I:斜体(Italic) */
	.decorationI {
		font-style: italic;		/* 斜体 */
	}
	/* Q:引用(Quote) */
	.decorationQ {
		margin: 1em 0.3em 1em 1em;		/* 外側の余白(上→右→下→左) */
		padding: 0.75em 0.5em;			/* 内側の余白(上下→左右) */
		border-left: 5px double #6a6c6c;	/* 左端の枠線 */
		font-size: 0.95em;				/* 文字サイズ */
		display: block;					/* ※Ver 2.2.0以降必須の記述 */
	}
	.decorationQ::before,
	.decorationQ::after {
		content: '';			/* 標準で付加されてしまう引用符を無効にする */
	}
	.decorationQ + br {
		display: none;	/* 引用直後の改行を無効化する */
	}
	/* S:小文字(Small) */
	.decorationS {
		font-size: 0.8em;	/* 文字サイズ */
	}
	/* T:極小文字(Tiny) */
	.decorationT {
		font-size: 0.6em;	/* 文字サイズ */
	}
	/* U:下線(Underline) */
	.decorationU {
		text-decoration-line: underline;	/* 線位置 */
		text-decoration-style: double;		/* 線種類 */
		text-decoration-color: #6a6c6c;		/* 線配色 */
	}

	/* -------------- */
	/* ▼埋め込み画像 */
	/* -------------- */
	/* ▽画像ボックス(FIGオプション指定時) */
	.embeddedpictbox {
		margin: 0;					/* 外側の余白を消す */
		padding: 0;					/* 内側の余白を消す */
		display: inline-table;		/* 横方向に並べる */
		border-collapse: collapse;	/* displayをinline-tableにする場合に必要 */
		vertical-align: top;		/* 行内では上に寄せる */
	}
		/* キャプション */
		.embeddedpictbox figcaption {
			display: table-caption;		/* キャプションが画像幅から外に出ないようにする */
			caption-side: bottom;		/* キャプションの位置(上にしたければtop) */
			font-size: 0.8em;			/* 文字サイズ */
			text-align: center;			/* センタリング */
		}

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

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

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

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

	/* -------------- */
	/* ▼埋め込み動画 */
	/* -------------- */
	@media all and (max-width: 600px) {
		.embeddedmovie {
			display: inline-block;
			max-width: 100%;	/* はみ出ないようにする */
			width: auto;
			height: auto;
		}
	}

	/* --------------- */
	/* ▼埋め込みTweet */	/* これはツイートが埋め込まれる処理「前」用の装飾です。実際に埋め込まれるツイートはTwitter側のiframeで装飾されますので、てがろぐ側では指定できません。(ただし横幅を制限することはできます。→後述) */
	/* --------------- */
	blockquote.twitter-tweet {
		border-radius: 9px;
		margin: 0.3em 0;
		padding: 1em;
		font-size: 0.95em;
	}

	/* ▼埋め込みツイートの横幅を強制的に制限 */
	div.twitter-tweet {
		max-width: 350px !important;
	}

	/* -------------------- */
	/* ▼検索語のハイライト */
	/* -------------------- */
	.searchword {
		font-weight: bold;
	}


/* ================== */
/* ■ページレイアウト */
/* ================== */
.pagecover {
	max-width: 1250px;			/* 最大横幅（横幅の最大値を変更したい場合はここを修正して下さい。横幅の最大値を無制限にしたい場合はこの行を削除して下さい。） */
	margin: 20px auto;			/* 中央寄せ */
	padding: 0;
	box-sizing: border-box;
	border: solid 1px #0b0d0b;
	background-color: #f8f9f8;
}

@media all and (max-width: 800px) {
	.pagecover {
		border: none;
	}
}

	/* ---------------- */
	/* ▼メイン段の装飾 */
	/* ---------------- */
	.contents .mainarea {
		margin: 0;			/* 外側の余白量 */
		padding: 1em;		/* 内側の余白量 */
	}
	/* -------------- */
	/* ▼サブ段の装飾 */
	/* -------------- */
	.contents .subarea {
		margin: 0;			/* 外側の余白量 */
		padding: 1.25em;	/* 内側の余白量 */
	}

/* ================================================= */
/* ■段組構成（画面の幅が800px以上ある広い場合限定） */		/* ※段組(2カラム構成)にしたくない場合は、この区画を全削除して下さい。 */
/* ================================================= */
@media all and (min-width: 800px) {

	/* -------------- */
	/* ▼大外枠の装飾 */
	/* -------------- */
	.contents {
		display: flex;
		flex-direction: row;	/* サイドバーを左側に配置したい場合は、ここの値を「 row-reverse 」に変更して下さい。 */
	}

	/* ---------------- */
	/* ▼メイン段の装飾 */
	/* ---------------- */
	.contents .mainarea {
		flex: 3;						/* (A)：メイン段の幅(割合)を調節したい場合は、ここと下記(B)の値を合わせて増減させて下さい。 */
	}

	/* -------------- */
	/* ▼サブ段の装飾 */
	/* -------------- */
	.contents .subarea {
		flex: 1;						/* (B)：サイドバーの幅(割合)を調節したい場合は、ここと上記(A)の値を増減させて下さい。 */
	}
}

/* ==================== */
/* ヘッダーとフッター */
/* ===================== */

		h1 {
			margin: 0;				/* 外側の余白量 */
			padding: 32px 0;		/* 内側の余白量 */
			line-height: 1;			/* 行の高さ */
		}
			h1 a {
				text-decoration: none;	/* リンクの下線を消す */
			}
				/* ▽メインタイトル */
				.maintitle {
					font-size: 3.6rem;		/* 文字サイズ */
					display: inline-block;
				}
				/* ▽サブタイトル */
				.subtitle {
					font-size: 1.2rem;		/* 文字サイズ */
					display: inline-block;
				}

		/* ▼サイト概要文 */
		.descriptionbox {
			margin: 1em 0;						/* 外側の余白量 */
			padding: 1em;						/* 内側の余白量 */
		}

	/* ---------- */
	/* ▼フッター */
	/* --------- */
	footer {
		max-width: 1250px;
		margin: 20px auto;
		padding: 0;
		box-sizing: border-box;
		background-color: #f8f9f8;
		text-align: right;
	}


	/* ====================== */
/* ■メイン(ログ掲載)領域 */
/* ====================== */

	/* ▼表示限定案内枠 */
	.situation {
		margin: 1em 0;				/* 外側の余白量 */
		padding: 0.75em 1.25em;		/* 内側の余白量 */
		color: #0b0d0b;				/* 文字色 */
		font-weight: bold;			/* 太字 */
		font-size: 1.1em;			/* 文字サイズ */
	}

	.situation:empty {
		display: none;		/* 表示限定案内が存在しない場合に、枠そのものを描画しないようにする指定。(これを消すと、限定ではない表示時に無駄な枠が描画されてしまいます。) */
	}

/* ================================ */
/* ■投稿ボックス(一発言)ごとの表示 */	/* ※この領域は、内側スキンで生成しているHTMLに対する装飾です。 */
/* ================================ */
.onelogbox {
	margin: 2em 0;	/* 外側の余白量 */
	padding: 0;		/* 内側の余白量 */
}

	/* ……………… */
	/* ▼投稿ヘッダ */
	/* ……………… */
	.logheader {
		margin: 0;							/* 外側の余白量 */
		padding: 0;					/* 内側の余白量 */
	}

		/* ▼タイトル */
		.logtitle {
			margin: 0;				/* 外側の余白量 */
			padding: 0.25em 0;		/* 内側の余白量 */
			line-height: 1.1;		/* 行の高さ */
			font-size: 1.1rem;		/* 文字サイズ */
		}
			.logtitle a {
				text-decoration: none;	/* リンクの下線を消す */
				color: #0b0d0b;			/* 文字色 */
			}
			.logtitle::before {
				content: ">";
				margin: 0 0.5em;
			}

		/* ▼投稿情報枠 */
		.loginfo {
			margin: 0;			/* 外側の余白量 */
			padding: 0;			/* 内側の余白量 */
			text-align: right;	/* 右寄せ */
			font-size: 0.8rem;	/* 文字サイズ */
			color: #0b0d0b;		/* 文字色 */
		}
		.loginfo a {
			text-decoration: none;	/* ユーザ名リンクの下線を消す */
		}
		/* 投稿日時枠 */	.postdatebox { color: #6a6c6c; display: inline-block; }
		/* 投稿日時 */		.postdate { color: black; }

		/* ‥‥‥‥‥‥ */
		/* ▼カテゴリ名 */
		/* ‥‥‥‥‥‥ */
		.categories {
			display: inline-block;
		}
		.categories::before {
			content: '《Category:';		/* カテゴリ枠の先頭に「《Category:」の表示を追加 */
		}
		.categories::after {
			content: '》';				/* カテゴリ枠の末尾に「》」の表示を追加 */
		}
		.categories:empty {
			display: none;				/* カテゴリが1つもない場合は、枠自体を表示しない。 */
		}
			/* ▽カテゴリリンク1つ */
			.categorylink {
				display: inline-block;
				text-decoration: none;		/* リンクの下線を消す */
				margin: 0 3px;				/* 左右に3pxの余白 */
			}

			.categorylink:link {
				color: #0b0d0b;		
			}
			
			.categorylink:hover {
				text-decoration: none;
			}
			
			.catseparator {
				display: inline-block;
			}

			
		.cat-description {
				margin: 0 0 1em 0;
			}
			
	/* …………… */
	/* ▼投稿本文 */
	/* …………… */
	.logbody {
		margin: 0;			/* 外側の余白量 */
		padding: 1em 0;		/* 内側の余白量 */
	}

		/* ‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥ */
		/* ▼本文内に含まれるハッシュタグリンク */
		/* ‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥ */
		.logbody .taglink {
			display: inline-block;
			margin: 0 3px;		
			padding: 0 0.3em;	
			text-decoration: underline;
			word-break:break-all;	/* 自動リンクのはみ出しを防ぐ */
			color: #0b0d0b;
		}
		/* ▼ハッシュタグリンクにマウスが載ったとき */
		.logbody .taglink:hover {
			text-decoration: none;
		}

	/* ……………… */
	/* ▼投稿フッタ */
	/* ……………… */
	.logfooter {
		margin: 0;			/* 外側の余白量 */
		padding: 0;			/* 内側の余白量 */
		font-size: 0.8rem;	/* 文字サイズ */
		color: #6a6c6c;		/* 文字色 */
		text-align: right;	/* 右寄せ */
	}


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


/* ========================== */
/* ■ページナビゲーション領域 */
/* ========================== */
.pagenavi {
	margin: 1em 0;					/* 外側の余白量 */
	padding: 1em;					/* 内側の余白量 */
	text-align: center;				/* センタリング */
}

	/* ------------------------------------ */
	/* ▼ページ前後移動リンク群ボックス全体 */
	/* ------------------------------------ */
	.pagelinks {
		margin: 1.25em 0;			/* 外側の余白量 */
	}

	/* ▼ページ移動リンクの文字 */
	.pagelinks a {
		font-weight: bold;			/* 太字 */
	}

	/* -------------------------------- */
	/* ▼ページ番号リンク群ボックス全体 */
	/* -------------------------------- */
	p.pagenums {
		margin: 1.5em 1em;			/* 外側の余白量 */
	}

	/* ▼ページ番号リンクの数字 */
	.pagenums a.pagenumlink {
		margin: 0.25em 0;			/* 外側の余白量 */
		padding: 3px 0.25em;		/* 内側の余白量 */
		display: inline-block;
		min-width: 1.67em;			/* 横幅の最小値：※この3値を同じにすると正方形で中央寄せのボックスになる */
		min-height: 1.67em;			/* 高さの最小値：※この3値を同じにすると正方形で中央寄せのボックスになる */
		line-height: 1.67;			/* 行の高さ    ：※この3値を同じにすると正方形で中央寄せのボックスになる */
		font-size: 0.95em;			/* 文字サイズ */
		text-decoration: none;		/* リンクの下線を消す */
	}

	/* ▽現在のページ番号の装飾 */
	.pagenums a.pagenumhere {
		border-color: #6a6c6c;		/* 枠線の色 */
		color: #0b0d0b;				/* 文字色 */
		background-color: #6a6c6c;	/* 背景色 */
	}

	/* ▽ページ番号リンクにマウスが載った際の装飾 */
	a.pagenumlink:hover {
		border-color: #0b0d0b;		/* 枠線の色 */
	}

	/* ------------------------------------ */
	/* ▼限定解除リンク(＝HOMEに戻るリンク) */
	/* ------------------------------------ */
	.pagehome {
		margin: 1.25em 0;			/* 外側の余白量 */
	}


/* ======================== */
/* ■サブ領域（サイドバー） */
/* ======================== */
.subarea {
}
.cornertitle {
}
	/* ------------ */
	/* ▼ナビゲーション */
	/* ------------ */
	.naviarea {
		margin: 0 0 1em 0;					/* 外側の余白量 */
		padding: 0 0 1em 0;					/* 内側の余白量 */
		border-bottom: 1px solid #0b0d0b;	/* 下線 */
	}

	@media all and (min-width: 800px) {
		.naviarea-movile {
			display: none;
		}
	}

	@media all and (max-width: 799px) {
		.naviarea-pc {
			display: none;
		}
	}

	

	/* ------------ */
	/* ▼検索窓区画 */
	/* ------------ */
	.searcharea {
		margin: 0 0 1em 0;					/* 外側の余白量 */
		padding: 0 0 1em 0;					/* 内側の余白量 */
		border-bottom: none;	/* 下線 */
	}

		/* ▽検索フォーム */
		.searchbox {
			margin: 0;						/* 外側の余白量 */
		}
			/* 入力欄 */
			.queryinput {
				border: 1px solid #0b0d0b;
				font-size: 1em;
				padding: 0.25em 0.5em;
			}
			/* 検索ボタン */
			.searchbox .submitbutton {
				background-color: transparent;
				border: 1px solid #0b0d0b;
				font-size: 1em;
				padding: 0.25em 0.5em;
				display: inline-block;
				margin: 0 0 0 3px;
			}
			/* 検索ボタンにマウスが載ったとき */
			.searchbox .submitbutton:hover {
				background-color: #3ddc94;
			}

	/* -------------------- */
	/* ▼フリースペース区画 */
	/* -------------------- */
	.freespacearea {
		margin: 0 0 1em 0;					/* 外側の余白量 */
		padding: 0 0 1em 0;					/* 内側の余白量 */
		border-bottom: 1px solid #0b0d0b;	/* 下線 */
	}

		/* ▽フリースペースの本文 */
		.freespacebody {
			margin: 0.5em 0;		/* 外側の余白量 */
			padding: 0.75em;		/* 内側の余白量 */
			line-height: 1.5;		/* 行の高さ */
		}

		/* ▼その他の情報表示 */
	.infotitle {
		margin: 1em 0 0 0;
		border-bottom: 1px solid #0b0d0b;
		font-size: 0.95em;
	}
	.infobody {
		margin: 0 0 1em 0;
		padding-top: 0.25em;
		text-align: right;
	}

	.infoarea {
		margin: 0 0 1em 0;					/* 外側の余白量 */
		padding: 0;					/* 内側の余白量 */
		border-bottom: 1px solid #0b0d0b;	/* 下線 */
	}

	/* Powered-by表記のデザイン */
	.poweredby {
		margin: 0.25em 1em 0px 1em; padding: 1em 0; font-size: 0.85em;
	}


/* ============== */
/* ■条件別CSS */
/* ============== */

.grandhome .onelogbox {
	display: none!important;
}
.grandhome .pagenavi {
	display: none!important;
}

.selected-cat.cat-updates.logbody {
	margin: 0 0 0 0.75em;
    padding: 1em 0 0 1.25em;
    border-left: 2px solid #6a6c6c;
}

.selected-cat.cat-updates.logheader {
	padding: 0.75em 0;
	border-left: none;
}

/* End of file */