@charset "utf-8";

/*………………………………… */
/* 青い鳥を懐かしむスキンCSS */
/*………………………………… */
/* ============== */
/* ■全体共通装飾 */
/* ============== */
body {
	font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;
	margin: 0;
	padding: 0;
	font-size: 15px;
}
/* ▼リンクの装飾 */
a {
	color: var(--color-main);
	text-decoration: none;
}
a:hover {
	color: #0a71ae;
	/*text-decoration: underline;*/
}



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






/* ▼埋め込み画像 */
/* ▽画像ボックス(FIGオプション指定時) */
.embeddedpictbox {
	margin: 0;					/* 外側の余白を消す */
	padding: 0;					/* 内側の余白を消す */
	display: inline-table;		/* 横方向に並べる */
	border-collapse: collapse;	/* displayをinline-tableにする場合に必要 */
	border: 1px solid #e8f4ff;	/* 枠線 */
	vertical-align: top;		/* 行内では上に寄せる */
}
/* キャプション */
.embeddedpictbox figcaption {
	display: table-caption;		/* キャプションが画像幅から外に出ないようにする */
	caption-side: bottom;		/* キャプションの位置(上にしたければtop) */
	font-size: 0.8em;			/* 文字サイズ */
	text-align: center;			/* センタリング */
	background-color: white;	/* 背景色 */
}
/* 画像ボックスに含まれる画像 */
.embeddedpictbox img {
	vertical-align: middle;
}
/* ▽画像リンク */
.imagelink {
	display: inline-block;
	line-height: 1;				/* 表示形態によっては画像の下に余計な空白が出るのを防ぐ対策 */
	vertical-align: inherit;	/* 同上 */
}
/* ▽画像そのもの */
.embeddedimage {
	max-width: 100%;	/* 横方向にはみ出ないようにする */
	max-height: 250px;	/* 大きくなりすぎないようにする */
	width: auto;	/* 画像サイズを固定したい場合はここに具体的なpx値を指定するのがお勧め */
	height: auto;	/* 高さを固定したい場合を除いて、ここは auto のままにするのがお勧め */
	border-radius: 15px;	/* 角丸 */
}
/* ▽フラグ付き画像 (※設定や採用記法によって出力パターンが複数あるため、あらゆるパターンに対応させるべく同じスタイルを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 */
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%, #8df 60%);
}

