@charset "utf-8";

/* index用 */
#list a#dias {border-color:#996300; color:#ffffff; background-color:orange;
	font-size:24px; font-weight:normal; border-radius:50px}
#list a#dias:hover {border-color:#534741; color:orange; background-color:#ffffff;
	font-size:24px; font-weight:normal; /* text-shadow:-1px 1px 5px #c5bfb8, 1px -1px 5px #ffffff; */ border-radius:50px}
#list a#dias:active {border-color:#c5bfb8; color:#534741; background-color:#ffffff; 
	font-size:24px; font-weight:normal; border-radius:50px}

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

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

	■ページ最上部(ヘッダ)領域
		▼タイトル区画
		▼管理・投稿ボタン区画
			▼検索窓区画

	■メイン(ログ掲載)領域
		▼表示対象の限定時などの「限定条件」表示行
		▼日付境界バー
		▼日付境界バーの表示文字列の先頭に付加する記号
		▼日付境界バー内のリンク(ボタン)
		▼日付境界バー内のリンク(ボタン)にマウスが載ったとき

	■投稿ボックス(1画像)ごとの表示		※この領域は、内側スキンで生成しているHTMLに対する装飾です。
		■共通装飾（一覧表示時・画像単独表示時共通）
		■一覧表示時
			▼画像掲載部分
			▼画像直下リンク部分
		■単独表示時
			▼画像掲載部分
			▼画像情報部分

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

	■サブ領域
		▼フリースペース区画
		▼複合検索窓区画
		▼直書きリンク区画

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



/* ============== */
/* ■全体共通装飾 */
/* ============== */
body {
	font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;
	margin: 0;
	padding: 0;
	color: #666666;
	font-size: 13px;
	line-height: 180%;
	background-color: #ffffff;
}
ul li{
	list-style-type: none;	/* リストの先頭記号(なし) */
}

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

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

/* ========================== */
/* ■ページ最上部(ヘッダ)領域 */
/* ========================== */
header {
	display: flex;
	flex-direction: row;		/* タイトルとボタンで2段組 */
	align-items: center;		/* 各要素は上下方向の中央寄せ */
	background-color: #ffffff;	/* 背景色 */
	width: auto;				/* 横幅 */
}

@media (max-width: 768px) {
	/* 画面の狭い環境では横並びにしない */
	header {
		/* flex-direction: column; */
	}
}

	/* -------------- */
	/* ▼タイトル区画 */
	/* -------------- */
	.headtitle {
		margin: 0;				/* 外側の余白量 */
		padding: 0 5px;			/* 内側の余白量 */
		color: #ffffff;			/* 文字色 */
		line-height: 1;			/* 行の高さ */
		flex-grow: 1;
		width: 100%;
	}

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

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

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

	/* ---------------------- */
	/* ▼管理・投稿ボタン区画 */
	/* ---------------------- */
	.headcontrol {
		text-align: right;		/* 中央寄せ */
		padding: 0 5px;			/* 内側の余白量 */
		margin: 0 10px;
		width: 270px;				/* 最低横幅 */
	}

		/* ------------ */
		/* ▼検索窓区画 */
		/* ------------ */
		.searcharea {
			margin: 0;					/* 外側の余白量 */
			padding: 5px;				/* 内側の余白量 */
		text-align: center;		/* 中央寄せ */
			background-color: #f2f2f2;			/* 背景色 */
				border-radius: 0.5em;			/* 角丸 */
			width: 250px;				/* 最低横幅 */
		}
		/* ▼見出し */
		.searcharea .cornertitle {
			font-weight: bold;
			margin: 0;
			color: #7e7366;
			text-shadow: 1px 1px 1px white;
		}

			/* ▽検索フォーム */
			.searchbox {
				margin: 0;		/* 外側の余白量 */
			}
				.queryinput {
					border: 2px solid #c5bfb8;
					border-radius: 0.5em;
					font-size: 13px;
					padding: 0.25em 0.5em;
				}
				.searchbox .submitbutton {
					background-color: #ffffff;
					border: 1px solid #c5bfb8;
					font-size: 13px;
					padding: 0.25em;
					border-radius: 1em;
					font-weight: none;
					color: #666666;
					display: inline-block;
					margin: 0 0 0 3px;
				}
				.searchbox .submitbutton:hover {
					background-color: #c5bfb8;
					color: white;
				}

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

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

	/* ------------------------------------------ */
	/* ▼表示対象の限定時などの「限定条件」表示行 */
	/* ------------------------------------------ */
	.situation {
		margin: 1em 0;	/* 外側の余白量 */
		padding-top: 1em;		/* 内側の余白量 */
		font-weight: bold;	/* 太字 */
	}
	.situation:empty { display: none; }	/* 限定表示がない場合は存在自体を消す */
	body.onelog .situation { display: none; }	/* 画像の単独表示ページでも消す */

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

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

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

	/* ------------------------ */
	/* ページ内の画像群(大外枠) */
	/* ------------------------ */
	.tegalogImages {
		text-align: center;		/* 全体をセンタリングする */
	}

