@charset "utf-8";

/* ………………………………………………………… */
/* さんごよみ 標準スタイルシート for Ver 1.0.0  */
/* ………………………………………………………… */
/* ※ご自由にカスタマイズしてご使用下さい。

	--- Table of Styles ---
	▼汎用装飾
		▼ページ全体の装飾
		▼リンクの装飾
		▼URLが書かれた場合の装飾
		▼ページタイトル部分の装飾
		▼ページ上部の案内文章区画
		▼スケジュールタイトル部分
		▼編集ボタンBOX
		▼本文ボックス
		▼本文内テーブルの装飾(全テーブル共通装飾)
		▼モバイル(画面幅599px以下)用の調整
		▼タイトル区画
		▼管理画面リンクボタン
		▼管理・投稿用リンクボタンにマウスが載った際
		▼モバイル(画面幅599px以下)用の調整
	▼1週間の汎用スケジュール用の装飾
		▼予定テーブルの装飾
		▼モバイル(画面幅599px以下)用の調整
	▼月間スケジュール用の装飾
		▼表示対象の限定時などの「限定条件」表示行
		▼カレンダーテーブルの装飾
		▼日付と記念日名称表示
		▼スケジュール概要表示
		▼スケジュール詳細領域(初期状態では非表示)
		▼ユーザアイコン＆ユーザ名
			▼アイコン部分
			▼ユーザ名部分
		▼編集リンク
		▼前後のカレンダーに進むリンク区画
		▼フリースペース区画（凡例枠）
	▼長期予定表(掲示板)用の装飾
		▼予定テーブルの装飾
		▼フッタ内リンクの装飾
		▼戻るリンク
	■内部機能用の装飾
		▼汎用装飾(専用記法で書かれた場合のみ)：文字
		▼自由装飾用の装飾
		▼埋め込み画像
		▼埋め込み動画
		▼埋め込みTweet
		▼続きを読むリンク（ボタン）
	■インラインウインドウ表示用スクリプトColorbox用のCSS
/* ………………………………………………………… */