/* ========================== */
/* ■ページ最上部(ヘッダ)領域 */
/* ========================== */
header {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 33vw!important;
	max-height: 200px;
	margin: 0 auto;
	background-position: center;
	background-size: cover;
}
.head-top {
	color: gray;
	font-size: 0.8em;
	margin: -0.5em 0 0 3.5em;
}
/* ========追加============= */
.pagetitle {
margin: 0 0 0 0.5em;
	padding: 0;
	font-size:1.2em
	}
	
	
	h1::before {
		content: '← ';			/* 何も付け加えたくない場合はこの1行を消して下さい */
		font-size: 1.4em;
		color: #000;
	}
	
	h1 a {color: #000;}
	h1 a:hover {color: #0a71ae;text-decoration: underline;}
/* ========================== */

/* ▽プロフィール欄 */
.myprofile {
	position: relative;
	top: -50px;
	margin: 0 20px;
}
/* ▽プロフィール：アイコン */
.proficon {
	width: 85px;
	height: 85px;
	border-radius:50%;
	border: 2px white solid;
	background-position: center;
	background-size: cover;
}
/* ▽プロフィール：ユーザーネーム */
.profname {
	margin-top: 10px;
}
.profname::after {
	font-weight: bold;
	font-size: 120%;
}
/* ▽プロフィール：ユーザーID */
.profid {
	font-size: 90%;
	color: gray;
	padding-bottom: 15px;
}
/* ▽プロフィール：フリースペース */
.proftext {
	line-height: 1.6;
}

/* ▼投稿／画像切替 */
.menu-switch {
	display: flex;
	position: relative;
	top: -20px;
	margin-bottom: -5px;
}
body:not(.mode-gallery) .menu-switch-post,
body.mode-gallery .menu-switch-media {
	width: 50%;
	font-weight: bold;
	text-align: center;
	position: relative;
}
body:not(.mode-gallery) .menu-switch-post::before,
body.mode-gallery .menu-switch-media::before {
	content: "";
	display: block;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -15px;
	width: 50%;
	height: 4px;
	margin: 0 auto;
	border-radius: 5px;
	background: var(--color-sub2);
}
body:not(.mode-gallery) .menu-switch-media,
body.mode-gallery .menu-switch-post {
	width: 50%;
	text-align: center;
}
body:not(.mode-gallery) .menu-switch-media a,
body.mode-gallery .menu-switch-post a {
	color: gray;
	text-decoration: none;
}

/* ---------- */
/* ▼タブ切替 */
/* ---------- */
.none {
	display: none;
}
.subarea-tab a {
	text-decoration: none;
	color: black;
}
@media all and (max-width: 799px) {
	.subarea-tab {
		display: flex;
		justify-content: center;
		text-align: center;
		position: fixed;
		bottom: 0;
		margin: 0;
		padding: 5px 0;
		background-color: white;
		box-shadow: 0 0 1px var(--color-main);
		width: 100%;
		z-index: 3000;
	}
	[class^="tab-button"]{
		width: 33%;
		cursor: pointer;
	}
	[class^="tab-button"]:active {
	background-color: #f5f5f5;	
	}
	.subarea-tab .onclick {
		filter:drop-shadow(2px 2px 1px var(--color-sub2));
	}
	body:not(.home) .subarea-tab .tab-button1.onclick {
		filter: none;
	}
	.post-button {
		display: inline-block;
		text-align: center;
		font-weight: bold;
		color: white;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		line-height: 50px;
		position: fixed;
		bottom: 110px;
		right: 2.5vmin;
		background: var(--color-sub2);
		filter:drop-shadow(2px 3px 4px #999999);
		cursor: pointer;
		z-index: 3000;
	}
	.subarea a {
		text-decoration: none;
	}
	.post-button::after {
		content: "＋";
	}
	.mobile-none {
		display: none;
	}
}
.contents {
	min-height: 80svh;
}
/* =========================================== */
/* ■段組構成（画面の幅が800px以上の場合限定） */
/* =========================================== */
@media all and (min-width: 800px) {
	.contents {
		display: flex;
		flex-direction: row-reverse;
		border-collapse: separate;
		border-spacing: 1em 0;
		margin: 0 auto;
		padding: 0;
		max-width: 850px;
		min-height: 90vh;
	}
	.contents .mainarea {
		width: 600px;				/* メイン側の横幅 */
		vertical-align: top;
		margin: 0 1em 0 0;/* 1em 1em 0 0;*/
		border-left: 0.1px solid #f5f5f5;		
		border-right: 0.1px solid #f5f5f5;
	}
	.contents .subarea {
		width: 250px;				/* サブ側の横幅 */
		vertical-align: top;
		background-color: white;
		padding-top: 50px;
		font-size: 110%;
		margin: 1em 0 0 0;
	}
	/* -------------- */
	/* ▼タブ切り替え */
	/* -------------- */
	[class^="tab-button"] {
		height: 60px;
		line-height: 60px;
		padding-left: 20px;
		cursor: pointer;
		display: flex;
		align-items: center;
	}
	[class^="tab-button"]:hover {
		background-color: #f5f5f5;	
	}
	.tab-button1,
	.tab-button2 {
		position: relative;
	}
	.tab-button1 a,
	.tab-button2 a {
		position: absolute;
		top: 10px;
		left: 20px;
		width: 100%;
		height: 100%;
	}
	.tab-button1::after {
		content: " プロフィール";
		padding-top: 6px;
		padding-left: 45px;
	}
	.tab-button2::after {
		content: " ホーム";
		padding-top: 6px;
		padding-left: 45px;
	}
	.tab-button3::after {
		content: " 検索";
		padding-top: 6px;
		padding-left: 15px;
	}
	.post-button::after {
		content: "投稿する";
	}
	[class^="tab-button"][class*="onclick"] {
		font-size: 110%;
		font-weight: bold;
	}
	body:not(.home) .tab-button1.onclick {
		font-size: 100%;
		font-weight: normal;
	}
	.post-button {
		text-align: center;
		color: white;
		border-radius: 100vh;
		margin: 20px;
		padding: 10px;
		display: block;
		background-color: var(--color-sub2);
		/*filter:drop-shadow(0 0 2px gray);*/
		cursor: pointer;
	}
}
/* ------------ */
/* ▼検索ページ */
/* ------------ */
/* ▼カテゴリ／タグ切替 */
.menu-switch2 {
	display: flex;
	padding: 15px 0;
	border-bottom: 1px #e6ecf0 solid;
}
[class^="menu-switch"] {
	text-align: center;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.search-click {	
	font-weight: bold;
	position: relative;
	width: 50%;
}
.search-click::before {
	content: "";
	display: block;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -15px;
	width: 40%;
	height: 4px;
	margin: 0 auto;
	border-radius: 5px;
	background: var(--color-sub2);
}
.menu-switch2 :not(.search-click) {
	width: 50%;
	color: gray;
}
/* -------- */
/* ▼検索窓 */
/* -------- */
.searcharea {
	margin: 1em 0 2em 0;			/* 外側の余白量 */
	padding: 1em;				/* 内側の余白量 */
	background-color: white;	/* 背景色 */
	overflow: auto;
	text-align: center;
}
/* ▽検索フォーム */
.searchbox {
	margin: 0;		/* 外側の余白量 */
}
.searchinputs {
	position: relative;
	display: inline-block;
}
.searchinputs input[type="text"] {
	box-sizing: border-box;	
	border: none;
	background-color: #f5f5f5;
	border: none;
	display: block;
	padding: 3px 5px 3px 50px;
	margin: 0 auto;
	border-radius: 20px;
	height: 2.3em;
	width: 300px;
	overflow: hidden;
}
.searchinputs input[type="text"]:focus {
	outline: 1px solid var(--color-main);
	background-color: white;
	padding-left: 50px;
}
.searchinputs input[type="submit"]{
	cursor: pointer;
	font-family: FontAwesome;
	border: none;
	background: none;
	color: var(--color-sub2);
	position: absolute;
	width: 50px;
	height: 2.5em;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	outline : none;
	-webkit-appearance: none;
}
/* ▽検索対象を限定するチェックボックス */
.searchtarget {
	margin: 0;
	font-size: 0.9em;
	line-height: 1.3;
	padding: 5px;
}
/* ▽検索フォーム形式の切り替えリンク */
.siwtchsearchbox {
	font-size: 0.8em;
	margin-bottom: 0;
}

/* ▽複合検索フォーム */
#complexsearch {
	display: none;	/* 複合検索窓は、最初は非表示にしておく */
}
	/* 検索オプションリスト */
	.searchoptions {
		font-size: 0.9em;
		margin: 0.75em 0 1em 0.5em;
		padding: 0 0 0 0.5em;
	}
	/* 項目名 */
	.solabel {
		display: inline-block;
		min-width: 5em;
	}
	/* セレクトボックス */
	.searchoptions select {
		max-width: 175px;
		overflow: hidden;
	}
/* -------------------- */
/* ▼カテゴリツリー区画 */
/* -------------------- */
/* ▽カテゴリツリー */
.categoryTree ul {
	padding-left: 30px;
	list-style-type: disc;
}
.categoryTree ul li {
	list-style: none;
}
.categoryTree ul li a {
	display: block;
	color: black;
	padding: 10px 0;
		text-decoration: none;
	border-bottom: dashed 1px #ddd;
}
.categoryTree ul li a:active {
	background-color: #f5f5f5;
	-webkit-tap-highlight-color: transparent;
}
@media all and (min-width: 800px) {
	.categoryTree ul li a:hover {
		background-color: #f5f5f5;
	}
}
.categoryTree .depth2 li a .catdescription,
.categoryTree .depth2 br {
	display: none;
}
/* ▽カテゴリツリー内の該当件数 */
.categoryTree .num {
	display: inline-block;
	margin-left: 0.4em;
	font-size: 0.9em;
	color: #aaa;
}
/* ▽カテゴリアイコン */
.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;
	}
	
		/* ‥‥‥‥‥‥ */
		/* ▼カテゴリ名 */
		/* ‥‥‥‥‥‥ */
			.categories {
		font-size: 0.9em;		/* 文字サイズ */
		padding: 0 0 0 0.5em;
			}

			/* ▽カテゴリリンク1つ */
				.categorylink {
				display: inline-block;
				text-decoration: none;		/* リンクの下線を消す */
				}

				/* カテゴリリンク */
				.categories a {
				/* text-decoration: underline;*/
				color: #555;				/* 文字色 投稿枠内小文字色 */
}
				.categories a:hover {
					text-decoration: underline;
					color: var(--link-iro);				/* 文字色 */
				}


			/* ▽カテゴリリンクにマウスが載ったとき */
			.categorylink:hover {
			text-decoration: underline;	/* 下線を表示 */
			color: var(--link-iro);				/* 文字色 */
			}
			/* ▽カテゴリ間のセパレータ */
			.catseparator {
				display: inline-block;
				margin: 0 2px;			/* 左右に1pxの余白 */
				 color: var(--month-date);		/* 投稿枠内小文字色 */
			}

				/* ▽カテゴリアイコン */
				.categoryicon img {
					height: 1.2em;
					width: auto;
					vertical-align: text-top;
					margin: 0 1px;
				}
	
	
	
/* ------------------------ */
/* ▼ハッシュタグリスト区画 */
/* ------------------------ */
/* ▽ハッシュタグリスト */
.hashtaglist {
	margin: 0.5em;
	padding: 0;
}
.hashtaglist li {
	width: 100%;
	position: relative;
}
.hashtaglist li a {
	color: black;
	display: block;
	padding: 15px 0 30px 0;
	text-decoration: none;
}
.hashtaglist li a:active {
	background-color: #f5f5f5;
	-webkit-tap-highlight-color: transparent;
}
@media all and (min-width: 800px) {
	.hashtaglist li:hover {
		background-color: #f5f5f5;
	}
}
/* ▽ハッシュタグリスト内の該当件数 */
.hashtaglist .num {
	font-size: 0.9em;
	color: gray;
	margin-left: 0.25em;
	position: absolute;
	bottom: 8px;
	pointer-events: none;
}
.hashtaglist .num::after {
	content: ' 件のツイート';
}
/* ======================== */
/* ■入力フォームの表示領域 */
/* ======================== */
.postform {
	margin: 0;
	padding: 1em;
}
.postform p {
	margin: 0;
}
/* ▼本文入力欄 */
textarea.tegalogpost {
	border: none;
	border-radius: 0.67em;
	background-color: white;
	padding: 0.5em;
	font-size: 0.9rem;
	box-sizing: border-box;
	width: 100%;
	min-height: 10.3em;
	max-height: 40svh;
	overflow-wrap: break-word;
	overflow: auto;
	margin-bottom: 0.25em;
	text-align: justify;
	text-justify: inter-ideograph;
}
@media all and (min-width: 800px) {
	textarea.tegalogpost {
		max-height: 80svh;
	}
}
.postform textarea{
	field-sizing: content;
}
textarea.tegalogpost:focus {
	outline: none;
}
	/* ▽プレースホルダ(※入力文字数ゼロの際だけ見える薄文字)の装飾 */
	textarea.tegalogpost:placeholder-shown { color: #777; outline: none; }			/* 通常時 */
	textarea.tegalogpost:focus:placeholder-shown { color: #bbb; outline: none; }	/* カーソルが入ったとき */
	textarea.tegalogpost:-ms-input-placeholder { color: #aaa; outline: none; }		/* for IE */

/* ▼投稿コントロール部分(ボタンや字数カウンタなど) */
.line-control {
	margin: 0.25em 0;
	position: relative;
}
.line-control input[type="button"] {
	background-color: var(--color-sub1);
}
.line-control span[id^="tpostcount"] {
	position: absolute;
	left: 0;
	top: 0;
}

/* 横幅800px以下の環境の場合 */
@media all and (max-width: 800px) {
	textarea.tegalogpost {
		font-size: 16px;	/* 文字サイズ */
		padding: 0.4em;		/* 内側の余白量 */
	}
}
/* ▼投稿ボタン */
.postbutton {
	background: var(--color-sub2);/*#35abf2;*/
	color: white;
	font-size: 1rem;
	border-radius: 1em;
	padding: 0.25em 0.75em;
	font-weight: bold;
	border: 1px solid #35abf2;
	text-decoration: none;
	display: block;
	margin: 0 0 10px auto;
}
/* ▼投稿ボタンにマウスが載ったとき */
.postbutton:hover {
	background-color: skyblue;
}
/* ------------------ */
/* ▼文字装飾ボタン群 */
/* ------------------ */
/* 掲載領域全体 */ .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; }
}
.decoBtns .imgUrl {
	display: block;
}
/* -------------------------------- */
/* ▼カテゴリ選択チェックボックス群 */	/* ★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; }

/* ====================== */
/* ■メイン(ログ掲載)領域 */
/* ====================== */
.mainarea {
	padding: 0;
	background-color: white;
}
/* ------------------------------------------ */
/* ▼表示対象の限定時などの「限定条件」表示行 */
/* ------------------------------------------ */
.situation {
	margin: 1em;
	font-weight: bold;
	color: #05f;
}
.situation:empty { display: none; }	/* 限定表示がない場合はボックス自体を非表示にする。 */
/* ------------------ */
/* ▼日付セパレータ行 */
/* ------------------ */
.dateseparator {
	background-color: #e6ecf0;
	color: black;
	text-shadow: 1px 1px 1px white;
	font-weight: bold;
	padding: 1px 1em;
	border-color: #ccd6dd;
	border-width: 1px 0px;
	border-style: solid;
}
/* ▼日付セパレータ行内のリンク */
.dateseparator a {
	background-color: #f5f8fa;
	font-size: 80%;
	font-weight: normal;
	display: inline-block;
	border-radius: 1em;
	margin: 0px 0.25em;
	padding: 0px 0.5em;
}

/* ================================ */
/* ■投稿ボックス(一発言)ごとの表示 */	/* ※内側スキン */
/* ================================ */
.onelogbox {
	margin: 0;
	padding: 1em 1em 0.2em 1em;
	border-bottom: 1px #e6ecf0 solid;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	pointer-events: all;
}
body:not(.onelog) .onelogbox:active {
	background-color: #f5f5f5;
}
@media all and (min-width: 800px) {
	body:not(.onelog) .onelogbox:hover {
		background-color: #f5f5f5;
	}
}
.onelogtable {
	display: table;
	border-spacing: 0;
}
/* ▼単独ページへのリンク */
.onelog-cardlink::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	}
		/* onelog でサイト名を出す
body.onelog .tab1 {
	display: none;
} */
	.onelog .onelogbox {
		border-top: 1px #e6ecf0 solid;
}
	
.situation + .onelogbox {
	/* 限定条件表示行の直下に表示される場合 */
	border-top: 1px #e6ecf0 solid;
}
/* -------------------- */
/* ▼ユーザアイコン表示 */
/* -------------------- */
.iconarea {
	display: table-cell;
	vertical-align: top;
	padding-top: 3px;
	padding-right: 8px;
}
.usericon {
	vertical-align: middle;
	width: 48px;/* --アイコンサイズ追加----- */
    height: 48px;/* --追加----- */
}
/* ------------ */
/* ▼投稿内容側 */
/* ------------ */
.onelogbody {
	display: table-cell;
	vertical-align: top;
	width: 100%;
	position: relative;
	z-index: 2;
	pointer-events: none;
	text-align: justify;
	text-justify: inter-ideograph;
}
.onelogbody a{
	pointer-events: all;
}
/* -------------- */
/* ▼投稿情報表示 */
/* -------------- */
.oneloginfo {
	margin: 0 0 0.3em 0;
	font-size: 0.9em;
	position: relative;
}
.onelogctrl {
	margin: 0;
	float: right;
}
.onelogctrl label {
	pointer-events: all;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	padding: 10px 5px 10px 10px;
}
.ctrl-unshown {
 	display:none;
}
/* ▽閉じる用 */
[id^="ctrl-close"] {
	display: none;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: 0.3s ease-in-out;
	-webkit-tap-highlight-color: transparent;
}
/*▽編集・削除ボタンの領域*/
#ctrl-content {
	overflow: auto;
	position: absolute;
	top: 0;
	right: 30px;
	z-index: 4000;
	width: 90%;
	max-width: 100px;
	max-height: 80px;
	padding: 5px;
	background: #fff;
	border-radius: 5px;
	display: none;
}
/* ▽チェックがついたら表示させる */
[id^="ctrl-input"]:checked ~ #ctrl-close {
	display: block;
	opacity: 0.5;
}
[id^="ctrl-input"]:checked ~ #ctrl-content {
	box-shadow: 6px 0 25px rgba(0,0,0,.15);
	display: block;
}
/* ▽編集ボタン */
.editlink,
.deletelink {
	font-size: 100%;
	text-align: center;
}
.editlink a,
.deletelink a {
	text-decoration: none;
	display: block;
	color: var(--color-main);
	padding: 6px 5px;
}
.editlink a:active,
.deletelink a:active {
	background-color: #f5f5f5;
}
@media all and (min-width: 800px) {
	.editlink a:hover,
	.deletelink a:hover {
		background-color: #f5f5f5;
	}
}
/* ▼ユーザ名領域 */
.username {
	display: inline-block;
	margin: 0;
	font-weight: bold;
}
/* ▽ユーザ名のリンク */
.username a {
	color: black;
}
/* ▽ユーザ名のリンクにマウスが載ったとき */
.username a:hover {
	color: #0a71ae;
}
.oneloginfo .userid {
	color: gray;
	font-weight: normal;
}
/* ▼投稿日時領域 */
.postdate {
	font-size: 0.85em;
	color: gray;
}
.under-postdate {
	margin-top: 10px;
}
/* ▽投稿日時のリンク */
.postdate a {
	display: inline-block;
	color: #555;
	background-color: white;
	border-radius: 0.5em;
	padding: 0 0.5em;
}
/* ▽投稿日時リンクにマウスが載ったとき */
.postdate a:hover {
	color: #0a71ae;
}
/* ▼New!サイン部分 */
.newsign {
	display: inline-block;	/* インラインブロック化 */
	color: #f55;			/* 文字色 */
	font-size: 0.8em;		/* 文字サイズ */
	margin-right: 0.35em;	/* 外側下の余白量 */
	visibility: hidden;		/* 非表示 */
}
.newsign:empty {
	display: none;
}
/* ▼固定表示ラベル */
.newsign .fixed {
	visibility: visible;
	color: #4d4d4d;
	font-weight: bold;
	font-size: 120%;
}
.newsign .fixed::before {
	font-family: 'Material Symbols Outlined';
	content: "\e6aa";
	font-size: 110%;
	padding-right: 3px;
	display: inline-block;
	transform: translateY(1px);
}
/* ---------- */
/* ▼投稿本文 */
/* ---------- */
.onelogcontent {
	margin: 0;
	line-height: 1.6;
}
.comment {
	line-height: 1.3;
}
.comment iframe {
	pointer-events: all;
	cursor: pointer;
}
/* ▽投稿本文に含まれるURLリンク */
.comment .url {
	/* color: #85973e;*/
	text-decoration: none;
}
.comment .url:hover {
	text-decoration: underline;
}
/* ▽投稿本文に含まれるハッシュタグリンク */
.onelogbody .taglink {
	display: inline-block;
	color: var(--color-main);
	text-decoration: none;
	word-break:break-all;	/* 自動リンクのはみ出しを防ぐ */
}
/* ▽投稿本文に含まれるハッシュタグリンクにマウスが載ったとき */
.onelogbody .taglink:hover {
	text-decoration: underline;
}
/* ‥‥‥‥‥‥‥‥‥‥‥‥‥‥ */
/* ▼続きを読むリンク（ボタン） */		/* ※注：「続きを読む」機能は、JavaScriptが無効な閲覧環境では機能せず、その場合はボタンも表示されません。 */
/* ‥‥‥‥‥‥‥‥‥‥‥‥‥‥ */
/* ▽ボタン枠の装飾(共通) */
.readmorebutton {
	display: inline-block;	/* インラインブロック化 */
	padding: 1px 0.5em;		/* 内側の余白 */
	margin: 0 5px;			/* 外側の余白 */
	border: 1px solid #ccd;	/* 枠線の装飾 */
	border-radius: 0.5em;	/* 枠線の角丸 */
}
/* ▽ボタン表面の装飾(共通) */
.readmorebutton:link,
.readmorebutton:visited {
	background-color: #eee;	/* 背景色(グラデーション非対応の環境のみ) */
	background-image: linear-gradient( 45deg, var(--color-main) 35%, var(--color-sub2) );	/* 背景グラデーション */
	color: white;		/* 文字色 */
	text-decoration: none;	/* リンク装飾を消す */
}
/* ▽ボタンにマウスが載った際の装飾(共通) */
.readmorebutton:hover {
	background-image: none;		/* グラデーションなし */
	background-color: #5be;		/* 背景色 */
	color: white;				/* 文字色 */
	text-decoration: underline;	/* 下線を加える */
}
/* ▽開く（続きを読む）ボタン専用の装飾 */
.readmorebutton.readmoreopen {
	font-size: 90%;		/* 文字サイズ */
}
/* ▽閉じる（畳む）ボタン専用の装飾 */
.readmorebutton.readmoreclose {
	font-size: 85%;		/* 文字サイズ */
}
/* ▼複数画像まとめ */
.onelogcontent [class*="deco-pict"] {
	height: 200px;
	width: 100%;
	margin-bottom: -15px;
	display: flex;
	border-radius: 15px;
	padding: 0.5em 0;
}
@media all and (min-width: 800px) {/*800以上*/
	.onelogcontent [class*="deco-pict"] {
	height: 250px;
	padding: 1em 0;
	}
}
.onelogcontent .deco-pict3 {
	flex-flow: column;
	flex-wrap : wrap;
}
.onelogcontent .deco-pict4 {
	flex-wrap : wrap;
}
.onelogcontent .deco-pict2 .imagelink {
	width: 50%;
}
.onelogcontent .deco-pict3 .imagelink:first-of-type {
	height: 100%;
	width: 50%;
}
.onelogcontent .deco-pict3 .imagelink:nth-of-type(2),
.onelogcontent .deco-pict3 .imagelink:nth-of-type(3) {
	height: 50%;
	width: 50%;
}
.onelogcontent .deco-pict4 .imagelink {
	height: 50%;
	width: 50%;
}
.onelogcontent [class*="deco-pict"] .imagelink img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.onelogcontent [class*="deco-pict"] br {
	display: none;
}
.onelogcontent .deco-pict2 .imagelink:first-of-type img,
.onelogcontent .deco-pict3 .imagelink:first-of-type img {
	border-radius: 15px 0 0 15px;
	padding-right: 2px;
}
.onelogcontent .deco-pict2 .imagelink:nth-of-type(2) img {
	border-radius: 0 15px 15px 0;
	padding-left: 2px;
}
.onelogcontent .deco-pict3-2 .imagelink:first-of-type img {
	border-radius: 0 15px 0 0;
	padding-left: 2px;
}
.onelogcontent .deco-pict3-2 .imagelink:nth-of-type(2) img {
	border-radius: 0 0 15px 0;
	padding-left: 2px;
}
.onelogcontent .deco-pict4 .imagelink:first-of-type img {
	border-radius: 15px 0 0 0;
	padding-right: 2px;
	padding-bottom: 2px;
}
.onelogcontent .deco-pict4 .imagelink:nth-of-type(2) img,
.onelogcontent .deco-pict3 .imagelink:nth-of-type(2) img {
	border-radius: 0 15px 0 0;
	padding-left: 2px;
	padding-bottom: 2px;
}
.onelogcontent .deco-pict4 .imagelink:nth-of-type(3) img {
	border-radius: 0 0 0 15px;
	padding-right: 2px;
	padding-top: 2px;
}
.onelogcontent .deco-pict4 .imagelink:nth-of-type(4) img,
.onelogcontent .deco-pict3 .imagelink:nth-of-type(3) img {
	border-radius: 0 0 15px 0;
	padding-left: 2px;
	padding-top: 2px;
}
/* ▼ボタン群 */
.onelogunder {
	display: flex;
	justify-content: space-around;
	margin-top: 10px;
	padding-top: 10px;
	pointer-events: none;
}
body.onelog .onelogunder {
	border-top: 1px #e6ecf0 solid;
}
.onelogunder a {
	pointer-events: all;
	position: relative;
	cursor: pointer;
	padding: 3px;
}
/* ▽いいねボタン改 */
button.newiine_btn {
	border: none;
	margin-right: 0;
	padding: 3px 3px 6px 3px;
	pointer-events: all;
}
button.newiine_btn.newiine_clicked {
	color: #ed5d78;
	background: none;
}
button.newiine_btn.newiine_clicked:hover {
	background: none;
}
.onelogunder [class^="copy-tweeturl"] {
	display: none;
	position: absolute;
	background-color: var(--color-sub1);
	border-radius: 5px;
	bottom: 40px;
	right: 40px;
	padding: 5px;
	font-size: 90%;
	z-index: 500;
}
/* ==================== */
/* ■サイトマップモード */
/* ==================== */
body.mode-sitemap .onelogbox {
	height: 150px;
	overflow: hidden;
	box-shadow: 1px 5px 10px -10px;
}
body.mode-sitemap .onelogbox::before {
	content: "";
	position: absolute;
	border-style: none;
	left: 0;
	bottom: 0;
	z-index: 2000;
	width: 100%;
	height: 50px;
	background: linear-gradient(180deg, rgb(255, 255, 255, 0) 0%, rgb(255, 255, 255, 1) 70%);
	pointer-events: none;
}

