@charset "utf-8";

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

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

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

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

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

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

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

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

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

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

/* ================================ */
/* ■投稿ボックス(一発言)ごとの表示 */	/* ※この領域は、内側スキンで生成しているHTMLに対する装飾です。 */
/* ================================ */
.onelogbox {
	display: inline-block;			/* ブロックを横並びにする */
	width: calc(50% - 10px);
	vertical-align: top;			/* 上寄せ */
	margin: 0 5px 5px 0;			/* 外側の余白 */
}

	/* ……………………… */
	/* ▼投稿日時のリンク */
	/* ……………………… */
	.postdate {
		font-size: 0.9em;			/* 文字サイズ */
	}

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

	/* ……………………… */
	/* ▼先頭画像掲載部分 */
	/* ……………………… */
	.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: top;			/* キャプションの位置(下にしたければbottom) */
				font-size: 0.8em;			/* 文字サイズ */
				text-align: center;			/* センタリング */
				background-color: #e0eee0;	/* 背景色 */
			}

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

		/* ▽画像リンク */
		.imagelink {
		}

		/* ▽画像そのもの */
		.embeddedimage {
			height: auto;			/* 画像の高さは自動調整 */
			max-width: 300px;		/* 画像の横幅最大値 */
			max-height: 300px;		/* 画像の高さ最大値 */
			aspect-ratio: 1/1;		/* 画像を正方形にする */
			object-fit: cover;		/* 縦横比が合わなければトリミング */
		}

		/* ▽フラグ付き画像 */
		figure.nolisted {
			overflow: hidden;	/* ぼかし領域がfigureのボックスからはみ出ないようにする */
		}
		img.nolisted {
			filter: blur(9px);	/* ぼかす */
		}

		/* ▽フラグ付き画像 */
		figure.nsfw {
			overflow: hidden;	/* ぼかし領域がfigureのボックスからはみ出ないようにする */
		}
		img.nsfw {
			filter: blur(9px);	/* ぼかす */
		}



/* End of file */