@charset "utf-8";

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

/* Table of Contents：
   -------------------
	■全体共通装飾
		▼リンクの装飾
		▼URLが書かれた場合の装飾
		▼カード型リンクの装飾
		▼汎用装飾(てがろぐ専用記法で書かれた場合のみ)：文字
		▼自由装飾用の装飾の例
		▼汎用装飾(てがろぐ専用記法で書かれた場合のみ)：画像
		▼埋め込み画像
		▼埋め込み動画
		▼埋め込みTweet
		▼検索語のハイライト

	■ページレイアウト
		▼メイン段の装飾
		▼サブ段の装飾

	■段組構成
		▼大外枠の装飾		※サイドバーを左側に配置したい場合は、ここの値を「 row-reverse 」に変更して下さい。値が「 row 」だとサイドバーは右側に配置されます。
		▼メイン段の装飾
		▼サブ段の装飾		※サイドバーの幅を調節したい場合は、ここの値を増減させて下さい。(標準は 25% )

	■ページ最上部(ヘッダ)領域
		▼コントロールリンク群
		▼ヘッダ大ボックス			※背景グラデーションの指定もここ。
			▼サイト名
			▼サイト概要文
			▼最終更新日時＋RSSフィード枠

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

	■メイン(ログ掲載)領域
		▼表示限定案内枠		※表示限定案内の先頭に加える記号の指定はここ。
		▼日付境界バー

	■投稿ボックス(一発言)ごとの表示
		▼投稿ヘッダ
			▼カテゴリ名
		▼投稿本文
			▼本文内に含まれるハッシュタグリンク
		▼投稿フッタ

	■鍵付き(パスワード保護)投稿に表示される鍵入力フォームの装飾
		▼鍵違いエラーの表示
		▼入力フォーム枠
			▼入力欄前のガイド文
			▼鍵入力欄
			▼送信ボタン

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

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

	■サブ領域（サイドバー）
		▼検索窓区画
		▼カテゴリツリー区画
			▼カテゴリツリー内の各要素（アイコン・カテゴリ名・該当件数・概要等）
		▼新着投稿リスト区画
		▼カレンダー区画
		▼日付一覧リスト・日付検索区画
		▼ハッシュタグリスト区画
		▼フリースペース区画
		▼画像一覧リスト区画
		▼その他の情報表示

	■ページ最下部(フッタ)領域
		▼フッタボックス					※背景グラデーションの指定もここ。
			▼フッタ内フリースペース
		▼著作権表示(Poweredby)のデザイン
*/

/* ============== */
/* ■全体共通装飾 */
/* ============== */
body {
  font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  margin: 0;
  padding: 0;
  line-height: 1.4;
  background-color: #d3c196;
    
  user-select: none;
  -webkit-user-select: none; /* Chrome, Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE/Edge */
}

.copy-ok {
  user-select: text !important;
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
}

body:not(.home) .freespace-home { display: none; } /* 非表示 */
body.home .onelogbox { display: none; } /* 非表示 */

.taglink[title^="-"]{display:none;}

 　　/* ------------------------------ */
	/* ▼画面幅が狭い場合の上書き装飾 */
	/* ------------------------------ */
	@media all and (max-width: 480px) {
		/* ▼投稿情報カラム */
		.onelogside {
			width: 64px;		/* 横幅 */
		}
		/* ▼投稿本文 */
		.comment {
			margin-left: 0.2em;	/* 外側左の余白量 */
			line-height: 1.45;	/* 行の高さ */
		}
       .contents .mainarea {
        box-shadow:0px 3px 6px inset rgb(102 87 68 / 66%)
	}
        .headerbox {
			display:inline-block;
			padding:1em 0em;
		}
	}