/* =============================== */
/* ■投稿ボックス(1画像)ごとの表示 */	/* ※この領域は、内側スキンで生成しているHTMLに対する装飾です。 */
/* =============================== */

	/* ―――――――――――――――――――――― */
	/* ■共通装飾（一覧表示時・画像単独表示時共通） */
	/* ―――――――――――――――――――――― */

	/* ▽画像ボックス(FIG付き) */
	.embeddedpictbox {
		margin: 0 auto;				/* 外側の余白を消す＋枠サイズより画像が小さい場合は中央に寄せる */
		padding: 0;					/* 内側の余白を消す */
		display: table;				/* テーブル化(キャプションの配置制御のため) */
		border-collapse: collapse;	/* displayをinline-tableにする場合に必要 */
		vertical-align: top;		/* 行内では上に寄せる */
	}
		/* キャプション */
		.embeddedpictbox figcaption {
			display: table-caption;		/* キャプションが画像幅から外に出ないようにする */
			caption-side: bottom;		/* キャプションの位置 */
			font-size: 11px;			/* 文字サイズ */
			text-align: center;			/* センタリング */
			background-color: #ffffff;	/* 背景色 */
			padding: 0.5em 0;			/* 内側の余白量 */
			line-height: 1;
		}

		.embeddedpictbox figcaption:empty {
			display: none;		/* キャプションがない場合は、キャプション枠自体を非表示にする */
		}

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

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

	/* ▽画像そのもの */
	.embeddedimage {
		max-width: 100%;	/* 横方向にはみ出ないようにする */
		width: auto;	/* 横幅を固定したい場合は、ここではなく「一覧表示時」と「単独表示時」とで別個に指定する方が望ましいと思います。 */
		height: auto;	/* 高さを固定したい場合は、ここではなく「一覧表示時」と「単独表示時」とで別個に指定する方が望ましいと思います。 */
	}

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

	/* ―――――― */
	/* ■一覧表示時 */
	/* ―――――― */
	.forList {
		display: inline-block;			/* ブロックを横並びにする */
		width: 300px;					/* 横幅サイズ */
		max-width: 80%;				/* モバイル環境ではみ出さないようにする */
		vertical-align: top;			/* 上寄せ */
		margin: 0 5px 0 0;				/* 外側の余白 */
		padding: 0.34em 0.2em 1.2em;	/* 内側の余白 */
		font-size: 11px;				/* 文字サイズ */
		position: relative;				/* 絶対配置の基準 */
	}

		/* ………………… */
		/* ▼画像掲載部分 */
		/* ………………… */
		.imagebox {
			margin: 0;
			border: 1px solid #c5bfb8;		/* 画像の外側に引く枠線 */
			padding: 5px;				/* 枠線と中身(画像)との距離 */
			border-radius: 5px;			/* 枠線の角丸 */
		}

			/* ▼画像そのものが大きくなりすぎるのを防ぐ */
			.forList .embeddedimage {
				max-height: 300px;	/* 大きくなりすぎないようにする */
			}

			/* ▼New!サイン部分 */
			.newSign {
				position: absolute;			/* 絶対配置 */
				top: -1px;					/* 上端からの位置 */
				right: -3px;				/* 右端からの位置 */
				color: white;				/* 文字色 */
				background-color: red;		/* 背景色 */
				font-size: 10px;			/* 文字サイズ */
				font-weight: bold;			/* 太字 */
				padding: 2px 3px;			/* 内側の余白量 */
				border: 2px solid #ffffff;	/* 枠線(半透明) */
				opacity: 0.75;				/* 不透明度 */
				display: block;
				line-height: 1;
				margin: 0;
			}

			.newSign:empty {
				display: none;	/* New!サインの対象外の場合は、枠自体を非表示にする */
			}

		/* ………………………… */
		/* ▼画像直下リンク部分 */
		/* ………………………… */
		.pictCtrlBox {
			display: flex;				/* 中身を横並びにする */
			gap: 1em;					/* 間隔 */
			justify-content: center;	/* 全体を中央寄せ */
			margin: 0.5em 0 0 0;		/* 外側の余白量 */
		}

			/* 画像番号リンク枠 */
			.pictNum {
				font-size: 11px;
			}
				.pictNum a:link {    color: #7e7366; }
				.pictNum a:visited { color: #7e7366; }
				.pictNum a:hover {   color: #c5bfb8; }

			/* 画像検索リンク(ボタン)枠 */
			.pictSearch {
				font-size: 11px;
			}
				a.pictSearchBtn {
					display: inline-block;
					line-height: 1;
					text-decoration: none;		/* リンクの下線を消す */
					border: 1px solid #c5bfb8;		/* 枠線 */
					background-color: #ffffff;		/* 背景色 */
					color: gray;				/* 文字色 */
					border-radius: 0.5em;		/* 角丸 */
					padding: 0.25em 0.5em;		/* 内側の余白量 */
				}
				a.pictSearchBtn:hover {
					border-color: #c5bfb8;
					color: #c5bfb8;
					background-color: #ffffff;
				}

	/* ―――――― */
	/* ■単独表示時 */
	/* ―――――― */
	.forOnePict {
	}

		/* 画像タイトル */
		.pictTitle {
			text-align: left;
			font-weight: bold;
			word-break: break-all;
			border-bottom: 3px double #c5bfb8;
			padding: 0 0.25em;
			width: fit-content;
		}

		/* ………………… */
		/* ▼画像掲載部分 */
		/* ………………… */
		.onePictBox {
			border:1px solid #c5bfb8;
			border-radius: 5px;
			padding: 5px;
			width: fit-content;
			margin: auto;
		}

			/* ▼画像そのものが大きくなりすぎるのを防ぐ */
			.forOnePict .embeddedimage {
				max-height: 60vh;	/* 大きくなりすぎないようにする */
			}

		/* ………………… */
		/* ▼画像情報部分 */
		/* ………………… */
		.onePictMeta {
			margin: 2em auto;
			padding: 1em;
			max-width: 750px;
			background-color: #ffffff;
			text-align: left;
		}
			/* 情報リスト */
			.onePictMeta ul {
				margin: 0;
				padding: 0;
				list-style-type: none;
				font-size: 12px;
			}

				/* 項目見出し */
				.onePictMeta small {
					background-color: #c5bfb8;
					color: white;
					display: inline-block;
					min-width: 6em;
					line-height: 1;
					padding: 2px 0.75em;
					border-radius: 1em;
					vertical-align: middle;
				}

				/* NEW表示 */
				.newflag {
					font-size: 12px;
					color: red;
					vertical-align: top;
					position: relative;
					top: -0.25em;
				}

				/* ユーザリンク */
				.pictOwner a {
					text-decoration: none;		/* 下線を消す */
				}
				.pictOwner a:hover {
					text-decoration: underline;	/* 下線を引く */
				}
				.usericon {
					width: 16px;
					height: 16px;
					vertical-align: -6%;
				}

				/* 使用投稿検索 */
				.onePictSearch {
					margin: 0.5em 0 0;
					text-align: right;
					font-size: 0.9em;
				}


/* ========================== */
/* ■ページナビゲーション領域 */
/* ========================== */
.pagenavi {
	margin: 3em 2em;			/* 外側の余白 */
	padding: 1em;			/* 内側の余白 */
	text-align: center;			/* 中央寄せ */
	background-color: #f2f2f2;	/* 背景色 */
}

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

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

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

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

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


/* ========== */
/* ■サブ領域 */
/* ========== */
.subarea {
	margin: 1em 12em;			/* 外側の余白量 */
	display: flex;
	align-items: stretch;
	justify-content: center;
	flex-direction: row;	/* 中身の要素を横並びにする(※) */
	gap: 1em;				/* 間隔 */
}

@media (max-width: 810px) {
	/* (※)狭い画面では縦並びに変える */
	.subarea {
		flex-direction: column;
	}
}

	/* -------------------- */
	/* ▼フリースペース区画 */
	/* -------------------- */
	.freespacearea {
		margin: 1em 5em;						/* 外側の余白量 */
		padding: 0 1em;					/* 内側の余白量 */
		background-color: #ffffff;			/* 背景色 */
	}
	/* ▼見出し */
	.freespacearea .cornertitle {
		margin: 0;							/* 外側の余白量 */
		font-weight: bold;					/* 太字 */
		color: #7e7366;						/* 文字色 */
		text-shadow: 1px 1px 1px white; 	/* 文字の影 */
	}

		/* ▽フリースペースの本文 */
		.freespacebody {
			margin: 0.5em 0;		/* 外側の余白量 */
			padding: 0.75em;		/* 内側の余白量 */
			background-color: #f2f2f2;	/* 背景色 */
			border-radius: 0.5em;	/* 角丸 */
			line-height: 1.5;		/* 行の高さ */
		}

		/* ▽フリースペースの編集リンク */
		.freespaceedit {
			margin: 0;
			text-align: right;
			font-size: 10px;
		}

	/* ---------------- */
	/* ▼複合検索窓区画 */
	/* ---------------- */
	.complexsearcharea {
		margin: 0;						/* 外側の余白量 */
		padding: 0 1em;					/* 内側の余白量 */
		background-color: #ffffff;			/* 背景色 */
		border: 1px dotted #c5bfb8;		/* 枠線(左側) */
		border-radius: 0.5em;			/* 角丸 */
		min-width: 240px;
		box-sizing: border-box;
	}

	/* ▼見出し */
	.complexsearcharea .cornertitle {
		margin: 1em 0;						/* 外側の余白量 */
		font-weight: bold;					/* 太字 */
		color: #7e7366;						/* 文字色 */
		text-shadow: 1px 1px 1px white; 	/* 文字の影 */
	}

		/* 検索オプションリスト */
		.searchoptions {
			font-size: 11px;
			margin: 0.75em 0 1em 1em;
			padding: 0 0 0 0.5em;
		}

		/* 項目名 */
		.solabel {
			display: inline-block;
			min-width: 5em;
		}

		/* セレクトボックス */
		.searchoptions select {
			max-width: 175px;
		}

		/* 検索ガイド */
		.searchguide {
			font-size: 10px;
			line-height: 1.2;
			margin: 1em 0;
			padding: 1em 0 0 0;
			border-top: 1px dashed #c5bfb8;
		}

	/* ------------------ */
	/* ▼直書きリンク区画 */
	/* ------------------ */
	.dlinkarea {
		margin: 0;						/* 外側の余白量 */
		padding: 0 1em;					/* 内側の余白量 */
		background-color: #ffffff;			/* 背景色 */
		border: 1px dotted #c5bfb8;		/* 枠線(左側) */
		border-radius: 0.5em;			/* 角丸 */
		min-width: 240px;
		box-sizing: border-box;
	}

	/* ▼見出し */
	.dlinkarea .cornertitle {
		margin: 1em 0;						/* 外側の余白量 */
		font-weight: bold;					/* 太字 */
		color: #7e7366;						/* 文字色 */
		text-shadow: 1px 1px 1px white; 	/* 文字の影 */
	}

		/* リンクリスト */
		.dlinkarea ul {
			margin: 1em;
			padding: 0 0 0 0.5em;
		}

/* ========================== */
/* ■ページ最下部(フッタ)領域 */
/* ========================== */
footer {
	margin: 1em 0px 0px 0px;	/* 外側の余白 */
	padding: 0.5em 0px;			/* 内側の余白 */
	background-color: #ffffff;	/* 背景色 */
	color: #666666;				/* 文字色 */
}

	/* ▼管理操作リンク群 */
	footer .control-links {
		text-align: center;		/* 中央寄せ */
		margin: 0.5em;			/* 外側の余白量 */
	}

	/* ▼戻るリンク */
	.backlink {
		text-align: center;		/* 中央寄せ */
		margin: 0.5em;			/* 外側の余白量 */
	}

	/* ▼フッタ内リンクの装飾 */
	footer a:link    { color: #c5bfb8; }  	/* 未訪問 */
	footer a:visited { color: #c5bfb8; }  	/* 訪問済み */
	footer a:hover   { color: #7e7366; } 	/* マウスが乗ったとき */
	footer a:active  { color: #7e7366; }	/* アクティブ時 */

	/* 著作権表示(Poweredby)のデザイン */
	.poweredby { margin: 0 15px; text-align: left; font-size: 11px; }


/* End of file */