@charset "utf-8";

/* ………………………………………………………………………………………… */
/* てがろぐ -Fumy Otegaru Memo Logger- 標準スタイルシート for Ver 2.7.0 */
/* ………………………………………………………………………………………… */


/*-- MySet --*/
input {
background-color: rgba(255,255,255,0.6);
border: 1px solid lightslategrey;
font-size: 1em;
padding: 0.25em 0.67em;
border-radius: inherit;
font-weight: normal;
color: #556677;
display: inline-block;
margin: 0 0 0 3px;
}
select {
 -moz-appearance: none;
 -webkit-appearance: none;
appearance: none;
background-color: rgba(119, 136, 153, 0.8);
border: 1px solid lightslategrey;
font-size: 1em;
padding: 0.25em 0.67em;
border-radius: 0.5em;
font-weight: normal;
color: white;
display: inline-block;
margin: 0 0 5px 3px;
}

.textarea1 { border: 2px dotted rgba(119, 136, 153, 1); height:2.5em; color: lightslategrey; background-color: rgba(255, 255, 255, 0.5); font-size: 0.9rem;}
input.button1 { background-color: rgba(255,255,255,0); padding: 2px 6px; margin-top: 5px; color: #8899aa; border-radius:6px; border: 1px solid #99aabb; }
input.button1:visited{ background-color: rgba(255,255,255,0); padding: 2px 6px; margin-top: 5px; color: #8899aa; border-radius:6px; border: 1px solid #99aabb; }
input.button1:hover{ background-color: rgba(255,255,255,0); padding: 2px 6px; margin-top: 5px; color: #8899aa; border-radius:6px; border: 1px solid #99aabb; opacity: 0.5; }
input.button1:active{ background-color: rgba(255,255,255,0); padding: 2px 6px; margin-top: 5px; color: #8899aa; border-radius:6px; border: 1px solid #99aabb; opacity: 0.5; }


.postdate a:hover{ color: gainsboro; }		/* MySet */
.postid a:hover{ color: gainsboro; }		/* MySet */

ul li {list-style:none;} /* MySet */

/* MySet - multisubbox */
.multisubbox  {
		margin: 0 0 1em 0;
		padding: 0 0 1em 0;
		border-bottom: 1px dashed lightslategrey;
}
.multisubbox .cornertitle { margin: 0; font-size: 1em; font-weight: bold; color: #555; }
.MojiX{ font-size: 85%; line-height: 2em;  color: #555;}
.Myline{ padding-left: 1em; font-size: 0.95em; line-height: 2em;}



/* ============== */
/* ■全体共通装飾 */
/* ============== */
body {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic","游ゴシック","YuGothic",sans-serif;
	margin: 0;
	padding: 0;
color: #222; /* MySet */
background-color: white;
background-image: url(bgimg/rabook_xx1_1200300a.jpg);
/* background-size: cover; */
background-position: center bottom;
background-repeat:  no-repeat;
}

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

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

	/* ---------------------------------------------------- */
	/* ▼汎用装飾(てがろぐ専用記法で書かれた場合のみ)：文字 */ /* MySet ※画像用は削除 */
	/* ---------------------------------------------------- */

	/* B:太字(Bold) */
	.decorationB {
		font-weight: bold;		/* 太字 */
	}
	/* D:削除(Delete) */
	.decorationD {
		color: inherit;	/* 文字色 */
		text-decoration-line: line-through;	/* 取り消し線 */
		text-decoration-color: #c0c0c0;			/* 線の色 */
	}
	/* E:強調(Emphasis) */ /* MySet */
	.decorationE {
		color: inherit;	/* 文字色 */
		font-style: normal;
font-weight: 700;
font-size: 130%;
	}
	/* I:斜体(Italic) */
	.decorationI {
		font-style: italic;		/* 斜体 */
	}
	/* Q:引用(Quote) */
	.decorationQ {
		margin: 1em 2em 1em 1.5em;		/* 外側の余白(上→右→下→左) */
		padding: 0.75em 0.5em;			/* 内側の余白(上下→左右) */
		border-left: 10px double #e2e2e2;	/* 左端の枠線 */
		background-color: #f2f2f2;			/* 背景色 */
		font-size: 90%;				/* 文字サイズ */
		display: block;					/* ※Ver 2.2.0以降必須の記述 */
	}
	.decorationQ::before,
	.decorationQ::after {
		content: '';			/* 標準で付加されてしまう引用符を無効にする */
	}
	.decorationQ + br {
		display: none;	/* 引用直後の改行を無効化する */
	}
	/* S:小文字(Small) */
	.decorationS {
		font-size: 85%;	/* 文字サイズ */
	}
	/* T:極小文字(Tiny) */
	.decorationT {
		font-size: 75%;	/* 文字サイズ */
	}
	/* U:下線(Underline) */
	.decorationU {
		text-decoration-line: underline;	/* 線位置 */
		text-decoration-style: solid;		/* 線種類 */
		text-decoration-color: #c0c0c0;		/* 線配色 */
	}


	/* -------------- */
	/* ▼埋め込み画像 */
	/* -------------- */
	.embeddedimage {
		max-width: 100%;	/* 横方向にはみ出ないようにする */
		max-height: 300px;	/* 大きくなりすぎないようにする */ /* MySet -base240px- */
		width: auto;	/* 画像サイズを固定したい場合はここに具体的なpx値を指定するのがお勧め */
		height: auto;	/* 高さを固定したい場合を除いて、ここは auto のままにするのがお勧め */
	}

	/* -------------- */
	/* ▼埋め込み動画 */
	/* -------------- */
	@media all and (max-width: 600px) {
		.embeddedmovie {
			display: inline-block;
			max-width: 100%;	/* はみ出ないようにする */
			width: auto;
			height: auto;
		}
	}


/* ========================== */
/* ■ページ最上部(ヘッダ)領域 */
/* ========================== */
header {
	display: table;				/* タイトルとボタンで2段組 */
background-color: none;	/* 背景色 */ /* MySetBase #fffefe or none*/
/* background-image: url(bgimg/rabook_xx1_1200300.jpg); */ /* MySet */
background: linear-gradient(to top, rgba(255,227,220,0.3) 0%, 
rgba(191,235,255,0.3) 100%),url(bgimg/rabook_xx1_1200300a.jpg); 
background-position: left bottom;
background-repeat: no-repeat;
	width: 100%;				/* 横幅 */
border-bottom: 1px dashed #ccc; /* MySet */
}

	/* -------------- */
	/* ▼タイトル区画 */
	/* -------------- */
	.headtitle {
		display: table-cell;	/* タイトルとボタンで2段組 */
		margin: 0;				/* 外側の余白量 */
		padding: 0.2em;			/* 内側の余白量 */
		color: lightslategrey;			/* 文字色 */
		line-height: 1;			/* 行の高さ */
	}

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

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

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

	/* ---------------------- */
	/* ▼管理・投稿ボタン区画 */
	/* ---------------------- */
	.headcontrol {
		display: table-cell;	/* タイトルとボタンで2段組 */
		text-align: right;		/* 右寄せ */
		vertical-align: middle;	/* 上下の中心寄せ */
		padding: 0 3px;			/* 内側の余白量 */
	}

	/* ▼ボタンの包含ボックス */
	.control-links {
		margin: 0;		/* 外側の余白量 */
	}

	/* ▼管理・投稿用リンクボタン */ /* MySet （トップ右上のリンクボタン） */
	.headcontrol a {
		display: inline-block;		/* インラインブロック化 */
		text-align: center;			/* センタリング */
		border: 1px solid white;	/* 枠線 */
		border-radius: 0.3em; /* 枠の角丸 */
background-color: white;
font-size: 0.9em;
font-weight: 700;
		padding: 0.3em;				/* 内側の余白量 */
		margin-bottom: 1px;			/* 外側下の余白量 */
		background-color: wthite;	/* 背景色 */ 
		color: #b4bec7;				/* 文字色 */ /* MySet ライトスレートグレイの薄め色2 */
		text-decoration: none;		/* 下線を消す */
		white-space: nowrap;		/* 折り返さない */
	}
	/* ▼管理・投稿用リンクボタンにマウスが載った際 */
	.headcontrol a:hover {
		text-decoration: none;	/* 下線を引く */
		background-color: white;	/* 背景色 */
		color: gainsboro;			/* 文字色 */
	}

	/* ----------------------------------------- */
	/* ▼ヘッダ領域：画面の横幅が800px以上の場合 */
	/* ----------------------------------------- */
	@media all and (min-width: 800px) {
		/* 投稿・管理ボタン区画 */
		.headcontrol {
			white-space: nowrap;	/* ヘッダ領域のボタン部分を横並びに強制する */
		}

		/* タイトル区画 */
		.mainguide {
			line-height: 1;			/* 行の高さ */
		}
	}

	/* ----------------------------------------- */
	/* ▼ヘッダ領域：画面の横幅が480px以下の場合 */
	/* ----------------------------------------- */
	@media all and (max-width: 480px) {
		/* タイトル区画 */
		.subtitle {
			font-size: 0.35em;		/* 文字サイズ */
			vertical-align: middle;	/* 上下の中心寄せ */
		}
		.mainguide {
			font-size: 0.8em;		/* 文字サイズ */
			line-height: 1.25;		/* 行の高さ */
		}
	}


/* ======================== */
/* ■入力フォームの表示領域 */		/* ※QUICKPOST用 */
/* ======================== */
.postform {
	background-color: #fffefe;	/* 背景色 */
	margin: 1em;			/* 外側の余白量 */
	padding: 1em;			/* 内側の余白量 */
}
.postform p {
	margin: 0;
}
	/* ------------ */
	/* ▼本文入力欄 */
	/* ------------ */
	textarea.tegalogpost {
		border: 2px lightslategrey 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: lightslategrey;			/* 背景色 */
		color: white;				/* 文字色 */
		font-size: 1rem;			/* 文字サイズ */
		font-weight: bold;			/* 太字 */
		text-decoration: none;		/* 下線を消す */
		padding: 0.25em 0.75em;		/* 内側の余白量 */
		border: 1px solid white;	/* 枠線 */
		border-radius: 1em;			/* 枠の角丸 */
	}
	/* ▼投稿ボタンにマウスが載ったとき */
	.postbutton:hover {
		background-color: lightsteelblue;	/* 背景色 */
	}

	/* ------------------ */
	/* ▼文字装飾ボタン群 */	/* ★Ver 1.4.0以降で使用 */ /* MySet （削除済） */
	/* ------------------ */


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

	/* -------------- */
	/* ▼大外枠の装飾 */
	/* -------------- */
	.contents {
		display: table;				/* 段組準備 */
		border-collapse: separate;	/* 段の間隔を空ける */
		border-spacing: 1em 0;		/* 段の間隔量 */
		margin: 50px 0 0 0;		/* 外側の余白量 *//*top40px-MySet*/
		padding: 0;				/* 内側の余白量 */
		width: 100%;				/* 横幅 */
	}
	/* ---------------- */
	/* ▼メイン段の装飾 */
	/* ---------------- */
	.contents .mainarea {
		display: table-cell;	/* 段組 */
		width: 75%;				/* 横幅 */
		vertical-align: top;	/* 上に寄せる */
	}
	/* -------------- */
	/* ▼サブ段の装飾 */
	/* -------------- */
	.contents .subarea {
		display: table-cell;	/* 段組 */
		width: 25%;				/* 横幅 */
		vertical-align: top;	/* 上に寄せる */
	}
}


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

	/* ------------------------------------------ */
	/* ▼表示対象の限定時などの「限定条件」表示行 */
	/* ------------------------------------------ */
	.situation {
		margin: 0 0 1em 0;	/* 外側の余白量 */
		font-weight: bold;	/* 太字 */
		color: #b1b1b1;	/* 文字色 */
	}
	.situation:empty { display: none; }	/* 限定表示がない場合は存在自体を消す */

	/* -------------- */
	/* ▼日付境界バー */
	/* -------------- */
	.dateseparator {
		background-color: #fffefe;	/* 背景色 */
		color: white;			/* 文字色 */
		padding: 2px 1em;		/* 内側の余白量 */
	}

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

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


/* ================================ */
/* ■投稿ボックス(一発言)ごとの表示 */	/* ※この領域は、内側スキンで生成しているHTMLに対する装飾です。 */
/* ================================ */
.onelogbox {
	display: table;					/* 投稿情報と投稿本文とで2段組 */
	border-collapse: separate;		/* 段の間隔を空ける */
	border-spacing: 0 0.75em;		/* 段の間隔量 */
	border-bottom: 1px lightslategrey dashed;	/* 下線 */
	width: 100%;					/* 横幅 */
}

	/* ---------------- */
	/* ▼投稿情報カラム */
	/* ---------------- */
	.onelogside {
		display: table-cell;	/* 投稿情報と投稿本文とで2段組 */
		vertical-align: top;	/* 上に寄せる */
		text-align: center;		/* センタリング */
		width: 96px;			/* 横幅 */
		min-width: 64px;		/* 最低横幅 */
	}

		/* ………………………………………… */
		/* ▼ユーザアイコン＆ユーザ名リンク */
		/* ………………………………………… */
		.usericonlink {
			display: block;				/* ブロック化 */
			margin: 0 3px;				/* 外側の余白量 */
			padding: 0.75em 0;			/* 内側の余白量 */
			color: #fffefe;				/* 文字色 */
			background-color: ;	/* 背景色 */
			border: none;	/* 枠線有→1px solid lightslategrey */
			border-radius: 1em;			/* 枠の角丸 */
			font-size: 0.67em;			/* 文字サイズ */
			line-height: 1;				/* 行の高さ */
			text-decoration: none;		/* 下線を消す */
		}
		/* ▽マウスが載ったとき */
		.usericonlink:hover {
			border-color: ;			/* 枠線の色 */
			background-color: ;		/* 背景色 */
		}

			/* ‥‥‥‥‥‥‥ */
			/* ▼アイコン部分 */
			/* ‥‥‥‥‥‥‥ */
			.iconarea {
				display: block;		/* ブロック化 */
			}

			/* ‥‥‥‥‥‥‥ */
			/* ▼ユーザ名部分 */
			/* ‥‥‥‥‥‥‥ */
			.username {
				display: none;		/* none←消す block←ブロック化 */
				padding-top: 4px;	/* 内側上の余白量 */
			}

			/* ‥‥‥‥‥‥‥ */
			/* ▼メモ番号部分 */
			/* ‥‥‥‥‥‥‥ */
			.memonum {
				margin: 0.3em 0;	/* 外側の余白量 */
				font-size: 0.8em;	/* 文字サイズ */
				color: grey;		/* 文字色 */
			}

			/* ▽メモ番号のリンク */
			.memonum a {
				text-decoration: none;	/* 下線を消す */
			}

			/* ▽メモ番号のリンクにマウスが載ったとき */
			.memonum a:hover {
				color: indianred;			/* 文字色 */
			}

			/* ‥‥‥‥‥‥‥‥ */
			/* ▼New!サイン部分 */
			/* ‥‥‥‥‥‥‥‥ */
			.newsign {
				display: inline-block;	/* インラインブロック化 */
				color: #fffefe;			/* 文字色 */
				font-size: 0.5em;		/* 文字サイズ */
				margin-right: 0.35em;	/* 外側下の余白量 */
			}

	/* ---------------- */
	/* ▼投稿本文カラム */
	/* ---------------- */
	.onelogbody {
		display: table-cell;	/* 投稿情報と投稿本文とで2段組 */
		vertical-align: top;	/* 上に寄せる */
	}

		/* …………… */
		/* ▼投稿本文 */ /* MySet ※重要（.oneloginfoと連携） */
		/* …………… */
		.comment {
margin-left: 1em;		/* 外側左の余白量 */
margin-top: 2em; /* MySet */
margin-bottom: 3em; /* MySet */
line-height: 1.75em;		/* 行の高さ */ /* MySet - base1.55 */ /* ※重要 */
min-height: 4em;		/* 最低限確保する高さ */
font-size: 0.9em; /* MySet */
		}

			/* ‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥ */
			/* ▼本文内に含まれるハッシュタグリンク */
			/* ‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥ */
			.comment .taglink {
				display: inline-block;	/* インラインブロック化 */
				margin: 0 3px;			/* 外側の余白量 */
				text-decoration: none;	/* 下線を消す */
				word-break:break-all;	/* 自動リンクのはみ出しを防ぐ */
font-size: 80%; /* MySet */
			}
			/* ▼ハッシュタグリンクにマウスが載ったとき */
			.comment .taglink:hover {
				color: gainsboro;					/* 文字色 */
				border-color: none;			/* 枠線の色 */
				text-decoration: none;		/* 下線を引く */
			}

			/* ‥‥‥‥‥‥‥‥‥‥‥‥‥‥ */
			/* ▼続きを読むリンク（ボタン） */		/* ※「続きを読む」機能は、JavaScriptが無効な閲覧環境では機能せず、その場合はボタンも表示されません。 */ /*MySet */
			/* ‥‥‥‥‥‥‥‥‥‥‥‥‥‥ */
			/* ▽ボタン枠の装飾(共通) */
			.readmorebutton {
				display: inline-block;	/* インラインブロック化 */
				padding: 1px 0.5em;		/* 内側の余白 */
				margin: 0 1px;			/* 外側の余白 */
				border: none;	/* 枠線の装飾 */
				border-radius: none;	/* 枠線の角丸 */
			}
			/* ▽ボタン表面の装飾(共通) */
			.readmorebutton:link,
			.readmorebutton:visited {
				color: lightsteelblue;		/* 文字色 */
				text-decoration: none;	/* リンク装飾を消す */
background-color: none;
border-bottom: 1px dotted lightsteelblue;
			}
			/* ▽ボタンにマウスが載った際の装飾(共通) */
			.readmorebutton:hover {
				color: gainsboro;		/* 文字色 */
				text-decoration: none;	/* 下線を加える */
background-color: none;
border-bottom: 1px dotted lightsteelblue;
			}


		/* ……………………………… */
		/* ▼投稿日時などの情報表示 */
		/* ……………………………… */
		.oneloginfo {
			margin: 1em 0;;	/* 外側の余白量 */ /* MySet ※重要（.commentと連携） */
			color: #fffefe;			/* 文字色 */
			font-size: 0.8em;		/* 文字サイズ */
			text-align: right;		/* 右寄せ */
		}

			/* ‥‥‥‥‥‥‥ */
			/* ▼投稿ユーザID */
			/* ‥‥‥‥‥‥‥ */
			.postuserid {
				margin: 0 0.3em;	/* 外側の余白量 */
			}

			/* ▽ユーザIDのリンク */
			.postuserid a {
				text-decoration: none;		/* 下線を消す */
				color: #fffefe; inherit;				/* 文字色(継承) */
			}
			/* ▽ユーザIDのリンクにマウスが載ったとき */
			.postuserid a:hover {
				text-decoration: none;	/* 下線を引く */
			}

			/* ‥‥‥‥‥‥‥‥‥ */
			/* ▼投稿日時のリンク */
			/* ‥‥‥‥‥‥‥‥‥ */
			.postdate a {
				display: inline-block;		/* インラインブロック化 */
				padding: 0 0.25em;			/* 内側の余白量 */
				color: lightslategrey;			/* 文字色 */
				text-decoration: none;		/* 下線を消す */
			}

			/* ▽投稿日時リンクにマウスが載ったとき */
			.postdate a:hover {
				text-decoration: none;	/* 下線 */
			}

			/* ‥‥‥‥‥‥ */
			/* ▼編集リンク */
			/* ‥‥‥‥‥‥ */
			.editlink a {
				display: inline-block;	/* インラインブロック化 */
				font-size: 0.8em;		/* 文字サイズ */
				color: #cfcfcf;			/* 文字色 */
				text-decoration: none;	/* 下線を消す */
				background-color: none;	/* 背景色 */
				border: none;	/* 枠線 */
				border-radius: 0.5em;	/* 枠の角丸 */
				padding: 0 0.5em;		/* 内側の余白量 */
			}

			/* ▽編集リンクにマウスが載ったとき */
			.editlink a:hover {
				color: white;			/* 文字色 */
				background-color: none;	/* 背景色 */
				border-color: none;		/* 枠線の色 */
			}

	/* ------------------------------ */
	/* ▼画面幅が狭い場合の上書き装飾 */
	/* ------------------------------ */
	@media all and (max-width: 480px) {
		/* ▼投稿情報カラム */
		.onelogside {
			width: 64px;		/* 横幅 */
		}
		/* ▼投稿本文 */
		.comment {
			margin-left: 0.3em;	/* 外側左の余白量 */
			line-height: 1.45;	/* 行の高さ */
		}
	}


/* ====================================================================== */
/* ■一発言だけが表示される際に追加表示されるユーティリティリンク群の装飾 */	/* 各投稿の個別ページでのみ表示される囲みナビ用の装飾です。 */
/* ====================================================================== */
.utilitylinks {
	margin: 2em 1em 1em 1em;	/* 外側の余白量 */
	padding: 0.5em;				/* 内側の余白量 */
	border: 1px solid lightslategrey;		/* 枠線 */
	border-radius: 1em;			/* 枠の角丸 */
	background-color: #fffefe;		/* 背景色 */
	font-size: 0.9em;			/* 文字サイズ */
}
/* ▼ナビのリンクリスト */
.utilitylinks ul {
	color: lightslategrey;			/* 文字色 */
}


/* ========================== */
/* ■ページナビゲーション領域 */
/* ========================== */
.pagenavi {
	margin: 2.5em 0px;			/* 外側の余白 */
	padding: 0.5em 0px;			/* 内側の余白 */
	text-align: center;			/* 中央寄せ */
	border-width: ;		/* 枠線の太さ */
	border-style: ;		/* 枠線の種類 */
	border-color: ;		/* 枠線の配色 */
	background-color: ;	/* 背景色 */
	text-align: center;			/* センタリング */
}

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

	/* ▼ページ移動リンクの文字 */
	.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: ;	/* 背景色 */
		color:  #b6bfc8;				/* 文字色 */ /* MySet ライトスレートグレイの薄め色1 */
		border-radius: 0.3em;			/* 角丸 */
	}
	/* ▽ページ番号リンクにマウスが載った際の装飾 */
	a.pagenumlink:hover {
		text-decoration: none;		/* リンク装飾を消す */
		background-color: lightslategrey;	/* 背景色 */
		color: #fffefe;				/* 文字色 */
		border-radius: 0.3em;		/* 角丸 */
	}

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


/* ========== */
/* ■サブ領域 */
/* ========== */
.subarea {
	margin: 1em 0 0 0;				/* 外側の余白量 */
	padding: 0 1em;					/* 内側の余白量 */
	background-color: rgba(255,254,254,0);			/* 背景色 */
	border-left: 1px solid lightslategrey;	/* 枠線(左側) */
font-size: 85%; /* MySet */
}

	/* --------------------------------- */
	/* ▼サブ領域の見出し(DASHBOARD)部分 */
	/* --------------------------------- */
	.subhead {
		border-bottom: 3px double lightslategrey;	/* 下線 */
		line-height: 1;						/* 行の高さ */
		text-align: center;					/* センタリング */
		font-weight: bold;					/* 太字 */
		color: #555;						/* 文字色 */
	}

	/* ------------ */
	/* ▼検索窓区画 */
	/* ------------ */
	.searcharea {
		margin: 0 0 1em 0;					/* 外側の余白量 */
		padding: 0 0 1.5em 0;					/* 内側の余白量 */
		border-bottom: 1px dashed lightslategrey;	/* 下線 */
	}
	/* ▼見出し */
	.searcharea .cornertitle {
		font-weight: bold;
		margin: 0;
		color: #555;
		text-shadow: none;
	}

		/* ▽検索フォーム */
		.searchbox {
			margin: 0;		/* 外側の余白量 */
		}
			.queryinput {
				border: 2px solid lightslategrey;
				border-radius: 0.5em;
				font-size: 1em;
				padding: 0.25em 0.5em;
			}
			.searchbox .submitbutton {
				background-color: lightslategrey;
				border: 1px solid white;
				font-size: 1em;
				padding: 0.25em 0.67em;
				border-radius: 1em;
				font-weight: bold;
				color: white;
				display: inline-block;
				margin: 0 0 0 3px;
			}
.searchbox .submitbutton { background-color: rgba(255,255,255,0); padding: 2px 6px; margin: 5px 0 0 5px; color: #99aabb; border-radius:6px; border: 1px solid #99aabb; }
.searchbox .submitbutton:hover { background-color: rgba(255,255,255,0); padding: 2px 6px; margin: 5px 0 0 5px; color: #99aabb; border-radius:6px; border: 1px solid #99aabb; opacity: 0.5; }

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

	/* ------------------------------ */
	/* ▼日付一覧リスト・日付検索区画 */
	/* ------------------------------ */
	.datelistarea {
		margin: 0 0 1em 0;					/* 外側の余白量 */
		padding: 0 0 1em 0;					/* 内側の余白量 */
		border-bottom: 1px dashed lightslategrey;	/* 下線 */
	}
	/* ▼見出し */
	.datelistarea .cornertitle {
		margin: 0;							/* 外側の余白量 */
		font-weight: bold;					/* 太字 */
		color: #555;						/* 文字色 */
		/* 文字の影 */
	}

		/* …………………………… */
		/* ▼日付リンクリスト区画 */
		/* …………………………… */
		/* ▽日付リスト(年単位) */
		.datelimitlist {
			margin: 0.5em 0;		/* 外側の余白量 */
			padding: 0 0 0 20px;	/* 内側の余白量 */
			padding: 0.5em 0.5em 0.5em 1.5em;		/* 内側の余白量 */
			background-color: ;	/* 背景色 */
			border-radius: 0.5em;	/* 角丸 */
		}
		/* ▽日付リスト(月単位) */
		.datelimitsublist {
			margin: 0;				/* 外側の余白量 */
			padding: 0 0 0 5px;		/* 内側の余白量 */
			list-style-type: none;	/* リストの先頭記号(なし) */
			font-size: 0.9em;		/* 文字サイズ */
		}
			/* ――――――――――――――――――――――――― */
			/* ▽年表記が単独で存在する場合に、月表示を横に並べる */	/* 縦に並べたい場合は、この区画を削除して下さい。 */
			/* ――――――――――――――――――――――――― */
			.datelimitlist .datelimitsublist .datelimit-month {
				display: inline-block;
				margin-right: 0.9em;
			}
			/* ―――――――――――――――――――――――――――――――――――― */
			/* ▽年表記が単独で存在する場合に、月リンク内に含まれる年表記を非表示にする */	/* 年表記も表示したい場合は、この区画を削除して下さい。 */
			/* ―――――――――――――――――――――――――――――――――――― */
			.datelimitlist .datelimitsublist .year {
				display: none;
			}

		/* ▽日付リスト内の該当件数 */
		.datelimitlist .num {
			font-size: 0.85em;		/* 文字サイズ */
			color: #b1b1b1;			/* 文字色 */
			margin-left: 0.3em;		/* 外側左の余白量 */
		}

		/* …………………………………… */
		/* ▼日付プルダウンメニュー区画 */
		/* …………………………………… */
		.datelimitbox {
			margin: 0.5em 0;		/* 外側の余白量 */
			padding: 0.9em 0.6em;	/* 内側の余白量 */
			background-color:;	/* 背景色 */
			border-radius: 0.5em;		/* 角丸 */
		}
.datelimitbox .submitbutton { background-color: rgba(255,255,255,0); padding: 2px 6px; margin: 5px 0 0 5px; color: #8899aa; border-radius:6px; border: 1px solid #99aabb; }
.datelimitbox .submitbutton:hover { background-color: rgba(255,255,255,0); padding: 2px 6px; margin: 5px 0 0 5px; color: #8899aa; border-radius:6px; border: 1px solid #99aabb; opacity: 0.5; }

		/* ▽昇順/降順選択ラジオボタン区画 */
		.datelimitboxoptions {
			display: block;			/* ブロック化 */
			font-size: 0.8em;		/* 文字サイズ */
		}

		/* ▽ラジオボタンのラベル */
		.datelimitboxoptions label {
			display: inline-block;	/* インラインブロック化 */
			margin-right: 0.8em;	/* 外側右の余白量 */
		}

	/* ------------------------ */
	/* ▼ハッシュタグリスト区画 */
	/* ------------------------ */
	.hashtaglistarea {
		margin: 0 0 1em 0;					/* 外側の余白量 */
		padding: 0 0 1em 0;					/* 内側の余白量 */
		border-bottom: 1px dashed lightslategrey;	/* 下線 */
	}
	/* ▼見出し */
	.hashtaglistarea .cornertitle {
		margin: 0;							/* 外側の余白量 */
		font-weight: bold;					/* 太字 */
		color: #555;						/* 文字色 */
		/* 文字の影 */
	}
		/* ▽ハッシュタグリスト */
		.hashtaglist {
			list-style-type: none;	/* リストの先頭記号(なし) */
			margin: 0.5em 0;		/* 外側の余白量 */
			padding: 0.75em;		/* 内側の余白量 */
			background-color: ;	/* 背景色 */
			border-radius: 0.5em;	/* 角丸 */
			line-height: 1.5;		/* 行の高さ */
font-size: 90%; /* MySet */
		}

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

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

	/* -------------------- */
	/* ▼カテゴリツリー区画 */
	/* -------------------- */
	.categoryarea {
		margin: 0 0 1em 0;					/* 外側の余白量 */
		padding: 0 0 1em 0;					/* 内側の余白量 */
		border-bottom: 1px dashed lightslategray;	/* 下線 */
	}
	/* ▼見出し */
	.categoryarea .cornertitle {
		margin: 0;							/* 外側の余白量 */
		font-weight: bold;					/* 太字 */
		color: #555;						/* 文字色 */
		/* 文字の影 */
	}
	.categoryTree {
		background-color: ;	/* 背景色 */
		border-radius: 0.5em;	/* 角丸 */
		border: none;
		margin: 1em 0;
		padding: 0.25em;
font-size: 90%; /* MySet */
	}
		/* ▽カテゴリツリー */
		.categoryTree ul {
			padding-left: 20px;
			list-style-type: none;
		}
		/* ▽カテゴリツリー内の該当件数 */
		.categoryTree .num {
			display: inline-block;
			margin-left: 0.4em;
			font-size: 0.9em;
			color: #b1b1b1;
		}

	/* -------------------- */
	/* ▼新着投稿リスト区画 */
	/* -------------------- */
	.latestpostarea {
		margin: 0 0 1em 0;					/* 外側の余白量 */
		padding: 0 0 1em 0;					/* 内側の余白量 */
		border-bottom: 1px dashed lightslategrey;	/* 下線 */
	}
	/* ▼見出し */
	.latestpostarea .cornertitle {
		margin: 0;							/* 外側の余白量 */
		font-weight: bold;					/* 太字 */
		color: #555;						/* 文字色 */
		/* 文字の影 */
	}
		/* ▽新着投稿グリスト */
		.latestpostlist {
			margin: 0.5em 0;			/* 外側の余白量 */
			padding: 0.6em 0.5em 0.3em 1.7em;		/* 内側の余白量 */
			background-color: ;	/* 背景色 */
			border-radius: 0.5em;	/* 角丸 */
			line-height: 1.25;		/* 行の高さ */
		}
			/* 各項目 */
			.latestpostlist li {
				margin: 0.75em 0;
			}
			/* タイトルリンク以外の項目 */
			.latestpostlist span {
				display: inline-block;
				font-size: 0.8em;
			}
				.latestpostlist .postdate { color: slategrey }	/* 投稿日付 */
				.latestpostlist .posttime { color: slategrey; }	/* 投稿時刻 */
				.latestpostlist .username { color: slategrey; }	/* 投稿者名 */
				.latestpostlist .userid   { color: slategrey; }	/* 投稿者ID */
				.latestpostlist .postid   { color: slategrey; }		/* 投稿番号 */
				.latestpostlist .length   { color: slategrey; }	/* 本文文字数 */

	/* ---------------- */
	/* ▼カレンダー区画 */
	/* ---------------- */
	.calendararea {
		margin: 0 0 1em 0;					/* 外側の余白量 */
		padding: 0 0 1em 0;					/* 内側の余白量 */
		border-bottom: 1px dashed lightslategrey;	/* 下線 */
	}
	/* ▼見出し */
	.calendararea .cornertitle {
		margin: 0;							/* 外側の余白量 */
		font-weight: bold;					/* 太字 */
		color: #555;						/* 文字色 */
		/* 文字の影 */
	}

		/* ▽カレンダーカバー */
		.calendarplace {
			margin: 0.5em 0;		/* 外側の余白量 */
			padding: 0.75em;		/* 内側の余白量 */
			background-color:;	/* 背景色 */
			border-radius: 0.5em;	/* 角丸 */
			line-height: 1.5;		/* 行の高さ */
			overflow: auto;			/* はみ出る場合の処理 */
		}

		/* ▽カレンダーテーブル */
		.calendar {
			border-collapse: collapse;	/* 枠を結合 */
			border: 1px solid lightslategrey;	/* テーブル外側の枠線 */
		}
		.calendar td {
			border: 1px solid lightslategrey;	/* テーブル内側の枠線 */
			padding: 2px;				/* セル内側の余白 */
			text-align: center;			/* 中央寄せ */
			font-size: 0.9em;			/* 文字サイズ */
			line-height: 1;				/* 行の高さ */
		}
			/* 年月キャプション */
			.calendar caption {
				color: #b1b1b1;		/* 文字色 */
			}

			/* 日付数値の装飾（リンクになる場合も、ならない場合も共通） */
			.calendar a,
			.calendar .nolink {
				display: inline-block;	/* インラインブロック化 */
				border-radius: 0;		/* 角丸 */
				padding: 0.4em;			/* 内側の余白 */
				width: 1.2em;			/* 横幅 */
				height: 1.1em;			/* 高さ */
				background-color: #fffefe; transparent;
			}

			/* 日付数値のリンク（※リンクになる場合だけの装飾） */
			.calendar td a {
				text-decoration: none;		/* 下線を消す */
				background-color: #fffefe;	/* 背景色 */
				color: lightslategrey; font-weight: 700; opacity: 0.5;	/* 文字色 */
			}
			/* 日付数値のリンクにマウスが載った際 */
			.calendar td a:hover {
				background-color: #fffefe;	/* 背景色 */
				color: gainsboro; font-weight: 700; text-decoration: none;	/* 文字色 */
			}

			/* 今日の枠（カレンダー内での「今日」のセルだけの装飾） */
			.today {
				color: #999; font-weight: 700;	/* 背景色 */
			}

.daysofweek th { font-weight: normal; } /* 曜日欄 MySet */

	/* -------------------- */
	/* ▼フリースペース区画 */
	/* -------------------- */
	.freespacearea {
		margin: 0 0 1em 0;					/* 外側の余白量 */
		padding: 0 0 1em 0;					/* 内側の余白量 */
		/* border-bottom: 1px dashed white; */	/* 下線 */ /* MySet ※線消す */
	}
	/* ▼見出し */
	.freespacearea .cornertitle {
		margin: 0;							/* 外側の余白量 */
		font-weight: bold;					/* 太字 */
		color: #555;						/* 文字色 */
		/* 文字の影 */
	}

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

		/* ▽フリースペースの編集リンク */
		.freespaceedit {
			margin: 0;
			text-align: right;
			font-size: 0.75em;
		}
.freespaceedit a { /*MySet */
	display: inline-block;	/* インラインブロック化 */
	font-size: inherit;		/* 文字サイズ */
	color: #cfcfcf;			/* 文字色 */
	text-decoration: none;	/* 下線を消す */
	background-color: none;	/* 背景色 */
	border: none;	/* 枠線 */
	border-radius: 0.5em;	/* 枠の角丸 */
	padding: 0 0.5em;		/* 内側の余白量 */
	}
	/* ▽編集リンクにマウスが載ったとき */
.freespaceedit a:hover {
	color: white;			/* 文字色 */
	background-color: none;	/* 背景色 */
	border-color: none;		/* 枠線の色 */
	}

	/* ▼その他の情報表示 */
	.infotitle {
		margin: 1em 0 0 0;
		border-bottom: 1px dotted lightslategrey;
		font-size: 0.95em;
	}
	.infobody {
		margin: 0 0 1em 0;
		padding-top: 0.25em;
		text-align: right;
	}


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

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

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

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

	/* Powered-by表記のデザイン */
	.poweredby { margin: 2em 1em 0px 1em; font-size: 0.8em; text-align: right; }

/* End of file */