/* -------------- */
/* ▼リンクの装飾 */
/* -------------- */
a:link {color: #c9a56f;text-decoration: none;}
a:visited {color:#c7bda9;}
a:hover {color: #edad5f;}

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

	/* ---------------------- */
	/* ▼カード型リンクの装飾 */
	/* ---------------------- */
	.cardlink {
		display: inline-block;
		width: 100%;
		max-width: 500px;			/* 最大幅 (※横幅を制限したくない場合はこれを削除して下さい) */
		padding: 0 0.25em 0.5em 0;	/* 内側の余白量 */
		font-size: 0.9rem;			/* 文字サイズ */
		text-decoration: none;		/* リンク文字の下線を消す */
		vertical-align: middle;		/* 行内の上下方向では中央配置 */
	}

		/* ------------------------------------- */
		/* リンクカードの装飾(サイズS/L共通部分) */		/* ※後述の「サイズS用の追記」や「サイズL用の追記」と合わせて、1つのカードデザインになります。 */
		/* ------------------------------------- */
		/* カード外枠 */
		.cardlinkbox {
			border: 1px solid #ccc;		/* 枠線 */
			border-radius: 7px;			/* 角丸 */
			background-color: white;	/* 背景色 */
			display: flex;				/* 内部レイアウトのFlexbox化 */
		}
		/* (マウスが載ったとき) */
		.cardlinkbox:hover {
			background-color: #fffff5;	/* 背景色 */
			border-color: #bb7;			/* 枠線色 */
		}
			/* ▽リンクカード内の画像枠 (※読み込まれたog:imageは、この枠に《背景画像として》描画されます) */
			.cardlinkimage {
				background-image: linear-gradient(-30deg, #cc9, #f0f0e0);		/* プレースホルダ的な背景グラデーション(※og:imageの画像指定が読み込まれたら、この値は上書きされます) */
				background-size: cover;					/* 背景画像で枠を埋める */
				background-position: center center;		/* 背景画像を中央に寄せる */
				background-repeat: no-repeat;			/* 背景画像を繰り返さない */
			}
			/* ▽リンクカード内のテキスト枠 */
			.cardlinktextbox {
				display: flex;				/* Flexbox化 */
				flex-direction: column;		/* 子要素を縦方向に並べる */
				padding: 0.5em 1em;			/* 内側の余白量 */
			}
				/* ▽リンクカードのテキスト枠内の3要素共通 */
				.cardlinktitle,
				.cardlinkdescription,
				.cardlinkurl {
					/* ↓表示行数を制限するための準備 (※システム側では文字数は制限せずに「記述されている全文字」をHTMLに出力しますので、表示分量を制限したい場合はCSSで制御する必要があります。) */
					display: -webkit-box;			/* -webkit-line-clampを使うために必要な記述1 ※A */
					-webkit-box-orient: vertical;	/* -webkit-line-clampを使うために必要な記述2 ※A */
					overflow: hidden;				/* 表示量を制限する場合に必須の記述 */
					/* ↓制限の仕様 */
					line-clamp: 1;				/* 1行だけ見せる (将来的にはこれだけで実現可能かも) */
					-webkit-line-clamp: 1;		/* 1行だけ見せる (今のブラウザにはこちらが必要で、そのためには上記「※A」も必要) */
					text-overflow: ellipsis;	/* 省略記号(三点リーダー) */
				}
				/* リンクタイトル */
				.cardlinktitle {
					padding-bottom: 0.25em;		/* 内側下端の余白量 */
				}
				/* リンク概要文 */
				.cardlinkdescription {
					line-height:1.3;			/* 行の高さ */
					color:#555;					/* 文字色 */
					line-clamp: 2;				/* (既存指定の上書き) 最大2行まで見せる */
					-webkit-line-clamp: 2;		/* (既存指定の上書き) 最大2行まで見せる */
				}
				/* リンクドメイン */
				.cardlinkurl {
					color: #999;				/* 文字色 */
				}

		/* ----------------------------------- */
		/* リンクカードの装飾(サイズS用の追記) */		/* 前述の「サイズS/L共通部分」と合わせて、1つのカードデザインになります。 */
		/* ----------------------------------- */
		.cardsize-S {
			flex-direction: row;				/* 画像とテキストは横に並べる(Flexbox) */
		}
			/* ▽リンクカード内の画像枠 */
			.cardsize-S .cardlinkimage {
				min-width: 100px;				/* 最小の横幅 */
				min-height: 100px;				/* 最小の高さ */
				border-radius: 6px 0 0 6px;		/* 左側だけ角丸 */
				flex-shrink: 0;					/* 枠サイズを自動縮小させない */
			}
			/* ▽リンクカード内のテキスト枠 */
			.cardsize-S .cardlinktextbox {
				border-left: 1px solid #ccc;	/* 左側の枠線 */
				justify-content:center;			/* Flexboxの上下方向での中央寄せ */
			}
				/* ▽リンクカードのテキスト枠内の3要素 */
				.cardsize-S .cardlinktitle { order: 2; }		/* タイトルは、2番目に表示 */
				.cardsize-S .cardlinkdescription { order: 3; }	/* 概要文　は、3番目に表示 */
				.cardsize-S .cardlinkurl { order: 1; }			/* ドメインは、1番上に表示 */

		/* ----------------------------------- */
		/* リンクカードの装飾(サイズL用の追記) */		/* 前述の「サイズS/L共通部分」と合わせて、1つのカードデザインになります。 */
		/* ----------------------------------- */
		.cardsize-L {
			flex-direction: column;			/* 画像とテキストは縦に並べる(Flexbox) */
		}
			/* ▽リンクカード内の画像枠 */
			.cardsize-L .cardlinkimage {
				aspect-ratio: 1.91 / 1;		/* 画像枠の縦横比を指定= (横)1.91：(縦)1 */
				width: 100%;				/* 横幅は枠最大に拡げる */
				height: auto;				/* 高さは自動計算 */
				border-radius: 6px 6px 0 0;	/* 上側だけ角丸 */
			}
			/* ▽リンクカード内のテキスト枠 */
			.cardsize-L .cardlinktextbox {
				border-top: 1px solid #ccc;	/* 上側の枠線 */
			}
				/* ▽リンクカードのテキスト枠内の3要素 */
				.cardsize-L .cardlinktitle { font-weight: bold; }			/* 太字 */
				.cardsize-L .cardlinkdescription { min-height: 2.5em; }		/* 内容量が少ない場合でも一定の高さを確保 */
				.cardsize-L .cardlinkurl {
					border-top: 1px solid #ddd;		/* 上側の枠線 */
					margin-top:0.5em;				/* 上側の枠線より上の余白量 */
					padding-top:0.5em;				/* 上側の枠線より下の余白量 */
					font-size:0.75rem;				/* 文字サイズ(小さめ) */
				}

	/* ---------------------------------------------------- */
	/* ▼汎用装飾(てがろぐ専用記法で書かれた場合のみ)：文字 */
	/* ---------------------------------------------------- */
	/* B:太字(Bold) */
	.decorationB {
		font-weight: bold;		/* 太字 */
	}
	/* D:削除(Delete) */
	.decorationD {
		color: #888;	/* 文字色 */
		text-decoration-line: line-through;	/* 取り消し線 */
		text-decoration-color: #59392b;	/* 線の色 */
	}
	/* E:強調(Emphasis) */
	.decorationE {
		color: #AE9164;		/* 文字色 */
		font-style: normal;
		font-weight: bold;
        font-size: 1.2em;	/* 文字サイズ(1.2倍) */
	}
	/* I:斜体(Italic) */
	.decorationI {
		font-style: italic;		/* 斜体 */
	}
	/* Q:引用(Quote) */
	.decorationQ {
		margin: 1em 0.3em 1em 1em;		/* 外側の余白(上→右→下→左) */
		padding: 0.75em 0.5em;			/* 内側の余白(上下→左右) */
		border-left: 5px double #5a5;	/* 左端の枠線 */
		background-color: #efd;			/* 背景色 */
		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: orange;		/* 線配色 */
	}

	/* ---------------------- */
	/* ▼自由装飾用の装飾の例 */	/* 自由装飾は [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;	/* 下線 */
	}

	.deco-flex {
		display: flex;				/* Flexbox */
		gap: 1em;					/* 余白量 */
		align-items: start;			/* 上寄せ */
		justify-content: start;		/* 左寄せ */
		flex-wrap: wrap;			/* 折り返し許可 */
	}

	/* ---------------------------------------------------- */
	/* ▼汎用装飾(てがろぐ専用記法で書かれた場合のみ)：画像 */	/* この部分は、文字装飾領域内に含まれた画像を装飾するための記述です。 */
	/* ---------------------------------------------------- */
	/* B:太字(Bold)に含まれる画像に対する装飾 */
	.decorationB img {
		outline: 4px ridge yellow;		/* 浮き上がる黄色の細い枠線を付加 */
	}
	/* D:削除(Delete)に含まれる画像に対する装飾 */
	.decorationD img {
		opacity: 0.5;	/* 半透明にする */
	}
	/* E:強調(Emphasis)に含まれる画像に対する装飾 */
	.decorationE img {
		outline: 8px ridge rgba(220, 250, 90, 0.6);		/* 浮き上がる淡緑色の枠線を付加 */
	}
	/* I:斜体(Italic)に含まれる画像に対する装飾 */
	.decorationI img {
		box-shadow: -5px 5px 5px yellowgreen;	/* 左下に黄緑色の影を付ける */
	}
	/* Q:引用(Quote)に含まれる画像に対する装飾 */
	.decorationQ img {
		vertical-align: middle;			/* 行の上下方向で真ん中に寄せる */
	}
	/* S:小文字(Small)に含まれる画像に対する装飾 */
	.decorationS img {
		border-radius: 15px;			/* 半径15pxで角丸にする */
		vertical-align: middle;			/* 行の上下方向で真ん中に寄せる */
	}
	/* T:極小文字(Tiny)に含まれる画像に対する装飾 */
	.decorationT img {
		max-width: 100%;				
		max-height: none;					
		vertical-align: middle;			/* 行の上下方向で真ん中に寄せる */
	}
	/* U:下線(Underline)に含まれる画像に対する装飾 */
	.decorationU img {
		box-shadow: 5px 5px 5px orange;	/* 右下に橙色の影を付ける */
	}

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

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

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

	/* ▽画像そのもの */
	.embeddedimage {
		max-width: 100%;	/* 横方向にはみ出ないようにする */
		max-height: 150px;	/* 大きくなりすぎないようにする */
		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 {
		background-color: #f8f8f8;
		border: 1px dashed #ddd;
		border-radius: 9px;
		margin: 0.3em 0;
		padding: 1em;
		font-size: 0.95em;
		color: #999;
		text-shadow: 1px 1px 1px #fff;
	}

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

	/* -------------------- */
	/* ▼検索語のハイライト */
	/* -------------------- */
	.searchword {
		font-weight: bold;
		background: linear-gradient(transparent 60%, #fd9 60%);
	}


/* ================== */
/* ■ページレイアウト */
/* ================== */
.pagecover {
	max-width: 950px;			/* 最大横幅（横幅の最大値を変更したい場合はここを修正して下さい。横幅の最大値を無制限にしたい場合はこの行を削除して下さい。） */
	margin: 0px auto;			/* 中央寄せ */
	padding: 0;
	box-sizing: border-box;
	background-color: #f6f3ea;		/* 背景色 */
    box-shadow:1px 3px 10px 1px rgba(0,0,0,0.2)
}

	/* ---------------- */
	/* ▼メイン段の装飾 */
	/* ---------------- */
	.contents .mainarea {
		margin: 0;			/* 外側の余白量 */
		padding: 0.5em 1.5em;		/* 内側の余白量 */
　　　　 box-shadow:3px 3px 6px inset rgb(102 87 68 / 66%)
	}
	/* -------------- */
	/* ▼サブ段の装飾 */
	/* -------------- */
	.contents .subarea {
		margin: 0;			/* 外側の余白量 */
		padding: 1.5em;	/* 内側の余白量 */
        background-color: #353e33;		/* サイドバーの背景色 */
	}

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

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

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

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

/* ========================== */
/* ■ページ最上部(ヘッダ)領域 */
/* ========================== */
header {
    display: flex;	
	margin: 0;		/* 外側の余白量 */
    padding: 1em 2em;			/* 内側の余白量 */
    background-image: url("shoko22.gif");
    background-position: center;
    background-repeat: no-repeat;
}


	/* ------------------ */
	/* ▼ヘッダ大ボックス */
	/* ------------------ */
	.headerbox {
		min-height: 4em;		/* 高さの最小値 */
        display: inline-block;
        align-items: center;
        padding: 0;
	}

#toggleDarkMode {
  background-color: #4546439e;
  color: #f6f3eaad;
  border: 0px solid #353e33;
  box-shadow:0px 0px 3px 2px rgb(239 239 219 / 42%);
  padding: 0.2em 0.6em;
  font-size: 1em;
  border-radius: 20px;
  cursor: pointer;
}

#toggleDarkMode:hover {
  transform: scale(1.05);
  transition: 0.2s;
}

body.dark-mode #toggleDarkMode {
  background-color: #4546439e;
  color: #f5f5e3;
  border: 0px solid #353e33;
  box-shadow:0px 0px 10px 5px rgb(239 239 219 / 80%);
  padding: 0.2em 0.6em;
  font-size: 1em;
  border-radius: 20px;
}

		/* ▼サイト名 */
		h1 {
			margin: 0.5em 1em;		/* 外側の余白量 */
			padding: 0px 0px;		/* 内側の余白量 */
			line-height: 1;			/* 行の高さ */
		}
			h1 a {
				text-decoration: none;	/* リンクの下線を消す */
			}
				/* ▽メインタイトル */
				.maintitle {
					display: inline-block;	/* タイトルとボタンで2段組 */
                    color: #eeebe5;			/* 文字色 */
                    line-height: 1.2;			/* 行の高さ */
                    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
                    font-size: 2.5rem;		/* 文字サイズ */
				}
				/* ▽サブタイトル */
				.subtitle {
					font-size: 1.3rem;		/* 文字サイズ */
                    color: #eeebe5;			/* 文字色 */
					display: inline-block;
                    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
				}
       

		/* ▼最終更新日時＋RSSフィード枠 */
		.lastmodifiedbox {
			margin: 0;			/* 外側の余白量 */
			padding: 0em;		/* 内側の余白量 */
			font-size: 0.9em;	/* 文字サイズ */
			text-align: right;	/* 右寄せ */
			color:#827E66;		/* 文字色 */
            font-family:"Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
            
		}
			/* 更新日時 */
			.lastmodified {
				color: #827E66;	/* 文字色 */
                font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
            
			}

			/* RSSフィードへのリンク(ボタン型に装飾) */
			.rssfeedlink a {
				display: inline-block;
				margin-left: 0.5em;				/* 左側の余白量 */
				border-radius: 0.5em;			/* 角丸 */
                background-color: #827E66;
				text-decoration: none;			/* リンクの下線を消す */
				padding: 1px 0.5em;				/* 内側の余白量 */
                color: #EFE7D6;
                font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
			}
			.rssfeedlink a:hover {
				background-color: #827E66;
				color: white;
				text-decoration: none;
			}

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

	/* 横幅800px以下の環境の場合 */
	@media all and (max-width: 800px) {
		textarea.tegalogpost {
			font-size: 16px;	/* 文字サイズ */
			padding: 0.4em;		/* 内側の余白量 */
		}
	}

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

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

	/* ------------------ */
	/* ▼文字装飾ボタン群 */		/* 注：これはボタンそのものを描画するための装飾です。文字装飾のためのスタイルではありません。 */
	/* ------------------ */
	/* 掲載領域全体 */ .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; }

	/* 投稿欄下部：「鍵付き」チェックボックスと「個別鍵」ボタンの間を詰める一時的なスタイル */
	.funcUIs .catChecks { margin:0 0.75em 0 0; }
	.funcUIs .catChecks label { margin: 0; }


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

	/* ▼表示限定案内枠 */
	.situation {
		margin: 1em 0;				/* 外側の余白量 */
		padding: 0em 1em;		 /* 内側の余白量 */
		color: #AE9164;				/* 文字色 */
		font-size: 0.9em;			/* 文字サイズ */
　　　　 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	}
	
	.situation:empty {
		display: none;		/* 表示限定案内が存在しない場合に、枠そのものを描画しないようにする指定。(これを消すと、限定ではない表示時に無駄な枠が描画されてしまいます。) */
	}
	

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


.logstatus-fixed .logfooter{ 
    display:none;
}
.logstatus-fixed .categories{
	display:none;
}
.logstatus-fixed .logheader{
	background-color: #ae916438;
	border:none;
}
.logstatus-fixed .logtitle a{
	color:#f6f3ea;
}

.logstatus-fixed .logbody{
	background-color:#f6f3ea;	
}

.logstatus-fixed a:link {color:#353e33;}
.logstatus-fixed a:visited{color:#827E66;}
.logstatus-fixed a:hover{color:#edad5f;}

.onelogbox {
	margin: 0em 0.9em;	/* 外側の余白量 */
	padding: 0.5em 0em;	/* 内側の余白量 */
	border-bottom: 1px solid #AE9164;
    font-family:  "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color:#59392b;
   }

	/* ……………… */
	/* ▼投稿ヘッダ */
	/* ……………… */
	.logheader {
		margin: 0;					 		/* 外側の余白量 */
		padding: 0.5em;				    	/* 内側の余白量 */
		background-color: #AE9164;			/* 背景色 */
		border-left: 8px solid #59392b;    /* 枠線 */
	}

		/* ▼タイトル */
		.logtitle {
			margin: 0;				/* 外側の余白量 */
			padding: 0.2em 0;		/* 内側の余白量 */
			line-height: 1;		/* 行の高さ */
			font-size: 1.0rem;		/* 文字サイズ */
            font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
		}
			.logtitle a {
				text-decoration: none;	/* リンクの下線を消す */
				color: #353e33;			/* 文字色 */
			}

		/* ▼投稿情報枠 */
		.loginfo {
			margin: 0;			/* 外側の余白量 */
			padding: 0;			/* 内側の余白量 */
			text-align: right;	/* 右寄せ */
			font-size: 0.8rem;	/* 文字サイズ */
			color: gray;		/* 文字色 */
		}

		/* ▼投稿後間もないことを示すNewサイン */
		.newsign {
			display: block;
			float: right;			/* 右端に配置 */
			margin: 0;				/* 外側の余白量 */
			padding: 0px 1px;		/* 内側の余白量 */
			vertical-align: top;	/* 上寄せ */
			font-size: 1em;		/* 文字サイズ */
			color: #f59b25;				/* 文字色 */
		}
		.newsign:empty {
			display: none;		/* Newサインを表示しない状況では、枠自体を描画しないようにする指定。 */
		}

		/* ‥‥‥‥‥‥ */
		/* ▼カテゴリ名 */
		/* ‥‥‥‥‥‥ */
		.categories {
			display: inline-block;
			color: #353e33;				/* 文字色 */
            font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		}
		.categories::before {
			content: '【書架分類|';		/* カテゴリ枠の先頭に「《Category:」の表示を追加 */
		}
		.categories::after {
			content: '】';				/* カテゴリ枠の末尾に「》」の表示を追加 */
		}
		.categories:empty {
			display: none;				/* カテゴリが1つもない場合は、枠自体を表示しない。 */
		}
			/* ▽カテゴリリンク1つ */
			.categorylink {
				display: inline-block;
				margin: 3px;				/* 左右に3pxの余白 */
			}
			/* リンクの文字色 */
			.categorylink:link,
            .categorylink:visited        {
				color: #eeebe5;				/* 文字色 */
                font-family:"Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			}

			/* ▽カテゴリリンクにマウスが載ったとき */
			.categorylink:hover {
				text-decoration: none;	/* リンク装飾を消す */
                color: #edad5f;		/* 文字色 */
			}
			/* ▽カテゴリ間のセパレータ */
			.catseparator {
				display: inline-block;
			}

	/* …………… */
	/* ▼投稿本文 */
	/* …………… */
	.logbody {
		margin: 0em;			/* 外側の余白量 */
		padding: 0 0.5em ;		/* 内側の余白量 */
        font-size: 0.9em;
		line-height:1.7
	}
    
    .logbody .postidlink {color:#AE9164;}
    .logbody .postidlink:hover {color:#edad5f;}

		/* ‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥ */
		/* ▼本文内に含まれるハッシュタグリンク */
		/* ‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥ */
　　　　　

		.logbody .taglink {
			text-decoration: none;	/* 下線を消す */
			word-break:break-all;	/* 自動リンクのはみ出しを防ぐ */
			color: #B29561;		/* 文字色 */
		    font-size: 1em;		/* 文字サイズ */
		}
		/* ▼ハッシュタグリンクにマウスが載ったとき */
		.logbody .taglink:hover {
			color: #edad5f;					/* 文字色 */
		}
　　　　　.logbody .taglink:visited{color:#827E66;}

　　　　　　　/* ‥‥‥‥‥‥‥‥‥‥‥‥‥‥ */
			/* ▼続きを読むリンク（ボタン） */		/* ※注：「続きを読む」機能は、JavaScriptが無効な閲覧環境では機能せず、その場合はボタンも表示されません。 */
			/* ‥‥‥‥‥‥‥‥‥‥‥‥‥‥ */
			/* ▽ボタン枠の装飾(共通) */
			.readmorebutton {
				display: inline;	/* インラインブロック化 */
			}
			/* ▽ボタン表面の装飾(共通) */
			.readmorebutton:link,
			.readmorebutton:visited {
				background-color: #ae91647a;	/* 背景色 */
				color: #353e33;		/* 文字色 */
				padding:0em 1em;
				border-radius:3px;
			}
			/* ▽ボタンにマウスが載った際の装飾(共通) */
			.readmorebutton:hover {
				background-color: #ae9164;	/* 背景色 */
				color: #f6f3ea;				/* 文字色 */
				
			}
			/* ▽開く（続きを読む）ボタン専用の装飾 */
			.readmorebutton.readmoreopen {
				font-size: 0.95em;		/* 文字サイズ */
			}

			/* ▽閉じる（畳む）ボタン専用の装飾 */
			.readmorebutton.readmoreclose {
				font-size: 0.75em;		/* 文字サイズ */
			}


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

		/* 編集リンク */
		.editlink a {
			display: inline-block;
			text-decoration: none;			/* リンクの下線を消す */
			text-align: center;				/* センタリング */
			vertical-align: text-bottom;	/* 下寄せ */
			font-size: 1.5em;				/* 文字サイズ */
			line-height: 1;					/* 行の高さ */
			color: #827E66;					/* 文字色 */
		}
		/* 編集リンクにマウスが載ったとき */
		.editlink a:hover {
			color: #b48e5c;
		}


/* ============================================================ */
/* ■鍵付き(パスワード保護)投稿に表示される鍵入力フォームの装飾 */
/* ============================================================ */
.passkeyform {
	display: inline-block;
	margin: 0;
	padding: 0.6em;
	background-color: #efe;
	border: 1px solid #cec;
	border-radius: 0.25em;
}

	/* ▼鍵違いエラーの表示 */
	.passkeyerror {
		display: block;
		color: white;
		background-color: crimson;
		font-weight: bold;
		line-height: 1;
		margin: 0 0 0.5em 0;
		padding: 0.33em 0.25em;
	}

	/* ▼入力フォーム枠 */
	.passkeybox {
		display: block;
	}

		/* ▼入力欄前のガイド文 */
		.passkeyguide {
			margin-right: 0.1em;
		}
		/* ▼鍵入力欄 */
		.passkeyinput {
			width: 10em;
			margin: 0 0.25em 3px 0;
		}
		/* ▼送信ボタン */
		.passkeysubmit {
		}


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


/* ========================== */
/* ■ページナビゲーション領域 */
/* ========================== */
.pagenavi {
	margin: 1em 0;					/* 外側の余白量 */
	padding: 1em;					/* 内側の余白量 */
	background-color: #f0e7d0;		/* 背景色 */
	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値を同じにすると正方形で中央寄せのボックスになる */
		border: 1px solid white;	/* 枠線 */
		border-radius: 3px;			/* 角丸 */
		font-size: 0.95em;			/* 文字サイズ */
		background-color: #eef9c1;	/* 背景色 */
		text-decoration: none;		/* リンクの下線を消す */
	}

	/* ▽現在のページ番号の装飾 */
	.pagenums a.pagenumhere {
		border-color: #81aa2a;		/* 枠線の色 */
		color: white;				/* 文字色 */
		background-color: #8ebb2e;	/* 背景色 */
		border-radius: 50%;			/* 角丸(円形) */
		font-weight: bold;			/* 太字 */
	}

	/* ▽ページ番号リンクにマウスが載った際の装飾 */
	a.pagenumlink:hover {
		color: white;					/* 文字色 */
		background-color: yellowgreen;	/* 背景色 */
		border-color: yellowgreen;		/* 枠線の色 */
	}

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


/* ======================== */
/* ■サブ領域（サイドバー） */
/* ======================== */
.subarea {
        font-size:0.95em;
        line-height:1.6;
}
.cornertitle {
		margin: 1em 1.5em;					/* 外側の余白量 */
		font-weight: bold;					/* 太字 */
		color: #59392b;						/* 文字色 */
        font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
        font-size:0.9rem;		/* 文字サイズ */
        background-color: #c7bda9;
        border: 3px ridge #6e6451;
        padding: 0.5em;
        text-align: center;
        position: relative;
        line-height: 0.7em;
	}
    .cornertitle:before, .cornertitle:after {
    position: absolute;
    top: 70%;
    margin-top: -0.5em;
    content: ':'; /* ビス部分の形 */
    font-size: 25px; /* ビス部分のサイズ */
    color:#59392b
    }

.cornertitle:before {
    left: 6px; /* 枠端からビス部分までの距離(※左右合わせる) */
    }
.cornertitle:after {
    right: 6px; /* leftと同じ数字 */
    }

	/* ------------ */
	/* ▼検索窓区画 */
	/* ------------ */
	.searcharea {

	}
	/* ▼検索窓の見出し */
	
		/* ▽検索フォーム */
		.searchbox {
			margin: 0em 2em ;			/* 外側の余白量 */
		}
			/* 入力欄 */
			.queryinput {
				font-size: 1em;
				padding: 0.25em 1em ;
				max-width:5em;
                background-color: #f6f3ea;
			}
			/* 検索ボタン */
			.searchbox .submitbutton {
				background-color: #AE9164;
				font-size: 1em;
				padding: 0.25em 0.67em;
				font-weight: bold;
				color: #f6f3ea;
				display: inline-block;
				margin: 0 0 0 3px;
                text-align: right;	/* 右寄せ */
			}
			/* 検索ボタンにマウスが載ったとき */
			.searchbox .submitbutton:hover {
				background-color: #AE9164;
				color: #edad5f;
			}

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

    .cattree { list-style-type:none; }
	
		/* ▽カテゴリツリー */
		.categoryTree ul {
			padding-left: 40px;
			list-style-type: none;
		}
    
		/* ▽カテゴリツリー内の該当件数 */
		.categoryTree .num {
			display: none;
			
		}

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

		/* ▽カテゴリ名 */
		.categoryTree .cattext {
            text-decoration: none;	/* 下線を消す */
            font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
		}

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

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

	/* -------------------- */
	/* ▼新着投稿リスト区画 */
	/* -------------------- */
	.latestpostarea {
		margin: 0;					/* 外側の余白量 */
		padding: 0 0 em 0;					/* 内側の余白量 */
	}
	/* ▼見出し */
	
		/* ▽新着投稿グリスト */
      .latestpostlist {
		    margin: 0em ;			/* 外側の余白量 */
			padding: 0em 1em ;		/* 内側の余白量 */
			line-height: 1;		/* 行の高さ */
			list-style-type: none;
			font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
			font-size:0.9em;
		}
			/* 各項目 */
			.latestpostlist li {
				margin: 0.75em 0;
                text-decoration: none;	/* 下線を消す */
			}
			/* タイトルリンク以外の項目 */
			.latestpostlist span {
				display: inline-block;
				font-size: 0.8em;
			}

	
	/* ------------------------ */
	/* ▼ハッシュタグリスト区画 */
	/* ------------------------ */
	.hashtaglistarea {
		margin: 0 0 em 0;					/* 外側の余白量 */
		padding: 0 0 1em 0;					/* 内側の余白量 */
		
	}

		/* ▽ハッシュタグリスト */
		.hashtaglist {
			list-style-type: none;	/* リストの先頭記号(なし) */
			margin: 0em 0;		/* 外側の余白量 */
			padding: 1 1em;		/* 内側の余白量 */
			line-height: 1.7;		/* 行の高さ */
			font-size:0.95em;
		}

		/* ▽ハッシュタグリストの1項目 */
		.hashtaglist li {
			display: inline-block;	/* インラインブロック化(横に並べる) */		/* ※ハッシュタグ一覧を横に並べたくない場合は、この行を削除して下さい。 */
            text-decoration: none;			/* リンクの下線を消す */
		}

		/* ▽ハッシュタグリスト内の該当件数 */
		.hashtaglist .num {
			font-size: 0.8em;		/* 文字サイズ */
			color: #827E66;			/* 文字色 */
			margin-left: 0.25em;	/* 外側左の余白量 */
		}

	/* -------------------- */
	/* ▼フリースペース区画 */
	/* -------------------- */
	.freespacearea {
		margin: 0 0 1em 0;					/* 外側の余白量 */
		padding: 0 0em 0;					/* 内側の余白量 */
	}
	/* ▼見出し */
	
		/* ▽フリースペースの本文 */
		.freespacebody {
			margin: 0.5em 0;		/* 外側の余白量 */
			padding: 0em;		/* 内側の余白量 */
			line-height: 1.7;		/* 行の高さ */
			font-family:"Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			font-size:0.95em;
		}

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

	/* -------------------- */
	/* ▼画像一覧リスト区画 */
	/* -------------------- */
	.imagelistarea {
		margin: 0 0 1em 0;					/* 外側の余白量 */
		padding: 0 0 1em 0;					/* 内側の余白量 */
	}
	/* ▼見出し */
	

		/* ………………………………………… */
		/* ▼新着画像リスト内の各画像の装飾 */	/* ここで画像の縦横サイズを制限しておかないと、原寸で表示されてしまいますので注意して下さい！ */
		/* ………………………………………… */
		.imagelistbox {
			margin: 0;				/* 外側の余白量 */
			text-align: center;		/* センタリング */
		}
			/* ▽画像リストの1項目枠 */
			.imagelistitem {
				display: inline-block;
				width: 30%;				/* 横方向に少なくとも3つは並べたい(※後のmax-widthの影響で4つ以上並ぶこともある) */
				max-width: 100px;		/* 横幅最大値 */
				max-height: 100px;		/* 高さ最大値 */
				margin: 1%;				/* 周囲の余白量 */
				vertical-align: middle;	/* 枠の下部に余計な空白ができるのを防ぐ */
				overflow: hidden;		/* 画像がぼかされている場合に、ぼかしが枠からはみ出ないようにする */
			}

				/* ▽画像リストの1項目内の画像そのもの */
				.imagelistbox .oneimage {
					width: 100%;
					height: auto;			/* 画像の高さは自動調整 */
					aspect-ratio: 1/1;		/* 画像を正方形にする */
					object-fit: cover;		/* 縦横比が合わなければトリミング */
					vertical-align: middle;	/* 画像下部に余計な空白ができるのを防ぐ */
				}

		/* ▼総数・総サイズの情報 */
		.imagesinfo {
			margin: 0.25em 0;		/* 外側の余白量(上下→左右) */
			text-align: right;		/* 右寄せ */
            color:#827E66;
		}
			.totalimgfiles {
				font-size: 0.9em;		/* 文字サイズ */
			}
			.totalimgsizes {
				font-size: 0.8em;		/* 文字サイズ */
			}

	/* ▼その他の情報表示 */
	.infotitle {
		margin: 1em 1.5em;					/* 外側の余白量 */
		font-weight: bold;					/* 太字 */
		color: #59392b;						/* 文字色 */
        font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
        font-size:0.9rem;		/* 文字サイズ */
        background-color: #c7bda9;
        border: 3px ridge #6e6451;
        padding: 0.5em;
        text-align: center;
        position: relative;
        line-height: 0.7em;
	}

.infotitle:before, .infotitle:after {
    position: absolute;
    top: 70%;
    margin-top: -0.5em;
    content: ':'; /* ビス部分の形 */
    font-size: 25px; /* ビス部分のサイズ */
    color:#59392b
    }

.infotitle:before {
    left: 6px; /* 枠端からビス部分までの距離(※左右合わせる) */
    }
.infotitle:after {
    right: 6px; /* leftと同じ数字 */
    }

	.infobody {
		margin: 0 0 1em 0;
		padding-top: 0.25em;
		text-align: right;
        list-style-type: none;	/* リストの先頭記号(なし) */
	}

/* ========================== */
/* ■ページ最下部(フッタ)領域 */
/* ========================== */
.footerfreespace{
	font-family:"Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:left;
    color:#827e66;    
}

footer {
	margin: 0;		/* 外側の余白量 */
	padding: 0.5em;		/* 内側の余白量 */
    text-align: center;			/* センタリング */
    font-size: 0.9em;
	line-height:1em;
    text-decoration: none;		/* 下線を消す */
    background-color: #292f27;
	color:#c9a56f;
	box-shadow:1px 3px 10px 1px rgba(0,0,0,0.2)
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
    footer a:link    { color: #827E66; }  	/* 未訪問 */
	footer a:visited { color: #827E66; }  	/* 訪問済み */
	footer a:hover   { color: #edad5f; } 	/* マウスが乗ったとき */
	footer a:active  { color: #827E66; }	/* アクティブ時 */

	/* ---------------- */
	/* ▼フッタボックス */
	/* ---------------- */
  
　　　　.Copyright  {
　　　　}
	/* Powered-by表記のデザイン */
	.poweredby {
		/* ※削除したり見えにくくしたりせずにお使い下さい。(見える範囲内での移動や装飾はご自由にどうぞ) */
        }

	}


/* End of file */