@charset "utf-8";

/*………………………………… */
/* 青い鳥を懐かしむスキンCSS */
/* ver1.20                   */
/*………………………………… */
/* ============== */
/* ■全体共通装飾 */
/* ============== */
body {
	font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;
	margin: 0;
	padding: 0;
	font-size: 15px;
	letter-spacing: -0.05em; /* 字間を-0.05em(フォントサイズの5%)詰める */
}

/* ▼リンクの装飾 */
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: 500px;	/* 大きくなりすぎないようにする */
	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: 580px) {
	.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: 1em;
	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;
}
/* ▽プロフィール欄 */
.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: 60px;
		right: 20px;
		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: 800px;				/* メイン側の横幅 */
		vertical-align: top;
		margin: 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: 100%;
		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;
}
.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;
}
/* ------------------------ */
/* ▼ハッシュタグリスト区画 */
/* ------------------------ */
/* ▽ハッシュタグリスト */
.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;
	font-size: 1em;/* スマホ文字サイズ調整追加 */
}
/* ------------------------------------------ */
/* ▼表示対象の限定時などの「限定条件」表示行 */
/* ------------------------------------------ */
.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;
}
body.onelog .tab1 {
	display: none;
}
.situation + .onelogbox {
	/* 限定条件表示行の直下に表示される場合 */
	border-top: 1px #e6ecf0 solid;
}
/* -------------------- */
/* ▼ユーザアイコン表示 */
/* -------------------- */
.iconarea {
	display: table-cell;
	vertical-align: top;
	padding-top: 3px;
	padding-right: 8px;
}
.usericon {
	vertical-align: middle;
}
/* ------------ */
/* ▼投稿内容側 */
/* ------------ */
.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: 85%;
	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;
}
/* ▼カテゴリー表示 */
.category a {
	font-size: 0.85em;
	color: gray;
}
.under-category {
	margin-top: 10px;
}
/* ▼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: #d15b00;
	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: 0px solid #ccd;	/* 枠線の装飾 */
	border-radius: 0.5em;	/* 枠線の角丸 */
}
/* ▽ボタン表面の装飾(共通) */
.readmorebutton:link,
.readmorebutton:visited {
	background-color: #95d084;	/* 背景色(グラデーション非対応の環境のみ) */
	background-image: none;		/* グラデーションなし */
	color: rgb(0, 0, 0);		/* 文字色 */
	text-decoration: none;	/* リンク装飾を消す */
}
/* ▽ボタンにマウスが載った際の装飾(共通) */
.readmorebutton:hover {
	background-image: none;		/* グラデーションなし */
	background-color: #95d084;		/* 背景色 */
	color: rgb(0, 0, 0);				/* 文字色 */
	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;
}
@media all and (min-width: 800px) {
	.onelogcontent [class*="deco-pict"] {
		height: 250px;
	}
}
.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;
}
/* ====================== */
/* ▼カード型リンクの装飾 */
/* ====================== */
.cardlink {
	display: inline-block;
	width: 100%;
	max-width: 600px;			/* 最大幅 */
	padding: 0 0.25em 0.5em 0;	/* 内側の余白量 */
	font-size: 0.9rem;			/* 文字サイズ */
	text-decoration: none;		/* リンク文字の下線を消す */
	vertical-align: middle;		/* 行内の上下方向では中央配置 */
	box-sizing: border-box;
}
/* --------------------------------------- */
/* ▽リンクカードの装飾(サイズS/L共通部分) */
/* --------------------------------------- */
/* カード外枠 */
.cardlinkbox {
	border: 1px solid #ccc;		/* 枠線 */
	border-radius: 10px;		/* 角丸 */
	background-color: white;	/* 背景色 */
	display: flex;				/* 内部レイアウトのFlexbox化 */
}
/* (マウスが載ったとき) */
.cardlinkbox:hover {
	background-color: #e6e6e6;	/* 背景色 */
	border-color: #ccc;			/* 枠線色 */
}
.comment a.cardlink:hover {
	text-decoration: none;
}
/* ▽リンクカード内の画像枠 */
.cardlinkimage {
	background-image: linear-gradient(-30deg, #cccccc, #e6e6e6);
	background-size: cover;					/* 背景画像で枠を埋める */
	background-position: center center;		/* 背景画像を中央に寄せる */
	background-repeat: no-repeat;			/* 背景画像を繰り返さない */
}
/* ▽リンクカード内のテキスト枠 */
.cardlinktextbox {
	display: flex;				/* Flexbox化 */
	flex-direction: column;		/* 子要素を縦方向に並べる */
	padding: 0.5em 1em;			/* 内側の余白量 */
	line-height: 1.5;
}
/* ▽リンクカードのテキスト枠内の3要素共通 */
.cardlinktitle,
.cardlinkdescription,
.cardlinkurl {
	/* ↓表示行数を制限するための準備 */
	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: 0.05em 0;
	color: black;
}
/* リンク概要文 */
.cardlinkdescription {
	line-height: 1.3;			/* 行の高さ */
	color: #555;				/* 文字色 */
	line-clamp: 2;				/* (既存指定の上書き) 最大2行まで見せる */
	-webkit-line-clamp: 2;		/* (既存指定の上書き) 最大2行まで見せる */
}
/* リンクドメイン */
.cardlinkurl {
	color: #999;				/* 文字色 */
}
/* ----------------------------------- */
/* リンクカードの装飾(サイズS用の追記) */
/* ----------------------------------- */
.cardsize-S {
	flex-direction: row;				/* 画像とテキストは横に並べる(Flexbox) */
}
/* ▽リンクカード内の画像枠 */
.cardsize-S .cardlinkimage {
	min-width: 100px;				/* 最小の横幅 */
	min-height: 100px;				/* 最小の高さ */
	width: calc(130px);
	border-radius: 10px 0 0 10px;		/* 左側だけ角丸 */
	flex-shrink: 0;					/* 枠サイズを自動縮小させない */
}
/* ▽リンクカード内のテキスト枠 */
.cardsize-S .cardlinktextbox {
	border-left: 1px solid #ccc;	/* 左側の枠線 */
	justify-content: center;		/* Flexboxの上下方向での中央寄せ */
	padding: 1em;
}
/* ▽リンクカードのテキスト枠内の3要素 */
.cardsize-S .cardlinktitle { order: 2; font-weight: bold; }		/* タイトルは、2番目に表示 */
.cardsize-S .cardlinkdescription { order: 3; }	/* 概要文　は、3番目に表示 */
.cardsize-S .cardlinkurl { order: 1; font-size: 0.8rem; }	/* ドメインは、1番上に表示 */
@media all and (max-width: 800px) {
	.cardsize-S .cardlinkimage {
		width: calc(90px);
	}
	.cardsize-S .cardlinktitle {
		padding: 0.1em 0;
	}
}
/* ----------------------------------- */
/* リンクカードの装飾(サイズL用の追記) */
/* ----------------------------------- */
.cardsize-L {
	flex-direction: column;			/* 画像とテキストは縦に並べる(Flexbox) */
}
/* ▽リンクカード内の画像枠 */
.cardsize-L .cardlinkimage {
	aspect-ratio: 1.91 / 1;		/* 画像枠の縦横比を指定= (横)1.91：(縦)1 */
	width: 100%;				/* 横幅は枠最大に拡げる */
	height: auto;				/* 高さは自動計算 */
	border-radius: 10px 10px 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 {
	margin-top: 0.1em;				/* 上側の枠線より上の余白量 */
	font-size: 0.8rem;				/* 文字サイズ(小さめ) */
}

/* ========================== */
/* ■ページ最下部(フッタ)領域 */
/* ========================== */
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 1em; font-size: 0.8em; text-align: center; }


/* End of file */