@charset "utf-8";

/*	全体の基本設定
------------------------------------------------------- */
.clearfix:before,
.clearfix:after
{
	display: table;
	content: "";
}
.clearfix:after
{

	clear: both;
}
html, input, textarea, button
{
	font-family: "メイリオ", sans-serif;
}
html
{
	margin: 0;
	padding: 0;
	line-height: 1.5;
}
body
{
	margin: 0;
	padding: 0;
	background-color: #222f3d;
	color: #C3EAFF;
	font-family: sans-serif;
}
ul.unstyled,
ol.unstyled
{
	margin-left: 0;
	list-style: none;
}
a
{
	color: #e0f4ff;
	text-decoration: underline;
}
a:hover,
a:focus
{
	background-color: #e0f4ff;
	color: #16212F;
}
a:active
{
	background-color: #728c9e;
}
figure img
{
	vertical-align: bottom;
}
code
{
	font-family: Consolas, Monospace, Monaco, monospace, sans-serif;
}
q
{
	font-family: serif;
}
q:lang(en)
{
	font-family: Georgia, Century, "Times New Roman", serif;
}
q:lang(ja)
{
	font-family: 游明朝, "Yu Mincho", YuMincho, "小塚明朝 Pro", serif;
}
q:before,
q:lang(en):before
{
	content: "“";
}
q:after,
q:lang(en):after
{
	content: "”";
}
q:lang(ja):before
{
	content: "「";
}
q:lang(ja):after
{
	content: "」";
}
pre
{
	tab-size: 4;
	-moz-tab-size: 4;
}
figure pre
{
	margin: 0;
}
input[type="text"],
input[type="password"],
textarea
{
	border: 1px solid #5b7282;
	background-color: #1b2736;
	color: #C3EAFF;
	resize: vertical;
}
figure
{
	margin: 1em 2em;
	white-space: normal;
}
figcaption
{
	text-align: center;
}
figcaption:first-child
{
	margin-bottom: 0.5rem;
}
figcaption:last-child
{
	margin-top: 0.5rem;
}
th
{
	background-color: #222f3d;
	background-color: #c3eaff11;
	font-weight: normal;
	white-space: nowrap;
}
table.waku
{
	border-collapse: collapse;
}
table.waku td,
table.waku th
{
	border: 1px solid #5b7282;
	padding: 0.125em 0.5em;
}
.right
{
	text-align: right;
}
.emoji
{
	font-family: "Segoe UI Emoji", sans-serif;
}
.code
{
	padding: 0.125rem;
	background-color: #020;
	background-color: #0f01;
	color: #0c0;
	white-space: pre-wrap;
	word-break: break-all;
	overflow: auto;
}
.note
{
	font-family: "メイリオ", sans-serif;
	color: #C3EAFF;
}
.svgFill
{
	fill: #c3eaff !important;
}
.svgStroke
{
	stroke: #c3eaff !important;
}