/* ============================================================ */
/* ■鍵付き(パスワード保護)投稿に表示される鍵入力フォームの装飾 */
/* ============================================================ */
.passkeyform {
	display: inline-block;
	text-align: center;
	width: 90%;
	margin: 0 auto;
	padding: 0.6em;
	background-color: #e8f4ff;
	border: 1px solid #bfe2ff;
	border-radius: 0.25em;
	pointer-events: all;
}
/* ▼鍵違いエラーの表示 */
.passkeyerror {
	display: block;
	color: white;
	background-color: var(--color-sub2);
	font-weight: bold;
	line-height: 1;
	margin: 0 0 0.5em 0;
	padding: 0.33em 0.25em;
}
/* ▼入力フォーム枠 */
.passkeybox {
	display: block;
}
.passkeybox input[type="text"] {
	border: none;
	border-radius: 0;
	padding-right: 5px;
	-webkit-appearance: none;
	display: inline-block;
	vertical-align: middle;
}
.passkeybox input[type="text"]:focus {
	outline: 1px solid var(--color-main);
	border: none;
}
/* ▼入力欄前のガイド文 */
.passkeyguide {
	margin-right: 0.1em;
}
/* ▼鍵入力欄 */
.passkeyinput {
	width: 8em;
	margin: 0 0.25em 0 0;
}
/* ▼送信ボタン */
.passkeysubmit {
	margin-left: 5px;
	padding: 2px 6px;
	background: var(--color-main);
	border: 0.5px solid var(--color-sub2);
	border-radius: 5px;
	color: white;
	cursor: pointer;
	box-shadow: 1px 1px 3px #666666;
	display: inline-block;
	vertical-align: middle;
	-webkit-appearance: none;
}
.passkeysubmit:active {
	box-shadow: none;
}