/* ========== */
/* ▼汎用装飾 */
/* ========== */

	/* ------------------ */
	/* ▼ページ全体の装飾 */
	/* ------------------ */
	body {
		font-family:"メイリオ",Meiryo,"Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;
		margin: 0;
		padding: 0;
		background-color: #f5f5f5;
		-webkit-text-size-adjust: 100%;
	}

	/* -------------- */
	/* ▼リンクの装飾 */
	/* -------------- */
	a:link { color: blue; }		/* 未訪問リンク */
	a:visited { color: #309; }	/* 既訪問リンク */
	a:hover	{					/* マウスが載ったとき */
		background-color: #ffffcc;
		color: red;
	}

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

	/* -------------------------- */
	/* ▼ページタイトル部分の装飾 */
	/* -------------------------- */
	h1 {
		margin: 1.25em 0;
		line-height: 1.2;
		text-align: center;
		font-weight: normal;
	}

	/* -------------------------- */
	/* ▼ページ上部の案内文章区画 */
	/* -------------------------- */
	.topguide {
		margin: 1em 3%;
		padding: 0;
	}

	/* -------------------------- */
	/* ▼スケジュールタイトル部分 */
	/* -------------------------- */
	.scheduleTitle {
		margin: 1.5em 3% 1em 3%;
		padding: 0.35em 0px 0.25em 3px;
		line-height: 1.2;
		font-weight: normal;
		background-color: #fffff0;
		color: maroon;
		border-style: solid;
		border-color: maroon;
		border-width: 0 0 3px 0;
	}

		/* RSSフィードボタン */
		.rssButton {
			float: right;
			display: inline-block;
			font-size: 0.9rem;
			margin-right: 1em;
			vertical-align: middle;
		}
		.rssButton::before {
			content: url(data:image/gif;base64,R0lGODlhDgAOAKIAAOefZeZ9Ie+OMfTNp99dF+NvMdxNAP///yH5BAAAAAAALAAAAAAOAA4AAANWeEXcXooBIEoQGK8Cjx8ZZhDcNAyfQBlGKVxAKoyF8FECKpI5eoCxQWB0eQFQgABqSHhdLr9AbEZQ/l66GIAV8BywXy0XBYKVCK2iM8BpQAqsuLx1SAAAOw==);	/* RSSアイコン */
			display: inline-block;
			margin: 0 0.15em 0 0;
			padding: 3px 0 0 0;
			vertical-align: middle;
		}

	/* --------------- */
	/* ▼編集ボタンBOX */
	/* --------------- */
	.editButtonBox {
		text-align: right;
		float: right;
		margin: 0;
	}

	/* -------------- */
	/* ▼本文ボックス */
	/* -------------- */
	.schedule {
		margin: 1em 3%;
	}

	/* ------------------------------------------ */
	/* ▼本文内テーブルの装飾(全テーブル共通装飾) */
	/* ------------------------------------------ */
	.schedule table {
		border-collapse: collapse;		/* 枠を結合 */
		max-width: 100%;				/* はみ出るのを防ぐ */
		margin: 1.5em auto;				/* 外側の余白量 */
		border: 1px solid black;		/* 外側の枠線 */
	}

		/* ▽キャプション */
		.schedule caption {
			font-size: 1.2em;			/* 文字サイズ */
			font-weight: bold;			/* 太字 */
		}

		/* ▽見出しセル */
		.schedule th {
			border: 1px solid black;	/* 内側の枠線 */
			padding: 0.35em 0.5em;		/* 内側の余白量(上下→左右) */
			background-color: #ffffcc;	/* 背景色 */
			line-height: 1;				/* 行の高さ(詰める) */
		}

		/* ▽その他のセル */
		.schedule td {
			border: 1px solid black;	/* 内側の枠線 */
			background-color: white;	/* 背景色 */
			padding: 0;					/* 内側の余白量 */
			line-height: 1;				/* 行の高さ(詰める) */
		}

	/* ----------------------------------- */
	/* ▼モバイル(画面幅599px以下)用の調整 */
	/* ----------------------------------- */
	@media all and (max-width: 599px) {
		/* 編集ボタンBOX */
		.editButtonBox {
			float: none;			/* 右寄せを解除 */
			font-size: 0.75em;		/* 文字サイズ */
			margin-top: -1.5em;		/* 上側の余白量(上方向に詰める) */
		}
		/* RSSフィードボタン */
		.rssButton {
			font-size: 0.6rem;		/* 文字サイズ */
			line-height: 1;			/* 行の高さ(詰める) */
			max-width: 4em;			/* 最大横幅 */
		}
	}


/* ========================== */
/* ■ページ最上部(ヘッダ)領域 */
/* ========================== */
header {
	display: table;				/* タイトルとボタンで2段組 */
	background-color: green;	/* 背景色 */
	width: 100%;				/* 横幅 */
}
header::after {
	/* clearfix */
	content: "";
	clear: both;
	display: block;
}

	/* -------------- */
	/* ▼タイトル区画 */
	/* -------------- */
	.headerbox {
		background-color: darkgreen;	/* 背景色 */
	}

	.headerbox .pagename {
		font-family: "Times New Roman",Verdana;		/* フォント */
		font-size: 1.5em;		/* 文字サイズ */
		color: white;			/* 文字色 */
		font-style: italic;		/* 斜体 */
		padding: 3px;			/* 内側の余白量 */
		margin: 0px;			/* 外側の余白量 */
	}

	/* ▼管理画面リンクボタン */
	.adminButton,
	.adminButton:link,
	.adminButton:visited {
		display: inline-block;		/* インラインブロック化 */
		float: right;				/* 右寄せ */
		text-align: center;			/* テキストをセンタリング */
		border: 2px solid white;	/* 枠線 */
		border-radius: 0.5em;		/* 枠の角丸 */
		padding: 0.5em 0.75em;		/* 内側の余白量 */
		margin: 0.5em;				/* 外側の余白量 */
		background-color: darkblue;	/* 背景色(グラデーションが使えない場合) */
		background-image: linear-gradient( 180deg, skyblue, #8080ff 25%, blue );	/* 背景グラデーション */
		color: white;				/* 文字色 */
		text-decoration: none;		/* リンクの下線を消す */
		white-space: nowrap;		/* 折り返さない */
		line-height: 1.4;			/* 行の高さ */
	}
		/* リンクボタン内の小さい文字 */
		.adminButton small {
			display: block;		/* ブロック化 */
			font-size: 0.7em;	/* 文字サイズ */
		}

	/* ▼管理・投稿用リンクボタンにマウスが載った際 */
	.adminButton:hover {
		color: blue;				/* 文字色 */
		background-color: #ffffcc;	/* 背景色 */
		background-image: linear-gradient( 180deg, #ffffaa, #ffffcc 55%, white );	/* 背景グラデーション */
	}

	/* ----------------------------------- */
	/* ▼モバイル(画面幅599px以下)用の調整 */
	/* ----------------------------------- */
	@media all and (max-width: 599px) {
		.headerbox .pagename {
			font-size: 1.25em;		/* 文字サイズ */
		}
	}


/* ================================= */
/* ▼1週間の汎用スケジュール用の装飾 */
/* ================================= */

	/* -------------------- */
	/* ▼予定テーブルの装飾 */		/* ※先の「全テーブル共通装飾」に追加する装飾 */
	/* -------------------- */
	.schedule .weekly {
		border: 2px solid black;	/* 外枠を太く */
	}

		/* ▽キャプション */
		.weekly caption {
			color: black;		/* 文字色 */
		}

		/* ▽先頭行だけ */
		.weekly tr:first-child th {
			border-bottom: 3px double black;	/* 下線を二重線に */
			background-color: #ffffaa;			/* 背景を濃く */
		}

		/* ▽その他のセル */
		.weekly th,
		.weekly td {
			border: 1px solid gray;		/* 枠線を灰色に */
			font-size: 0.95em;			/* 文字を少し小さく */
			padding: 0.5em;				/* 内側の余白量 */
		}

	/* ----------------------------------- */
	/* ▼モバイル(画面幅599px以下)用の調整 */
	/* ----------------------------------- */
	@media all and (max-width: 599px) {
		.weekly th,
		.weekly td {
			font-size: 0.85em;		/* 文字を少し小さく */
			padding: 0.2em;			/* 内側の余白量 */
			line-height: 1.2;		/* 行の高さ */
		}
	}

/* ========================== */
/* ▼月間スケジュール用の装飾 */
/* ========================== */

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

	/* -------------------------- */		/* --- ※※※ カスタマイズ時の注意 ※※※ --- */
	/* ▼カレンダーテーブルの装飾 */		/* 以下は、先の「全テーブル共通装飾」に追加適用する装飾なのでご注意下さい。 */
	/* -------------------------- */		/* 以下のCSSと同時に、先の「全テーブル共通装飾」に書かれているCSSも適用されます。 */
	.calendar {
	}

		/* ▽年月キャプション */
		.calendar caption {
			color: darkgreen;		/* 文字色 */
		}

		/* ▽曜日セル */
		.daysofweek th {
			padding: 0.5em 0;		/* 内側の余白量 */
			font-size: 0.9em;		/* 文字サイズ */
		}

		/* ▽各日セル */
		.calendar td {
			vertical-align: top;	/* 上寄せ */
			padding: 1px;			/* 内側の余白量 */
			width: 100px;			/* セルの横幅(暫定) */
		}

		/* ▽今日の枠（カレンダー内での「今日」のセルだけの装飾） */
		.calendar .today {
			background-color: #f5fff5;	/* 背景色 */
		}
			/* 日付(数値) */
			.calendar .today .dayNum {
				background-color: darkgreen;	/* 背景色 */
				color: white;					/* 文字色 */
			}

			/* 今日が土曜日の場合の日付(数値) */
			.calendar .today.sat .dayNum {
				background-color: #00c;			/* 背景色 */
				color: white;					/* 文字色 */
			}
			/* 今日が日曜日または祝日の場合の日付(数値) */
			.calendar .today.holiday .dayNum,
			.calendar .today.sun .dayNum {
				background-color: #c00;			/* 背景色 */
				color: white;					/* 文字色 */
			}

		/* 祝日・単年祝日セル色 */
		.calendar td.holiday,
		.calendar td.extraholiday {
			background-color: #fff0f0 !important;	/* 背景色：土曜日でも祝日色を優先適用するため「 !important 」を付ける */
		}
		.calendar td.holiday .dayNum,
		.calendar td.extraholiday .dayNum {
			color: red;								/* 文字色 */
		}

		/* ▽1列目(日曜日)セル配色 */
		.calendar td:first-child { background-color: #fff0f0; }	/* 背景色 */
		.calendar th:first-child,
		.calendar td:first-child { color: red; }				/* 文字色 */

		/* ▽7列目(土曜日)セル配色 */
		.calendar td:last-child  { background-color: #f0f0ff; }	/* 背景色 */
		.calendar th:last-child,
		.calendar td:last-child { color: darkblue; }			/* 文字色 */

	/* ---------------------- */
	/* ▼日付と記念日名称表示 */
	/* ---------------------- */
	.oneDayInfo {
	}

		/* ▽日付(数値)：カレンダー表の各日セル左上に掲載される日付数値の装飾 */
		.dayNum {
			display: inline-block;	/* インラインブロック化 */
			margin: 1px 0 0 1px;	/* 外側の余白量 */
			text-align: center;		/* センタリング */
			font-weight: bold;		/* 太字 */
			font-size: 0.9em;		/* 文字サイズ */
			line-height: 1.5;		/* 行の高さ */
			min-width: 1.5em;		/* 最小横幅 */
			min-height: 1.5em;		/* 最小高さ */
			border-radius: 50%;		/* 角丸 */
		}

		/* ▽記念日名：カレンダー表の各日付数値の横に必要に応じて表示される名称の装飾 */
		.dayName {
			display: inline-block;	/* インラインブロック化 */
			font-size: 0.6em;		/* 文字サイズ */
			line-height: 1;			/* 行の高さ */
		}
			/* 祝日・休日の配色 */
			.dayName .holiday,
			.dayName .offday {
				color: red;			/* 文字色 */
			}

	/* ---------------------- */
	/* ▼スケジュール概要表示 */	/* ※これはカレンダー表の各日セル内に表示される短いスケジュール文字列用の装飾です。 */
	/* ---------------------- */
	.oneDaySummary {
	}
		/* 概要表示部分(リンク) */
		.summaryLink {
			display: inline-block;
			box-sizing: border-box;
			width: 100%;
			min-height: 2.5em;			/* 最低高さ：このサイズを変更すると、カレンダー表自体の高さも変化します。 */
			font-size: 0.9em;			/* 文字サイズ */
			line-height: 1.35;			/* 行の高さ */
			margin: 0;
			padding: 0;
			border-radius: 5px;				/* マウスが載った際用の角丸 */
			border: 1px solid transparent;	/* マウスが載った際に枠線を引くために、ここでは透明の枠線を引く */
		}

		/* 概要表示部分(リンク)：マウスが載ったとき */
		.summaryLink:hover {
			background-color: #d0ecf7;		/* 背景色 */
			border: 1px solid #abdef1;		/* 枠線 */
			color: darkblue;				/* 文字色 */
		}

	/* ※モバイル用の調整 */
	@media all and (max-width: 500px) {
		.summaryLink {
			min-height: 1.5em;		/* モバイルでの最低高さ */
			font-size: 0.75em;		/* モバイルでの文字サイズ */
			line-height: 1.1;		/* モバイルでの行の高さ */
		}
	}

	/* ------------------------------------------ */
	/* ▼スケジュール詳細領域(初期状態では非表示) */	/* ※これはカレンダー表の各日セルをクリックした後に『ポップアップして動的に表示される部分』用の装飾です。 */
	/* ------------------------------------------ */
	.oneDayDetail {
		background-color: #fff;
		padding: 0.5em;
	}
		/* タイトル部分：「xxxx年xx月xx日の予定」等と表示される部分の装飾 */
		.detailTitle {
			margin: 0;						/* 外側の余白量 */
			padding: 0.25em 0;				/* 内側の余白量 */
			line-height: 1.1;				/* 行の高さ */
			font-size: 1.1em;				/* 文字サイズ */
			color: #800;					/* 文字色 */
			border-bottom: 2px solid #800;	/* 下線の装飾 */
		}
			/* 記念日名：記念日がある場合のみ表示 */
			.detailDateName {
				display: block;			/* ブロック化 */
				float: right;			/* 右寄せ(フロート) */
				font-size: 0.67em;		/* 文字サイズ */
				font-weight: normal;	/* 太字取り消し */
			}
				/* 祝日・休日の配色 */
				.detailDateName .holiday,
				.detailDateName .offday {
					color: red;					/* 文字色 */
					background-color: #fee;		/* 背景色 */
					padding: 0 0.25em;			/* 内側の余白量 */
				}

				/* 2つ以上並ぶ場合は間隔を空ける */
				.detailDateName .datename + .datename {
					margin-left: 1em;
				}

		/* 詳細スケジュール本文部分 */
		.detailMain {
			margin: 1.25em 0;	/* 外側の余白量 */
			line-height: 1.4;	/* 行の高さ */
		}

		/* 投稿情報部分：最終更新者名や編集ボタン等の領域 */
		.detailInfo {
			margin: 1em 0 0 0;				/* 外側の余白量 */
			padding: 0.67em 0 0.1em 0;		/* 内側の余白量 */
			border-top: 1px dashed #ccc;	/* 上側の枠線 */
			font-size: 0.8em;				/* 文字サイズ */
			text-align: right;				/* 右寄せ */
		}

	/* -------------------------- */
	/* ▼ユーザアイコン＆ユーザ名 */
	/* -------------------------- */

		/* ‥‥‥‥‥‥‥ */
		/* ▼アイコン部分 */
		/* ‥‥‥‥‥‥‥ */
		.iconarea {
		}
			.usericon {
				vertical-align: middle;
			}

		/* ‥‥‥‥‥‥‥ */
		/* ▼ユーザ名部分 */
		/* ‥‥‥‥‥‥‥ */
		.username {
		}

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

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

	/* ---------------------------------- */
	/* ▼前後のカレンダーに進むリンク区画 */
	/* ---------------------------------- */
	.nextprevcalendar {
		text-align: center;
		margin: 1em;
	}

	/* ------------------------------ */
	/* ▼フリースペース区画（凡例枠） */
	/* ------------------------------ */
	.notice {
		margin: 1em;				/* 外側の余白量 */
		padding: 1em;				/* 内側の余白量 */
		border: 1px solid gray;		/* 枠線 */
		border-radius: 1em;			/* 角丸 */
		background-color: white;	/* 背景色 */
		font-size: 0.9em;			/* 文字サイズ */
	}

		/* フリースペースタイトル */
		.noticeTitle {
			margin: 0;
			font-weight: bold;
			border-bottom: 1px dashed gray;
		}

		/* フリースペース本文 */
		.noticeBody {
			margin: 0.5em 0;
		}

		/* 編集リンク */
		.freespaceedit {
			display: inline-block;	/* インラインブロック化 */
			float: right;			/* 右寄せ(フロート) */
			margin: 0.1em 0 0 0;	/* 外側の余白量 */
			font-size: 0.85em;		/* 文字サイズ */
		}
		.freespaceedit::after {
			/* Micro Clearfix */
			content: "";
			clear: both;
			display: block;
		}

/* ============================ */
/* ▼長期予定表(掲示板)用の装飾 */
/* ============================ */

	/* -------------------- */
	/* ▼予定テーブルの装飾 */		/* ※先の「全テーブル共通装飾」に追加する装飾 */
	/* -------------------- */
	.schedule .longrange {
		border: 2px solid black;	/* 外枠を太く */
	}

		/* ▽見出し(先頭)行 */
		.longrange th {
			color: black;				/* 文字色 */
			background-color: #ffffcc;	/* 背景色 */
			border-bottom: 3px double black;	/* 下線を二重線に */
			font-size: 0.95em;					/* 文字サイズ */
			padding: 0.5em;						/* 内側の余白量 */
		}

		/* ▽その他のセル */
		.longrange td {
			font-size: 0.95em;			/* 文字サイズ */
			color: black;				/* 文字色 */
			background-color: white;	/* 背景色 */
			padding: 0.5em;				/* 内側の余白量 */
		}


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

	/* ▼フッタ内リンクの装飾 */
	footer a:link,
	footer a:visited { color: white; padding:1px 0.25em; }  	/* 訪問済み・既訪問 */
	footer a:hover   { color: blue; background-color:#ffffaa; border-radius:5px; } 	/* マウスが乗ったとき */
	footer a:active  { color: #ccffcc; }	/* アクティブ時 */

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

	/* フッタ下部 */
	.footerbox {
		background-color: darkgreen;
		margin: 1.25em 0 0 0;
		padding: 1em;
	}

	/* 最終更新日時 */
	.lastmodified {
		margin: 0;
	}
		.lastmodified time {
			display: inline-block;
		}

	/* 管理リンク */
	.adminlink {
		margin: 1em;		/* 外側の余白量 */
		padding: 0;			/* 内側の余白量 */
		font-size: 0.9em;	/* 文字サイズ */
		text-align: right;	/* 右寄せ */
	}

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


/* ================== */
/* ■内部機能用の装飾 */
/* ================== */

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

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

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

	/* -------------- */
	/* ▼埋め込み動画 */
	/* -------------- */
	@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;
	}

	/* ---------------------------- */
	/* ▼続きを読むリンク（ボタン） */		/* ※注：「続きを読む」機能は、JavaScriptが無効な閲覧環境では機能せず、その場合はボタンも表示されません。 */
	/* ---------------------------- */
	/* ▽ボタン枠の装飾(共通) */
	.readmorebutton {
		display: inline-block;	/* インラインブロック化 */
		padding: 1px 0.5em;		/* 内側の余白 */
		margin: 0 1px;			/* 外側の余白 */
		border: 1px solid #bbb;	/* 枠線の装飾 */
		border-radius: 0.5em;	/* 枠線の角丸 */
	}
	/* ▽ボタン表面の装飾(共通) */
	.readmorebutton:link,
	.readmorebutton:visited {
		background-color: #eee;	/* 背景色(グラデーション非対応の環境のみ) */
		background-image: linear-gradient( 0deg, #ccc, #ddd 55%, white );	/* 背景グラデーション */
		color: darkblue;		/* 文字色 */
		text-decoration: none;	/* リンク装飾を消す */
	}
	/* ▽ボタンにマウスが載った際の装飾(共通) */
	.readmorebutton:hover {
		background-image: none;		/* グラデーションなし */
		background-color: #00cccc;	/* 背景色 */
		color: white;				/* 文字色 */
		text-decoration: underline;	/* 下線を加える */
	}

	/* ▽開く（続きを読む）ボタン専用の装飾 */
	.readmorebutton.readmoreopen {
		font-size: 0.95em;		/* 文字サイズ */
	}

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


/* ===================================================== */
/* ■インラインウインドウ表示用スクリプトColorbox用のCSS */
/* ===================================================== */
/*
	これ以下のCSSは、Colorbox公式サイトで提供されている5パターンのCSSと差し替えて使うことも可能です。
	https://www.jacklmoore.com/colorbox/
	※ColorboxはJack Moore氏が製作した軽量でカスタマイズ可能なLightbox風jQueryプラグインです。このスキンでは、MIT Licenseで提供されているColorboxのJavaScript本体をCDN経由で読み込んでおり、それに対応する(カスタマイズされた)CSSを以下に記載しています。
	Colorbox is a lightweight, customizable Lightbox-like jQuery plugin created by Mr. Jack Moore. This skin loads the Colorbox JavaScript distributed under the MIT license from the CDN server. And below is the customized CSS for that script.
*/
/*
    Colorbox Core Style:
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/* 
    Customized style for this skin:
*/
#cboxOverlay{background:#555;}
#colorbox{outline:0;}
	#cboxContent{margin-top:32px; overflow:visible; background:#000;}
		#cboxLoadedContent{background:#000; padding:1px; }
		#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-23px; background:url(data:image/gif;base64,R0lGODlhfQAyAMQAAL+/v5+fn9/f38/Pz4eHhw8PDz8/P39/f+fn5+/v7/f39y8vL5eXl7e3t29vb6+vr4+Pj8fHx19fX6enp09PT9fX14CAgAAAAP///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAB9ADIAAAX/ICaOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwaIrYIgqiSoCwJQIBACYCTcwUDIvNwkjGsISmCEHowgCWQU1gsQQwgbZARm5vLeEYGt+sW6Qvew00bG5wcjEDBG1uUBMuD1BxjGovfgSKbXmBjBNeMIVvk3OcjKZaLaemg5aLppulbQxWoG2iiC4NqqYuu4ysLn5tYmenBLQuoYcWpC17vr2+FsAtwhbEsbLILcqjMAPS0buVwa6MsC7Pbp/JtsvN5b8A8+nzuprYLJcArugszw9mdMMFI0EWVDS06cGHwQ+gdG3IxRjI7MoDhDMseKJDABYZfyv4wZvozhsNIzUk/8ZIsA0Dy4ktV86rgKHCvJhKcurcybOnz59AgwodSrSo0aNIkypdyrSp06dQo0qdSrWqVR4QbEDAqROAyokGDBzAACHsSBcJFlywcWEBVxVpC5AbUMAtjAMX3tAAcOGCAQwG+j58Qbcv2wtyY+BFrKbwhbEvFjvY2/dv4AuDWwQo0NdvWAouJIS93FevC8cFNvdNHLkzhbcp+PoFLPhu59uGW+C+PZkw59usW3decDZkZdqYXzjYfdsF8869T//u+5XF4s4Fisc+fjmziuvMnT+/EL2FY+oywLfVjkK25dovAowXz9y0+emrq3+/bQD2CffIebfCeQ4cYKALBh6wXGN+3/xWwAEO6ofCdRLMAGB3Mgig1lo19EWcYgw6BhmCpVE2G4YyJCABhzRc8JoMdAUXo4QnQChgOtzBN0NWNdg30UgCsNeekCwIYGBADxhI5FVMNunkk1BGKeWUVFZp5ZVKhAAAOw==) no-repeat 0 0;}
		#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
		#cboxClose{background-position:-50px 0px; right:1px;}
		#cboxClose:hover{background-position:-50px -25px;}

/* End of file */