/*	印刷用の設定
------------------------------------------------------- */
@media print
{
	*
	{
		text-shadow: none !important;
		color: #000 !important;
		background: transparent !important;
		box-shadow: none !important;
	}
	body
	{
		border: 1px solid #5b7282;
	}
	a,
	a:visited
	{
		text-decoration: underline;
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after
	{
		content: "";
	}
	pre,
	blockquote
	{
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead
	{
		display: table-header-group;
	}
	tr,
	img
	{
		page-break-inside: avoid;
	}
	img
	{
		max-width: 100% !important;
	}
	#CommentForm
	{
		display: none;
	}
}

/*	アイコンの設定
------------------------------------------------------- */
@font-face
{
	font-family: 'awesome';
	src: url('/admin/font/pc/awesome.eot?v=3.0.1');
	src: url('/admin/font/pc/awesome.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('/admin/font/pc/awesome.woff?v=3.0.1') format('woff'), url('/admin/font/pc/awesome.ttf?v=3.0.1') format('truetype');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"],
[class*=" icon-"]
{
	font-family: 'awesome';
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
}
[class^="icon-"]:before,
[class*=" icon-"]:before
{
	text-decoration: inherit;
	display: inline-block;
	speak: none;
}
a [class^="icon-"],
a [class*=" icon-"]
{
	display: inline-block;
}
.btn [class^="icon-"],
.btn [class*=" icon-"]
{
	display: inline;
}
li [class^="icon-"],
li [class*=" icon-"]
{
	display: inline-block;
	width: 1.25em;
	text-align: center;
}
.icon-home:before
{
	content: '\f230';
}
.icon-edit:before
{
	content: '\270d';
}
.icon-comment:before
{
	content: '\e718';
}
.icon-chevron-left:before
{
	content: '\e75d';
}
.icon-chevron-right:before
{
	content: '\e75e';
}
.icon-double-angle-up:before
{
	content: '\f102';
}
.icon-user:before
{
	content: '\f464';
}
.icon-folder-close:before
{
	content: '\f4c1';
}
.icon-calendar:before
{
	content: '\f4c5';
}
.icon-search:before
{
	content: '\f50d';
}
.icon-clock:before
{
	content: '\f554';
}

/*	ボタンの設定
------------------------------------------------------- */
.btn
{
	display: inline-block;
	margin: 0.125rem;
	border: 1px solid #5b7282;
	border-radius: 0.5rem;
	padding: 0.5em 0.75em;
	background-color: #222f3d;
	line-height: 1.25;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #C3EAFF;
}
.btn.mini
{
	border: 1px solid #445666;
	border-radius: 0.125rem;
	padding: 0.125em 0.5em;
	text-decoration: none;
}
.btn:hover,
.btn:focus,
.btn-primary .btn:hover,
.btn-primary .btn:focus

{
	background-color: #c3eaff;
	color: #16212f;
	text-decoration: none;
}
.btn:active
{
	background-image: none;
	outline: 0;
}
.btn-primary
{
	text-align: center;
}
.btn-primary .btn
{
	display: inline-block;
	padding: 0.75em 1.125em;
	box-sizing: border-box;
	background-color: #2d3c4b;
}
button.btn::-moz-focus-inner
{
	padding: 0;
	border: 0;
}


/*	本体部分の設定
------------------------------------------------------- */
#BodyContainer
{
	margin: 0;
	padding: 0;
	min-width: 100%;
	background-color: #16212F;
	background-image: radial-gradient(#466A97 3%, transparent 4%), radial-gradient(#466A97 3%, transparent 4%);
	background-size: 19px 19px;
}

/*	ヘッダー、メニュー部分の設定
------------------------------------------------------- */
/* ヘッダー全体の設定 */
#HeaderBlock
{
	margin: 0;
}
#HeaderTitleBlock
{
	margin: 0.25rem 1rem;
	min-height: 15px;
}
/* ヘッダーの見出し部分の設定 */
#HeaderTitle
{
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 1rem;
}
/* ヘッダーの見出し文字の設定 */
.headerTitleLink
{
	color: #C3EAFF;
	text-decoration: none;
	vertical-align: middle;
}

/* ヘッダーの見出し下の文章の設定 */
#HeaderDesc
{
	display: inline;
	margin: 0;
	padding: 0;
	color: #C3EAFF;
}
#HeaderDesc::before
{
	content: " — ";
}
#HeaderDesc:empty
{
	display: none;
}

/* メニュー部分の設定 */
#headerNav
{
	display: flex;
	border-top: 1px solid #5b7282;
	border-bottom: 1px solid #5b7282;
	padding: 0 1em;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	background-color: #222f3d;
	background-color: #c3eaff22;
	color: #C3EAFF;
}
#headerNavLinks
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#headerNavLink > a
{
	padding: 0.25em 1em;
	display: block;
	word-wrap: break-word;
	font-weight: bold;
	text-decoration: none;
	color: #C3EAFF;
}
#headerNavLink > a:hover,
#headerNavLink > a:focus
{
	background-color: #c3eaff;
	color: #16212F;
}
/* メニューの検索窓部分の設定 */
#headerNavSearch input[type="text"]
{
	width: 12.5em;
}

/*	記事、サイドバーなどページ内のメインブロックの設定
------------------------------------------------------- */
#MainContainer
{
	display: table;
	margin: 0;
	width: 100%;
	border-collapse: collapse;
}

/* メインコンテンツ部分の設定 */
#ArticleBlock
{
	display: table-cell;
	border-right: 1px solid #5b7282;
	width: 100%;
	vertical-align: top;
}
#ArticleBlock:only-child
{
	border-right: none;
}

/* コメント編集の時のコンテンツ部分の設定 */
#ArticleBlock.commentEdit
{
	padding: 1em;
}

/* カテゴリー一覧・検索結果・日付別一覧のタイトル上の表示の設定 */
.listTitle
{
	margin: 0;
	border-bottom: 1px solid #5b7282;
	padding: 0.5rem 1rem;
	background-color: #222f3d;
	background-color: #c3eaff22;
	font-size: 1rem;
	line-height: 1.25em;
}
/* カテゴリー一覧・検索結果・日付別一覧のタイトル上のアイコンの設定 */
.listTitle [class^="icon-"]
{
	display: inline-block;
	width: 1em;
	vertical-align: top;
	padding-right: 0.5em;
}

/* 記事タイトルの設定 */
.articleTitle
{
	margin-top: 0;
	font-size: 1.25rem;
	color: #C3EAFF;
}
.articleTitle > a
{
	text-decoration: none;
}

/* 記事詳細、ページの本文部分全体の設定 */

/* 記事詳細のコメント部分の設定 */
#CommentBlock
{
}

/* 本文部分の設定 */
.entryText
{
	margin-bottom: 1em;
}
/* 本文中のテキストの設定 */
.entryText h1,
.entryText h2,
.entryText h3,
.entryText h4,
.entryText h5,
.entryText h6
{
	margin-block: 1ex;
	font-weight: bold;
}
.entryText strong,
.entryText b
{
	font-weight: bold;
}
.entryText h1
{
	font-size: 1.5rem;
}
.entryText h2
{
	font-size: 1.4rem;
}
.entryText h3
{
	font-size: 1.3rem;
}
.entryText h4
{
	font-size: 1.2rem;
}
.entryText h5
{
	font-size: 1.1rem;
}
.entryText h6
{
	font-size: 1rem;
}

/* 一覧ページの設定 */
.entryList
{
	margin-left: 0;
	list-style: none;
}
/* 一覧ページの記事部分の設定 */
#ArticleBlock > article
{
	border-bottom: 1px solid #5b7282;
	padding: 1em;
	color: #C3EAFF;
}
/* 一覧ページの記事タイトルリンクの設定 */
.entryListTitle
{
	line-height: 1.25em;
	font-weight: bold;
	color: #C3EAFF;
}

/* 一覧ページの「つづきを読む」部分の設定 */
.entryTextMain > br:last-child
{
	display: none;
}
.entryPsLink
{
}

/* 拍手部分の設定 */
.NinjaClap
{
	margin-top: 1.25em;
	margin-bottom: 1.25em;
}

/* 記事フッター部分の設定 */
.entryFooter
{
	margin: 0;
	font-size: 0.75em;
	text-align: right;
}
.entryFooter > a
{
	display: inline-block;
	margin: 0 0.5em;
	border: 1px solid #5b7282;
	border-radius: 0.25em;
	padding: 0.25em 0.75em;;
	line-height: 1.25em;
	text-decoration: none;
}
.entryFooter > a:first-child
{
	margin-left: 0;
}
.entryFooter > a:last-child
{
	margin-right: 0;
}
.entryFooter a:link,
.entryFooter a:visited
{
	color: #c3eaff;
}
.entryFooter a:hover,
.entryFooter a:active,
.entryFooter a:focus
{
	color: #16212F;
}
.entryFooter > a > [class^="icon-"]
{
	color: #c3eaff;
	padding-right: 0.5em;
}
.entryFooter > a:hover > [class^="icon-"],
.entryFooter > a:active > [class^="icon-"],
.entryFooter > a:focus > [class^="icon-"]
{
	color: #16212F;
}
.entryFooter > a > span
{
}

/* 記事詳細のコメント部分全体の設定 */
#CommentBlock
{
	margin-top: 2em;
}
/* 記事詳細のコメント部分全体のタイトルの設定 */
.commentBlockTitle
{
	font-weight: bold;
	font-size: 125%;
}
/* 記事詳細のコメント部分全体のタイトル用アイコンの設定 */
.commentBlockTitle:before
{
	font-family: 'awesome';
	content: '\e718';
	display: inline-block;
	padding-right: 0.5em;
}
/* 記事詳細の各コメント部分全体の設定 */
.commentTextBox
{
	margin-bottom: 1em;
	padding: 1em;
	background-color: #c3eaff09;
}

/* 記事詳細の各コメントのタイトルの設定 */
.commentTitle,
[id^="commentRes"]
{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1rem;
}
/* 記事詳細の各コメントのフッター部分の設定 */
.commentTextBox .entryFooter
{
	margin-top: 0;
	margin-bottom: 1em;
}
.commentTextBox .entryFooter > span
{
	display: inline-block;
	margin: 0 0.5em;
}
.commentTextBox .entryFooter .user a
{
	border: 0;
}
.commentTextBox .entryFooter [class^=icon-]
{
	margin-right: .5em;
text-decoration: none;
}
.commentTextBox .entryFooter .user [class^=icon-]
{
	padding-left: 0;
}
/* 記事詳細の管理者コメント部分の設定 */
.commentResBlock
{
	margin: 1em 0;
	padding: 0.5em 0 0.5em 1em;
	border-left: 0.25em solid #C3EAFF;
}
[id^=CommentRes]
{
	margin: 0;
	font-size: 1rem;
}

/* コメントフォーム部分の設定 */
#CommentForm
{
}
.CommentFormItems
{
	width: 100%;
}
.CommentFormItems > tbody > tr > td:first-child
{
	width: 1%;
	white-space: nowrap;
	text-align: right;
}
.CommentFormItems input[type="text"],
.CommentFormItems input[type="password"],
#CommentText
{
	box-sizing: border-box;
	width: 100%;
}
/* コメント入力欄の設定 */
#CommentText
{
	height: 5em;
}
.commentBtn
{
	margin-top:1em;
}
/* コメント編集のフォームの設定 */

/* サイドバーの設定 */
.pluginBlock
{
	display: table-cell;
	border-left: 1px solid #5b7282;
	padding: 0;
	min-width: 14.5em;
	max-width: calc(300px + 2rem);
	vertical-align: top;
}
/* 広告部分の設定 */
.ad
{
	border-bottom: 1px solid #5b7282;
	padding: 0;
	font-size: 60%;
	text-align; center;
}
.ad:empty
{
	display: none;
}
.ad img
{
	max-width: 300px;
}
.ad > *
{
	margin: 0 !important;
	padding: 0 !important;
}
/* 各プラグイン部分の設定 */
.plugin
{
	border-bottom: 1px solid #5b7282;
}
/* プラグインのタイトルの設定 */
.pluginTitle
{
	margin: 1rem 1rem 0.5rem 1rem;
	font-size: 1rem;
	font-weight: bold;
	word-wrap: break-word;
}
/* プラグインのコンテンツ部分の設定 */
.pluginBody
{
	overflow: hidden;
	margin: 0.5rem 1rem 1rem 1rem;
}

/*各プラグイン処理内の基本デザイン*/
.PluginExplanation:empty
{
	display: none;
}
.plugin_data,
.plugin_data *
{
}
.plugin_data + .plugin_data
{
}
/* 各プラグイン処理内基本デザインの下に記載する日付など */
.plugin_data_date
{
	font-size: 0.75em;
	color: #737373;
}
.plugin_data .right
{
	float: right;
}
.plugin_data .right:before,
.plugin_data .right:after
{
	display: table;
	content: "";
}
.plugin_data .right:after
{
	clear: both;
}

/* プラグインのカレンダー用テーブル */
.CalendarMoveTable,
.CalendarTable
{
	width: 100%;
	border-collapse: collapse;
}
.CalendarMoveTable td,
.CalendarTable th,
.CalendarTable td
{
	text-align: center;
	vertical-align: middle;
}
/* カレンダー日付移動部分のデザイン */
.CalendarMoveTr
{
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
.CalendarMoveTr a:link,
.CalendarMoveTr a:visited,
.CalendarMoveTr a:hover
{
	display: inline-block;
	text-decoration: none;
}
.CalendarMoveTr a:hover,
.CalendarMoveTr a:active
{
	color: #b3b3b3;
}
/* カレンダー日付移動用左側部分のデザイン */
.CalendarMoveTr td
{
	border-bottom: 0;
	border-bottom: 1px solid #5b7282;
}
.CalendarMoveTr .CalendarPrevTd
{
	text-align: left;
	border-right: 0;
}
.CalendarPrevTd a
{
	padding-left: 0.5em;
	color: #C3EAFF;
}
.CalendarPrevTd a:before
{
	font-family: 'awesome';
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	display: inline-block;
	speak: none;
	content: "\e75d";
	color: #C3EAFF;
	margin-right: 0.75em;
}
/* カレンダー日付移動中央部分のデザイン */
.CalendarMoveTr .CalendarNowTd
{
	text-align: center;
}
/* カレンダー日付移動用右側部分のデザイン */
.CalendarMoveTr .CalendarNextTd
{
	text-align: right;
}
.CalendarNextTd a
{
	padding-right: 0.5em;
	color: #C3EAFF;
}
.CalendarNextTd a:after
{
	font-family: 'awesome';
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	text-decoration: inherit;
	display: inline-block;
	speak: none;
	content: "\e75e";
	color: #C3EAFF;
	margin-left: 0.75em;
}
/* 曜日表示部分のデザイン */
.CalendarWdayTr th
{
	text-align: center;
	font-weight: normal;
	color: #C3EAFF;
}
/* 日付表示部分のデザイン */
.CalendarTr td
{
	text-align: center;
	color: #c3eaff;
}
/* 記事が存在する場所の設定 */
.CalendarTdLink a
{
	display: inline-block;
	min-width: 14%;
	text-align: center;
	font-weight: bold;
}
/* ブログ内検索用デザイン */
.blogsearch:before,
.blogsearch:after
{
	display: table;
	content: "";
}
.blogsearch:after
{
	clear: both;
}
.blogsearch .box
{
	width: 70%;
	float: left;
}
.blogsearch .btn
{
	width: 22%;
	float: right;
	text-align: center;
}
/* コメント用デザイン */
.plugin_cm_with_res img
{
	margin-left: 0.5em;
	vertical-align: text-top;
}
/* プロフィール用デザイン */
.profile_image
{
	margin-bottom: 0.6em;
}
/* バーコード用デザイン */
.qrcode_image
{
	text-align: center;
}

/* ページャーの設定 */
#PagerArticle
{
	display: flex;
}
.pager
{
	display: flex;
	margin: 1.25em 0;
	width: 100%;
	justify-content: center;
}

.pager > div
{
	margin: 0 0.5em;
	border-radius: 0.25em;
	padding: 0;
	overflow: hidden;
	color: #445666;
	text-align: center;
	vertical-align: middle;
}
.pager > div.prev
{
	text-align: left;
}
.pager > div.next
{
	text-align: right;
}
.pager a,
.pager > div > span
{
	display: inline-block;
	padding: 0.25em 0.5em;
	text-decoration: none;
}
.pager a,
.pager a:link,
.pager a:visited
{
	background-color: #222f3d;
}
.pager a:hover,
.pager a:focus
{
	background-color: #C3EAFF;
}
.pager [class^=icon-]
{
	margin-right: .5em;
}
.pager .next [class^=icon-]
{
	margin-right: 0;
	margin-left: .5em;
}
.pluginSpacer
{
	width: 16.5em;
	min-width: 16.5em;
	max-width: 16.5em;
}
/* ページトップのリンク部分の設定 */
.pager.pagetop
{
	margin-bottom: 0;
	justify-content: flex-end;
}
.pager.pagetop > div
{
	padding-right: 2em;
	border: none;
	border-radius: 0;
}
.pager.pagetop a
{
	background-color: #222f3d;
	color: #C3EAFF;
	border-radius: 0.5em 0.5em 0 0;
	padding: 0.25em 1em;
}
.pager.pagetop a:hover,
.pager.pagetop a:focus
{
	background-color: #c3eaff;
	color: #16212f;
}

/*	フッターの設定
------------------------------------------------------- */
#FooterBlock
{
	padding: 1.5em 0;
	text-align: center;
	font-size: smaller;
	color: #C3EAFF;
	background-color: #222f3d;
}
/* フッター内のリンクの設定 */
#FooterBlock a
{
	color: #C3EAFF;
}
#FooterBlock a:link,
#FooterBlock a:visited
{
	text-decoration: underline;
}
#FooterBlock a:hover,
#FooterBlock a:focus
{
	color: #C3EAFF;
	text-decoration: none;
}