/* ====================================================================== */
/* ■一発言だけが表示される際に追加表示されるユーティリティリンク群の装飾 */
/* ====================================================================== */
.utilitylinks {
	margin: 2em 1em 1em 1em;
	padding: 0.5em;
	border: 1px solid #b2defc;
	border-radius: 1em;
	background-color: #eff8fe;
	font-size: 0.9em;
}
.utilitylinks ul {
	color: darkblue;
}

/* ========================== */
/* ■ページナビゲーション領域 */
/* ========================== */
.pagenavi {
	margin: 2.5em 0px;			/* 外側の余白 */
	padding: 0.5em 0px;			/* 内側の余白 */
	text-align: center;			/* 中央寄せ */
}
.pagenavi p {
	margin: 0;
	text-align: center;
}
/* ------------------------------------ */
/* ▼ページ前後移動リンク群ボックス全体 */
/* ------------------------------------ */
.pagelinks {
	margin: 0.75em;		/* 外側の余白 */
}
/* ▼ページ移動リンクの文字 */
.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: #5bf;		/* 背景色 */
	color: white;				/* 文字色 */
	/* border-radius: 1em;			角丸 */
}
/* ▽ページ番号リンクにマウスが載った際の装飾 */
a.pagenumlink:hover {
	text-decoration: none;		/* リンク装飾を消す */
	background-color: var(--color-sub2);		/* 背景色 */
	color: white;				/* 文字色 */
	/* border-radius: 0.3em;		角丸 */
}
/* ------------------------------------ */
/* ▼限定解除リンク(＝HOMEに戻るリンク) */
/* ------------------------------------ */
.pagehome {
	font-weight: bold;
}

/* ========================== */
/* ■ページ最下部(フッタ)領域 */
/* ========================== */
footer {
	margin: 1em 0px 0px 0px;		/* 外側の余白 */
	padding: 0px;					/* 内側の余白 */
	border-top: 1px solid #f5f5f5;	/* 枠線 */
	background-color: white;		/* 背景色 */
	color: black;					/* 文字色 */
	line-height: 1.8;
}
footer p {
	margin: 0;
	padding: 5px 0;
}
/* ▼戻るリンク */
footer .backlink {
	text-align: center;			/* 中央寄せ */
	padding: 1em;
}
/* Powered-by表記のデザイン */
@media all and (max-width: 800px) {
	footer .poweredby { padding-bottom: 50px; }
}
footer .poweredby { margin: 0.5em 1em; font-size: 0.8em; text-align: center; }






/*    上に戻るボタン*/
	.ue_btn, .sita_btn {
	position: fixed;
	z-index: 5000;
	bottom: 3vmin;
	right: 3vmin;
	border-radius: 5%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background: #555555;
	text-decoration: none;
	text-align: center;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
	transition: background-color 0.3s ease;
} 	

  .ue_btn:hover, .sita_btn:hover{ background-color: #aaaaaa;}
  
  .ue_btn .material-icons-round.md24 {
	color: #fefefe;
	font-size: 30px;
  }

  .sita_btn .material-icons-round.md24 {
	color: #fefefe;
	font-size: 30px;
  }

.ue_btn {
  bottom: 65px; /* 上に戻るボタンの位置 */
}

.sita_btn {
  bottom: 20px; /* 下に移動するボタンの位置 */
}



/* End of file */