@charset "UTF-8";
/*******************************************************************************
  adiary base CSS
							(C)2015-2019 nabe@abk
*******************************************************************************/
/*--------------------------------------------------------------------
■標準フォント設定
--------------------------------------------------------------------*/
html {
	font-family:		"メイリオ", sans-serif;
}

/*--------------------------------------------------------------------
■全体表示（システム関連）
--------------------------------------------------------------------*/
/* 不可視要素 */
.display-none {
	display:	none;
}

/* 選択不可 */
.noselect {
	user-select:	none;
}
.sp .sp-noselect {
	user-select:	none;
}
/* 新着表示マーク */
#nav-header a.newcom:after {
	content:		'!';
}

/* 不可視ログインリンク */
#nav-header a.erase-login,
#sp-nav-header a.erase-login {
	display:		inline-block;
	width:			64px;
}

/* inline-box, アイコン */
.inline-box, li.icons {
	display:		inline-block;
}

/* 条件指定などのひとつのブロック */
div.element, form.element {
	display:		inline-block;
	margin-right:		1em;
}

header {
	position:		relative;
}

/* ヘッダ/フッタ中のリンクは下線を引かない */
#header a, #sp-header a, #footer a {
	text-decoration:	none;
}

/* 「ようこそ」のリンクで文字色を変えない */
#nav-header a.welcome-prefix,
#nav-header a.welcome-prefix:link,
#nav-header a.welcome-prefix:visited,
#sp-nav-header a.welcome-prefix,
#sp-nav-header a.welcome-prefix:link,
#sp-nav-header a.welcome-prefix:visited {
	color:			inherit;
	font-weight:		inherit;
}

/* 英単語の途中改行 */
body {
	word-wrap:		break-word;
}
/* section, article */
section, article {
	display:		block;
}

/* ログイン情報 */
#side-login-information table {
	border-spacing:		0;
}

/* copyright表示 */
.copyright blockquote {
	color:			#000;
	background-color:	#ffe;
}

/* プラグインの設定 */
span.plg-author {
	margin:			0 0.5em;
}
table.plugins button {
	margin:			0;
}

/*--------------------------------------------------------------------
●互換性維持 (for Special Edition theme)
--------------------------------------------------------------------*/
#footer {
	clear:			both;
}

/*--------------------------------------------------------------------
●コメント欄
--------------------------------------------------------------------*/
#com span.abbr-msg {
	margin-left:		2em;
}
#com div.comment-text {
	white-space:		pre-wrap;
}

/* 管理者の印 */
.comment-badge {
	border:			1px solid;
	padding:		0 0.3em;
	font-size:		80%;
	font-weight:		normal;
	white-space:		nowrap;
}

/* 投稿者情報 */
#com div.ip-host-agent {
	text-align:		right;
	margin-right:		1em;
}

/* おとりの欄（スパム対策。人には見せない） */
#com div.comment-website {
	position:		absolute;
	left:			-10000px;
	width:			1px;
	height:			1px;
	overflow:		hidden;
}

/*--------------------------------------------------------------------
●記法関連
--------------------------------------------------------------------*/
h5, h6 {
	font-size:	100%;
}
pre {
	white-space:	pre-wrap;
	overflow-x:		auto;
}

div.math {
	overflow-x:		auto;
}

/* nowrap */
.nowrap {
	white-space:	nowrap;
}
pre.nowrap {
	white-space:	pre;
}

/* アスキーアート記法 */
div.ascii-art {
/*	font-size:	12pt;	*/
	line-height:	100%;
	padding-top:	0px;
	padding-bottom:	0px;
	margin-top:	0px;
	margin-bottom:	0px;
	font-family: "Mona", "MS PGothic", "ＭＳ Ｐゴシック", "IPA MONAPGOTHIC", "IPA モナー Pゴシック", sans-serif;
}

/* 麻雀記法 */
img.mahjong {
	vertical-align:	bottom;
}

/* mathjax.js */
:not(span.mathref) > span.MathJax {
	margin-left:	0.2em;
	margin-right:	0.2em;
}

/* 等幅 */
.mono, .pre {
	font-family:	monospace;
}
.l, .left	{ text-align: left; }
.c:not(.syntax-highlight),
    .center	{ text-align: center; }
.r, .right	{ text-align: right; }
.middle		{ vertical-align: middle; }

/* インデント */
p.ni, .noindent p { text-indent: 0; }

ul li > p:first-child,
ol li > p:first-child {
	margin-top:	0;
}

/* はてなブックマーク数の表示 */
.http-bookmark img {
	vertical-align: bottom;
	height:		13px;
}
/* Google-map の埋め込み */
div.google-map {
	line-height:	100%;
}

/* 非表示テキスト。背景色と表示色が同一 */
article div.body .hidden,
article div.body .hidden a,
article div.body .hidden strong,
article div.body .hidden em {
	color:			rgba(255,255,255,0);
}

dl {
	margin-left:	2em;
}
ul.none, ol.none, .none ul, .none ol {
	list-style:	none;
}

audio, video,
article figure,
.main img,
.main iframe,
.main select {
	max-width:	100%;
	box-sizing:	border-box;
	text-indent:	0;
}

/* ブロック中のpタグ */
blockquote p:first-child {
	margin-top:	0;
}
blockquote p:last-child {
	margin-bottom:	0;
}

/* スマホ用出力。PC用出力 */
.sp .for-pc {
	display:	none;
}
body:not(.sp) .for-sp {
	display:	none;
}
/* レスポンシブ対応テーマ */
@media screen and (max-width: 640px) {
	.responsive .for-pc {
		display:	none;
	}
	body.responsive .for-sp {
		display:	revert;
	}
}

/* pre */
pre {
	font-family:		monospace;
	overflow:		auto;
}

/* フロートオブジェクト */
.float, .float-l {
	float:		left;
	margin-right:	1em;
	position:	relative;
	z-index:	1;
}
.float-r {
	float:		right;
	margin-left:	1em;
	position:	relative;
	z-index:	1;
}
/* 記事からはみ出し防止 */
h3, h4, .clear,
div.body-footer {
	clear:		both;
}
/* チェックボックス付きリスト（Markdown の - [ ] / - [x]）。リストの記号を出さない */
li.task-list-item { list-style-type: none; }

/*--------------------------------------------------------------------
●フォントサイズ／種類設定
--------------------------------------------------------------------*/
.xx-large		{ font-size: 200%; line-height: 130%; }
.x-large		{ font-size: 150%; line-height: 130%; }
.large			{ font-size: 130%; line-height: 130%; }
.midium, .normalsize	{ font-size: 100%; line-height: 135%; }
.small			{ font-size: 90%;  line-height: 140%; }
.x-small		{ font-size: 80%;  line-height: 140%; }
.xx-small		{ font-size: 60%;  line-height: 140%; }

.it, .italic		{ font-style:  italic; }
.bf, .bold		{ font-weight: bold;   }
.u, .underline		{ text-decoration: underline; }
.normal			{ font-weight: normal; text-decoration: none; }

strong			{ font-weight: bold; }
em			{ font-style: normal; text-decoration: underline; }

/*--------------------------------------------------------------------
●フォーム関連
--------------------------------------------------------------------*/
form + form {
	margin-top:		2em;
}

/* webkit default override */
input {
	box-sizing:		content-box;
}
input[type="number"] {
	text-align:		right;
}
label, input, button, select {
	vertical-align:		middle;
}
td.checkbox, th.checkbox {
	text-align:		center;
}
td.button, th.button {
	text-align:		center;
}

/* ボタンデザイン */
button {
	padding:		3px 6px;
	text-indent:		0;
	line-height:		100%;
	vertical-align:		middle;
	font-family:		"メイリオ","IPAGothic","VL Gothic",sans-serif;

	cursor:			pointer;
}
#edit-helper button {
	padding:		3px 4px;
	margin:			2px 0px;
}
#com textarea {
	-moz-tab-size:	4;
	-o-tab-size:	4;
	tab-size:	4;
	max-width:	100%;
	box-sizing:	border-box;
}

input[type="radio"]    + label,
input[type="checkbox"] + label {
	margin:		0 0 0 1px;
}

/* radioやcheckboxが複数並んだ場合 */
label + input[type="radio"],
label + input[type="checkbox"]
{
	margin-left:	1em;
}

/* ボタンが複数並んだ場合に間あける */
button + button
{
	margin-left:	1em;
}
#sidebar button
{
	margin-left:	0;
}

/* 色選択ボックス */
span.colorbox {
	height:		1em;
	width:		1em;
	border:		1px solid #000;
	display:	inline-block;

	vertical-align: 	middle;
	border-radius:		4px;
	margin-right:		4px;
}
.color-picker {
	width:		70px;
	vertical-align: middle;
}
.colorpicker {
	z-index:	10000;
}

option:disabled {
	background-color:	#eee;
}
/* セレクトボックスの特殊要素（「指定しない」）など */
option.special {
	font-weight:		bold;
	color:			#800;
}
/* readonly */
input[readonly],
select[readonly],
textarea[readonly] {
	background-color:	#ddd;
}

textarea {
	display:		block;
}

/*--------------------------------------------------------------------
●フォームポップアップ
--------------------------------------------------------------------*/
.help {
	font-weight:	bold;
	margin:		0 4px;
	cursor:		pointer;
}
.help:before {
	content:	'[';
}
.help:after {
	content:	']';
}
body:not(.sp) .btn-help:after {
	margin-left:	2px;
	content:	'[?]';
}

div.popup-block {
	display:	none;
	position:	absolute;
	z-index:	1100;
}
div.popup-help, #popup-com {
	background-color:	#eee;
	padding:		6px;
	font-size:		11pt;
}
#popup-com input {
	display:		none;
}
#popup-com .ip-host-agent {
	margin-top:		1em;
}
.ui-dialog textarea {
	font-size:	10pt;
	line-height:	120%;
}

.ui-widget-overlay {
	background-color: #000;
	opacity:	0.25;
}

/*--------------------------------------------------------------------
●フォームサイズ指定部品
--------------------------------------------------------------------*/
.w20 { width: 20px; }
.w30 { width: 30px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w140 { width: 140px; }
.w160 { width: 160px; }
.w200 { width: 200px; }
.w240 { width: 240px; }
.w280 { width: 280px; }
.w300 { width: 300px; }
.w320 { width: 320px; }
.w360 { width: 360px; }
.w400 { width: 400px; }
.w440 { width: 440px; }
.w480 { width: 480px; }
.w500 { width: 500px; }
.w512 { width: 512px; }
.w520 { width: 520px; }
.w560 { width: 560px; }
.w600 { width: 600px; }
.w640 { width: 640px; }
.w100p{ width: 100%; box-sizing: border-box; }
.w98p { width:  98%; }
.w95p { width:  95%; }
.w90p { width:  90%; }
.w80p { width:  80%; }

/* スマホ */
.sp .w120 { width: 100px; }
.sp .w160 { width: 120px; }
.sp .w200 { width: 140px; }
.sp .w240 { width: 160px; }
.sp .w280 { width: 180px; }
.sp .w300 { width: 200px; }
.sp .w320,
.sp .w360,
.sp .w400,
.sp .w480,
.sp .w500,
.sp .w512,
.sp .w520,
.sp .w560,
.sp .w600,
.sp .w640 {
	width:	100%;
	box-sizing: border-box;
}
.sp input[type="date"].w120 { width: 120px; }

/* スマホ（レスポンシブ対応テーマ） */
@media screen and (max-width: 640px) {
	.responsive .w120 { width: 100px; }
	.responsive .w160 { width: 120px; }
	.responsive .w200 { width: 140px; }
	.responsive .w240 { width: 160px; }
	.responsive .w280 { width: 180px; }
	.responsive .w300 { width: 200px; }
	.responsive .w320,
	.responsive .w360,
	.responsive .w400,
	.responsive .w480,
	.responsive .w500,
	.responsive .w512,
	.responsive .w520,
	.responsive .w560,
	.responsive .w600,
	.responsive .w640 {
		width:	100%;
		box-sizing: border-box;
	}
	.responsive input[type="date"].w120 { width: 120px; }
}

/*--------------------------------------------------------------------
●メッセージシステム
--------------------------------------------------------------------*/
div.warn, p.warning, p.error,
div.messages div.message:last-child {
	font-weight:	bold;
}
div.messages div.notice {
	margin-left:	2em;
}
div.add-msg {
	margin-top:	1em;
}
.good {
	color:		blue;
}

/*--------------------------------------------------------------------
●検索とハイライトとタグ
--------------------------------------------------------------------*/
span.highlight	{ background-color: #0a0; font-weight: bold; text-decoration: inherit; }
span.highlight0	{ background-color: #ff6; }
span.highlight1	{ background-color: #aff; }
span.highlight2	{ background-color: #9f9; }
span.highlight3	{ background-color: #f99; }
span.highlight4	{ background-color: #f6f; }

/* 絞り込み項目 */
.search div.narrow {
	font-size:	9pt;
	line-height:	150%;
}
.search-caption {
	font-weight:	bold;
	color:		#900;
	margin-right:	4px;
}
.search-caption:after {
	content:	'>>';
}
.search div.hits {
	margin-top:	4px;
}

/*--------------------------------------------------------------------
●RSSアイコン
--------------------------------------------------------------------*/
.rss-icon img {
	vertical-align:		middle;
}
.rss-icon a img {
	border:			none;
}

/*--------------------------------------------------------------------
●ソーシャルボタン
--------------------------------------------------------------------*/
/* X、Facebook、はてなブックマークは、それぞれのサービスの色の地に、ロゴと文字をCSSで出す（4.09）。
   画像のファイルは使わない。ロゴはそれぞれのサービスのもの */
.social-buttons {
	margin:			1em 0;
}
.social-button {
	display:		inline-block;
	margin-right:		8px;
	vertical-align:		middle;
}
.social-button a, .social-button a:link, .social-button a:visited, .social-button a:hover {
	text-decoration:	none;
}
.social-button a.share,
.social-button a.share:link,
.social-button a.share:visited,
.social-button a.share:hover {
	display:		inline-block;
	height:			20px;
	border-radius:		4px;
	color:			#fff;
	font-size:		12px;
	line-height:		20px;
	vertical-align:		middle;
}
/* X */
.social-button.x-share a.share {
	padding:		0 8px 0 24px;
	background:		#000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E") no-repeat 7px center / 12px 12px;
}
/* Facebook */
.social-button.fb-share a.share {
	padding:		0 8px 0 24px;
	background:		#1877f2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z'/%3E%3C/svg%3E") no-repeat 6px center / 13px 13px;
}
/* はてなブックマーク。公式のボタン（b.st-hatena.com/js/bookmark_button.js）の
   「B!ブックマーク」の絵と件数を、はてなブックマークの色の地に並べる */
.social-button.hatena-share {
	display:		inline-flex;
	align-items:		center;
	height:			20px;
	padding:		0 3px;
	box-sizing:		border-box;
	border-radius:		3px;
	background-color:	#00a4de;
}
.social-button.hatena-share:hover {
	background-color:	#0091c5;
}
.social-button.hatena-share a.share {
	width:			78px;
	height:			14px;
	margin-left:		3px;	/* 公式のボタンと同じ（.btn-standard.show-count .icon） */
	border-radius:		0;
	background:		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 14' fill='%23fff'%3E%3Cpath d='M8.24 7.36a2.37 2.37 0 0 0-1.66-.75 2.72 2.72 0 0 0 1.42-.76 2 2 0 0 0 .43-1.35 2.42 2.42 0 0 0-.33-1.2 2.15 2.15 0 0 0-.84-.82 3.59 3.59 0 0 0-1.16-.37 17.41 17.41 0 0 0-2.36-.11h-2.74v10h2.83a18.33 18.33 0 0 0 2.45-.12 4 4 0 0 0 1.26-.39 2.31 2.31 0 0 0 1-.94 2.86 2.86 0 0 0 .34-1.41 2.57 2.57 0 0 0-.64-1.78zm-4.71-3.14h.59a2.77 2.77 0 0 1 1.37.23.88.88 0 0 1 .35.79.82.82 0 0 1-.38.76 3 3 0 0 1-1.38.22h-.55zm2.32 5.78a2.79 2.79 0 0 1-1.37.24h-1v-2.24h1a2.61 2.61 0 0 1 1.36.25 1 1 0 0 1 .37.88.87.87 0 0 1-.36.87z'/%3E%3Ccircle cx='11.73' cy='10.73' r='1.27'/%3E%3Cpath d='M10.63 2h2.2v6.67h-2.2z'/%3E%3Cpath d='M25.45 4.31a1.65 1.65 0 0 0-.08.23s0 .13-.08.29a10.17 10.17 0 0 1-6.29 7.24 5.94 5.94 0 0 0-1.4-1.85 7.68 7.68 0 0 0 5.54-5.43h-4.75a10.6 10.6 0 0 0-1.68.07v-2a9.72 9.72 0 0 0 1.71.14h4.74a7.33 7.33 0 0 0 .85 0v-.08a4.56 4.56 0 0 0-.45-.73l1-.3a6.63 6.63 0 0 1 .94 1.76l-.5.07zm.55-2.81a4.88 4.88 0 0 1 .86 1.67l-.86.31a6.64 6.64 0 0 0-.86-1.7zM29.22 4.57a13.83 13.83 0 0 1 1.07 2.79l-1.72.52a14.05 14.05 0 0 0-1-2.86zm6.42.19a4.31 4.31 0 0 0-.17.67 9.92 9.92 0 0 1-1.38 3.57 8 8 0 0 1-2.31 2.24 15.11 15.11 0 0 1-1.33.74 5.63 5.63 0 0 0-1.21-1.55 6.24 6.24 0 0 0 4.1-3.79 7.74 7.74 0 0 0 .49-2.33zm-4-.65a11.29 11.29 0 0 1 1.07 2.69l-1.71.51a13 13 0 0 0-1-2.77zM42.49 2.23a1.51 1.51 0 0 0-.13.28s0 .1-.08.16l-.1.23-.22.47h2.77a1.85 1.85 0 0 0 .82-.12l.91.9a2.72 2.72 0 0 0-.32.78 11.65 11.65 0 0 1-2.28 4.37 11.39 11.39 0 0 1-4.06 2.84 5.09 5.09 0 0 0-1.32-1.68 9.67 9.67 0 0 0 3.68-2.25 7.74 7.74 0 0 0 1.84-3.15h-2.93a10.32 10.32 0 0 1-2.5 2.77 5.5 5.5 0 0 0-1.57-1.29 8.68 8.68 0 0 0 2.93-3.36 4.2 4.2 0 0 0 .47-1.32zM49.6 4.72c-.91 0-1.3 0-1.79.06v-1.95a13.75 13.75 0 0 0 1.82.09h6a2.08 2.08 0 0 0 .76-.11l1.11 1.19a2.53 2.53 0 0 0-.5.7 14.79 14.79 0 0 1-3.5 4.22c.47.56.78 1 1.31 1.68l-1.65 1.29a18.6 18.6 0 0 0-2.16-2.89 16.43 16.43 0 0 0-2.22-2.19l1.51-1.06a17 17 0 0 1 1.91 1.75 12.18 12.18 0 0 0 1.72-1.74 7.58 7.58 0 0 0 .7-1.07zM58 5.91a15.56 15.56 0 0 0 2.26.1h5.27a18 18 0 0 0 2.26-.1v2.09a21.38 21.38 0 0 0-2.32 0h-7.470000000000001zM74 2.23a1.58 1.58 0 0 0-.13.28s0 .1-.08.16l-.1.23-.22.47h2.77a1.84 1.84 0 0 0 .82-.12l.91.9a2.71 2.71 0 0 0-.32.78 11.65 11.65 0 0 1-2.25 4.34 11.39 11.39 0 0 1-4.06 2.84 5.12 5.12 0 0 0-1.34-1.67 9.65 9.65 0 0 0 3.7-2.25 7.74 7.74 0 0 0 1.84-3.13h-2.93a10.3 10.3 0 0 1-2.5 2.77 5.49 5.49 0 0 0-1.57-1.32 8.67 8.67 0 0 0 2.93-3.36 4.18 4.18 0 0 0 .47-1.32z'/%3E%3C/svg%3E") center / 78px 14px no-repeat;
}
.social-button.hatena-share .hidden-text {
	display:		none;
}
.social-button.hatena-share a.count,
.social-button.hatena-share a.count:link,
.social-button.hatena-share a.count:visited,
.social-button.hatena-share a.count:hover {
	min-width:		15px;
	margin-left:		1px;
	padding:		2px;
	border-radius:		3px;
	color:			#fff;
	font-family:		Helvetica, Arial, sans-serif;
	font-size:		11px;
	font-weight:		bold;
	line-height:		1;
	text-align:		center;
}
.social-button.hatena-share a.count:hover {
	background-color:	#006b92;
}

/* 記事貼り付け */
figure {
	display:		inline-block;
	margin:			0;
}
figcaption {
	line-height:		100%;
	text-align:		center;
}
figure.left,   figure.l,
figure.right,  figure.r,
figure.center, figure.c {
	display:	block;
}

/*####################################################################
■ UI関連
####################################################################*/
/*--------------------------------------------------------------------
●UIアイコン
--------------------------------------------------------------------*/
.ui-icon {
	width:			16px;
	height:			16px;
	display:		inline-block;
	background-position:	99px 99px;
	background-repeat:	no-repeat;
}
.ui-icon.ui-button {
	padding:		0;
	cursor:			pointer;
	box-sizing:		content-box;
}
.ui-button.ui-button-icon-only:not(.ui-icon) {
	margin:			0;
	padding:		0;
	width:			24px;
	height:			24px;
	box-sizing:		border-box;
}
.ui-button.ui-button-icon-only:not(.ui-icon) .ui-icon {
	vertical-align:		middle;
}
/* jQuery UI icons */
.ui-icon-search	{ background-position:   0px 0px; }
.ui-icon-wrench	{ background-position: -16px 0px; }
.ui-icon-image	{ background-position: -32px 0px; }
.ui-icon-close	{ background-position: -48px 0px; }
.ui-icon-closethick { background-position: -64px 0px; }

/* adiary original */
.prev-page:before,
.upnode-page:before,
.next-page:after {
	display:		inline-block;
	height:			18px;
	width:			16px;
	content:		'';
	vertical-align:		middle;
}
.prev-page:before 	{ background-position: -32px -16px; }
.upnode-page:before	{ background-position: -48px -16px; }
.next-page:after	{ background-position: -64px -16px; }

.sw-show .ui-icon.switch-icon {
	background-position:	-0px -16px;
	width:			14px;
	height:			13px;
}
.sw-hide .ui-icon.switch-icon {
	background-position:	-16px -16px;
	width:			14px;
	height:			13px;
}

/* 検索条件、記事編集時のタグ「?」アイコン */
span.tag span.ui-icon-close,
.yyyymm  span.ui-icon-close {
	background-position:	-50px 0px;
	width:			12px;
	display:		inline-block;
	vertical-align:		middle;
}
/* サイドバーのタグ、過去ログ、コンテンツの開閉
   開閉の印の幅だけ子を余分に下げ、親の文字より子が下がって見えるようにする */
.hatena-module details {
	padding-left:		1em;
}
.hatena-module summary {
	margin-left:		-1em;
	cursor:			pointer;
}
/* コメント欄の開閉 */
#com summary.caption {
	cursor:			pointer;
}
/* クリックできるアイコン */
.ui-icon-close,
.ui-icon-search,
.ui-icon-close,
.ui-icon-closethick,
.js-switch {
	cursor:			pointer;
}

/*--------------------------------------------------------------------
●adiary UI, dialog, z-index:1000-1099
--------------------------------------------------------------------*/
.ui-overlay {
	background-color:	rgba(0,0,0,0.2);
	position:		fixed;
	top:			0;
	left:			0;
	width:			100%;
	height:			100%;
}
.ui-dialog {
	position:		absolute;
	padding:		0;

	resize:			both;
	overflow:		hidden;
	min-width:		200px;

	max-height:		100vh;
}
.ui-dialog, .ui-dialog-content {
	box-sizing:		border-box;
}
.ui-dialog-titlebar {
	font-size:		12pt;
	font-weight:		bold;
	padding:		0.4em 1em;
	position:		relative;
	cursor:			move;
}
.ui-dialog-titlebar .ui-button {
	position:		absolute;
	right:			0.5em;
	top:			0.4em;
	padding:		0;
	line-height:		0;
}
.ui-dialog-content {
	padding:		0.5em 1em;
	overflow:		auto;
}
.ui-dialog-content p {
	max-width:		640px;
}
.ui-dialog-buttonpane {
	text-align:		right;
	padding:		0.3em 1em 0.5em 0;
}
.ui-dialog-buttonpane button {
	font-weight:		normal;
	text-align:		left;
	margin:			0.5em 0.2em;
	padding:		0.4em 1em;
	line-height:		1.5;
}

/* エラーダイアログ */
.ui-dialog.error-dialog {
	color:			#000;
	background-color:	#fff8f8;
	border-color:		#f69;
	background-image:	none;
}
.ui-dialog.error-dialog .ui-widget-header {
	background-color:	#f69;
	background-image:	none;
}
.ui-dialog.error-dialog .ui-button {
	color:			#444;
	border-color:		#d99;
	background-image:	linear-gradient(to bottom, #fdd, #faa);
}

/* エラーダイアログの閉じるボタン（常に赤アイコン） */
.ui-dialog.error-dialog .ui-icon-closethick {
	border-color:		#900;
	background-image:	url('data:image/gif;base64,R0lGODlhEAAQAIAAAPwAAAAAACH5BAEAAAEALAAAAAAQABAAAAIkjI+puwDqkotnvmqNvXjP5nHQxmgkE4pdKGXBaVKxKmPljScFADs=');
	background-position:	0px 0px;	/* This gif file in "js/src/img-src/" */
}

/*--------------------------------------------------------------------
ダイアログのカスタマイズ
--------------------------------------------------------------------*/
.ui-dialog {
	background-color:	#f8f8ff;
}
.ui-dialog .ui-widget-header {
	background-color:	#93b3ff;
}
.ui-dialog div.pre {
	white-space:		pre;
	white-space:		pre-wrap;	/* CSS3 */
	font-family:		monospace;
}
.ui-dialog ul {
	padding:		0 0 0 1em;
	margin:			1em 0em 1em 2em;
}

/*--------------------------------------------------------------------
●adiary UI, プログレスバー
--------------------------------------------------------------------*/
.ui-progressbar {
	position:		relative;
	overflow:		hidden;

	border:			1px solid #aaa;
	border-radius:		4px;
	max-width:		400px;
	background-color:	#fff;
}
.ui-progressbar .label {
	position:		absolute;
	font-weight:		bold;
	text-align:		center;
	vertical-align:		middle;
	width:			100%;
}
.ui-progressbar .label:before {
	content:		"";
	display:		inline-block;
}
.ui-progressbar,
.ui-progressbar .label:before {
	height:			20px;
	vertical-align:		middle;
}

/* #body を付けないとダイアログ中のプログレスバーに対し
  「.ui-dialog .ui-widget-header」が優先してしまう */
#body .ui-progressbar-value {
	padding:		1px 0 0 1px;	/* 外枠の幅と合わせること */
	background-color:	#bbb;
	border-radius:		0;

	margin:			-1px;
	height:			100%;
	display:		block;
}

/*--------------------------------------------------------------------
●その他
--------------------------------------------------------------------*/
#sidebar textarea {
	width:			98%;
}

/*####################################################################
●ドロップダウンメニュー（コンテンツリスト）
####################################################################*/
/* for compatibility */
.dropdown-menu { display: none; }
/*----------------------------------------------*/
/* プルダウンメニュー、ギミック部（通常変更不要） */
/*----------------------------------------------*/
.ddmenu {
	position:		relative;
	width:			100%;
	z-index:		980;
	font-weight:		bold;
}
.ddmenu.dd-centering {
	text-align:		center;
}
.ddmenu.dd-centering>ul {
	display:		inline-block;
}
.main .ddmenu {
	z-index:	950;
}
.ddmenu * {
	margin:		0;
	padding:	0;
	box-sizing:	border-box;
}
.ddmenu ul {
	list-style:	none;
}
.ddmenu>ul li a {
	display:	block;
	text-decoration: none;
	overflow:	hidden;
	width:		100%;
	white-space:	nowrap;
}

/* 項目文字列を上下中央揃えする細工 */
.ddmenu>ul a:after {
	content:	"";
	display:	inline-block;
	height:		calc(100% + 2px);
	vertical-align:	middle;
}
/* 表示位置調整 */
.ddmenu>ul li a {
	height:		100%;
}
.ddmenu:not(.sp)>ul>li {
	float:		left;
}
.ddmenu:not(.sp)>ul li {
	position:	relative;
}
.ddmenu:not(.sp)>ul ul {
	position:	absolute;
}
/* 2階層目 */
.ddmenu:not(.sp)>ul ul {
	left:		0;
}
/* 3,4階層目 */
.ddmenu:not(.sp)>ul ul ul {
	left:		100%;
}
/* 5階層目以降は表示しない */
.ddmenu:not(.sp)>ul ul ul ul ul {
	display:	none;
}

/* on/off and animation */
.ddmenu:not(.sp)>ul li:hover>ul>li {
	overflow:	visible;
}
.ddmenu>ul li ul li {
	overflow:	hidden;
}
.ddmenu>ul>li>ul li,
.ddmenu>ul>li>ul li a {
	height:		0;
	transition:	0.4s;
}
.ddmenu   >ul li:hover>ul>li>a,
.ddmenu.sp>ul li      >ul>li>a {
	height:		100%;
}
/* view arrow */
.ddmenu li ul li ul:before,
.ddmenu.sp    li ul:before {
	transition:	0.4s;
	position:	absolute;
	content:	"";
	left:		-12px;
	border:		5px solid transparent;
}
.ddmenu:not(.sp) li:not(:hover)>ul>li>ul:before {
	border-color:	transparent;
}

/*------------------------------------------------
 *  dropdown-menu border setting
 *------------------------------------------------*/
.ddmenu>ul li a,
.ddmenu>ul ul {
	border-style:		solid;
	border-width:		0;
}
.ddmenu>ul>li>a {
	border-width:		0px;
	border-left-width:	1px;
	position:		relative;
}
.ddmenu>ul>li:last-child>a {
	border-right-width:	1px;
}
.ddmenu   >ul li:hover>ul>li a,
.ddmenu.sp>ul li      >ul>li a {
	border-top-width:	1px;
}
.ddmenu   >ul li:hover>ul,
.ddmenu.sp>ul li      >ul {
	border-bottom-width:	1px;
}


/*------------------------------------------------
 *  dropdown-menu size setting
 *------------------------------------------------*/
.ddmenu:not(.sp)>ul ul ul {
	top:		0px;
}
/* 最後の要素だけ左にサブメニューを開く。 */
.ddmenu:not(.sp)>ul>li:last-child:not(:first-child)>ul {
	left:		auto;
	right:		0px;
}
.ddmenu:not(.sp)>ul>li:last-child:not(:first-child)>ul ul {
	left:		-100%;
}
.ddmenu:not(.sp)>ul>li:last-child:not(:first-child) ul li ul:before {
	left:		100%;
}

/*------------------------------------------------
 *  dropdown-menu size setting for customize
 *------------------------------------------------*/
.ddmenu {
	font-size:	11pt;
	line-height:	1.4;
}
.main .ddmenu {
	margin-bottom:	1em;
}
/* 高さの設定 */
.ddmenu,
.ddmenu>ul>li,
.ddmenu>ul li:hover>ul>li {
	height:		30px;	/* Y */
}

/* 矢印位置の調整 */
.ddmenu li ul li ul:before {
	top:		10px;	/* = (Y-10)/2 */
}
/* 項目の文字位置 */
.ddmenu:not(.sp) li {
	text-align:	center;
}
/* 項目の幅の設定 */
.ddmenu:not(.sp)>ul>li {
	width:		110px;
}
.ddmenu:not(.sp)>ul>li>ul,
.ddmenu:not(.sp)>ul>li>ul li {
	width:		200px;
}
/* 左右padding */
.ddmenu li a {
	padding:	0 4px;
}

/*--------------------------------------------------------------------
●dropdown-menu coloring
--------------------------------------------------------------------*/
/* 背景色（非選択色） */
.ddmenu,
.ddmenu>ul li {
	background-color:	#ccccff;
}
/* 選択色 */
.ddmenu>ul li:hover,
.ddmenu>ul li.hover {
	background-color:	#f0f0ff;
}
/* 枠線 */
.ddmenu>ul li a,
.ddmenu>ul ul {
	border-color:		#aac;
}
/* 文字 */
/*
.ddmenu a:link,
.ddmenu a:visited
{
	color:			#33f;
}
*/
/* 矢印の色 */
.ddmenu li ul li ul:before,
.ddmenu.sp li ul:before {
	border-left-color:	#338;
}
.ddmenu:not(.sp) li:last-child:not(:first-child) ul li ul:before {
	border-left-color:	transparent;
	border-right-color:	#338;
}
/* 設定画面に矢印の色を自動取得させるための指定 */
.ddmenu {
	color:			#338;
}

/* 影をつける */
.ddmenu>ul li:hover ul,
.ddmenu.sp>ul>li>ul {
	box-shadow:		8px 8px 8px rgba(0,0,0, 0.3);
}

/*####################################################################
●スマホ全般
####################################################################*/
/* 短縮表記 */
.sp .sp-hidden {
	display:		none;
}

/* ボタン */
.sp article:not(.search) button,
.sp #edit-helper button {
	margin-top:		6px;
	margin-bottom:		6px;
}

/* フォーム要素 */
.sp .main input,
.sp .main textarea {
	max-width:		100%;
	box-sizing:		border-box;
}
.sp .main table.blog-setting input,
.sp .main table.blog-setting textarea {
	max-width:		60%;
}

/*--------------------------------------------------------------------
●スマホ用検索ボックス
--------------------------------------------------------------------*/
#sp-head-search {
	position:		relative;
	z-index:		1000;
	float:			right;
	line-height:		1;

	height:			28px;
	padding:		1px 2px 1px 0px;
}
#sp-head-search form {
	height:			22px;
	margin:			0;
	padding:		3px 5px;
	border-radius:		4px;
}
#sp-header:after {
	content:		"";
	display:		block;
	clear:			both;
}
#sp-head-search input {
	font-size:		14px;
	height:			22px;
	box-sizing:		border-box;
}
/* 検索ボタン */
#sp-head-search .search-btn {
	width:			22px;
	height:			22px;
	padding:		0;
	margin:			0 0 0 2px;
}

#sp-head-search .search-box {
	width:			80px;
}
@media screen and (min-width: 340px) {
	#sp-head-search .search-box {
		width:		100px;
	}
}

/*--------------------------------------------------------------------
●スマホ用ドロップダウンメニュー
--------------------------------------------------------------------*/
.ddmenu.sp {
	position:	absolute;
	bottom:		0;
	margin-bottom:	0;
}
/* PC用の設定解除 */
.ddmenu.sp>ul {
	margin-right:	0;
}

.ddmenu.sp>ul>li {
	border-left:	none;
	border-right:	none;
}
/* on/offギミック */
.ddmenu.sp>ul li {
	overflow:	hidden;
}
.ddmenu.sp>ul li.open {
	overflow:	visible;
}
/* ul階層表示 */
.ddmenu.sp ul a {
	padding-left:	15px;
}
.ddmenu.sp ul ul a {
	padding-left:	30px;
}
.ddmenu.sp ul ul ul a {
	padding-left:	45px;
}
.ddmenu.sp ul ul ul ul a {
	padding-left:	60px;
}
.ddmenu.sp ul ul ul ul ul a {
	padding-left:	75px;
}
.ddmenu.sp ul ul ul ul ul ul a {
	padding-left:	90px;
}


/* 矢印 */
.ddmenu.sp li {
	position:	relative;
}
.ddmenu.sp ul ul:before {
	left:		5px;
}
.ddmenu.sp ul ul ul:before {
	left:		20px;
}
.ddmenu.sp ul ul ul ul:before {
	left:		35px;
}
.ddmenu.sp ul ul ul ul ul:before {
	left:		50px;
}
.ddmenu.sp ul ul ul ul ul ul:before {
	left:		65px;
}
.ddmenu.sp ul ul ul ul ul ul ul:before {
	left:		80px;
}

/* border調整 */
.ddmenu.sp>ul li {
	border-width:		0;
	border-bottom-width:	1px;
}
.ddmenu.sp>ul>li:not(.open) {	/* top要素 */
	border-bottom-width:	0;
}
.ddmenu.sp>ul>li ul>li:first-child {
	border-top-width:	1px;
}
.ddmenu.sp li>ul>li:last-child {
	margin-bottom:		-1px;
}

/* 表示サイズ（横幅） */
.ddmenu.sp>ul>li>ul {
	width:		150%;
	max-width:	360px;
}
.ddmenu.sp>ul>li {
	width:		60%;
	max-width:	360px;
}

/* 高さの設定 */
.ddmenu.sp,
.ddmenu.sp>ul>li,
.ddmenu.sp>ul>li a,
.ddmenu.sp>ul li.open>ul>li {
	height:		30px;	/* Y */
	line-height:	30px;
}
.ddmenu.sp>ul li:not(.open)>ul>li {
	height:		0px;
}
.ddmenu.sp li ul:before {
	top:		10px;	/* = (Y-10)/2 */
}
.ddmenu.sp>ul>li>ul li.open {
	height:		auto;
}

/* 影を多重に重ねないように */
.ddmenu.sp>ul>li>ul>li ul {
	box-shadow:	none;
}

/*--------------------------------------------------------------------
●フットメッセージ
--------------------------------------------------------------------*/
.foot-message-transion, .fm-buttons span {
	transition-duration:		2s;
	transition-timing-function:	ease;
	transition-property:		color, background-color, border-color;

	border-color:	transparent;
	color:		transparent;
	box-shadow:	0px 0px 0px rgba(0,0,0,0);
}
.foot-message {
	position:	fixed;
	bottom:		10px;
	left:		8px;
	z-index:	10;
	width:		auto;
	height:		auto;

	color:		#000;
	font-size:	11pt;
	line-height:	1.5;
	max-width:	200px;

	padding:	10px;
	background-color: #ffd;
	border-radius:	8px;
	border:		1px solid #aa6;

	box-shadow:	10px 10px 10px rgba(0,0,0, 0.3);
}
.fm-buttons {
	text-align:	right;
}
.fm-buttons span {
	color:		#fff;
	border-radius:	4px;
	background-color: #aa6;

	margin:		8px 10px 0 10px;
	padding:	2px 6px;
	display:	inline-block;
	cursor:		pointer;

	font-weight:	bold;
}
.fm-buttons span:hover {
	background-color: #dd9;
	transition-duration:	0s;
}

/*####################################################################
●デバッグ
####################################################################*/
#debug-messages > div {
	margin:		0 0 1em 0;
	font-weight:	bold;
}


/** ==== Prism.js  ==== */

/** == Prism.js CSS Basic == */

pre[class*="language-"],
code[class*="language-"] {
	color: #d4d4d4;
	font-size: 14px;
	text-shadow: none;
	font-family: Menlo, Monaco, Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace;
	direction: ltr;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	line-height: 1.5;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre[class*="language-"]::selection,
code[class*="language-"]::selection,
pre[class*="language-"] *::selection,
code[class*="language-"] *::selection {
	text-shadow: none;
	background: #264F78;
}

@media print {
	pre[class*="language-"],
	code[class*="language-"] {
		text-shadow: none;
	}
}

pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	background: #1e1e1e;
}

:not(pre) > code[class*="language-"] {
	padding: .1em .3em;
	border-radius: .3em;
	color: #db4c69;
	background: #1e1e1e;
}
/*********************************************************
* Tokens
*/
.namespace {
	opacity: .7;
}

.token.doctype .token.doctype-tag {
	color: #569CD6;
}

.token.doctype .token.name {
	color: #9cdcfe;
}

.token.comment,
.token.prolog {
	color: #6a9955;
}

.token.punctuation,
.language-html .language-css .token.punctuation,
.language-html .language-javascript .token.punctuation {
	color: #d4d4d4;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.inserted,
.token.unit {
	color: #b5cea8;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.deleted {
	color: #ce9178;
}

.language-css .token.string.url {
	text-decoration: underline;
}

.token.operator,
.token.entity {
	color: #d4d4d4;
}

.token.operator.arrow {
	color: #569CD6;
}

.token.atrule {
	color: #ce9178;
}

.token.atrule .token.rule {
	color: #c586c0;
}

.token.atrule .token.url {
	color: #9cdcfe;
}

.token.atrule .token.url .token.function {
	color: #dcdcaa;
}

.token.atrule .token.url .token.punctuation {
	color: #d4d4d4;
}

.token.keyword {
	color: #569CD6;
}

.token.keyword.module,
.token.keyword.control-flow {
	color: #c586c0;
}

.token.function,
.token.function .token.maybe-class-name {
	color: #dcdcaa;
}

.token.regex {
	color: #d16969;
}

.token.important {
	color: #569cd6;
}

.token.italic {
	font-style: italic;
}

.token.constant {
	color: #9cdcfe;
}

.token.class-name,
.token.maybe-class-name {
	color: #4ec9b0;
}

.token.console {
	color: #9cdcfe;
}

.token.parameter {
	color: #9cdcfe;
}

.token.interpolation {
	color: #9cdcfe;
}

.token.punctuation.interpolation-punctuation {
	color: #569cd6;
}

.token.boolean {
	color: #569cd6;
}

.token.property,
.token.variable,
.token.imports .token.maybe-class-name,
.token.exports .token.maybe-class-name {
	color: #9cdcfe;
}

.token.selector {
	color: #d7ba7d;
}

.token.escape {
	color: #d7ba7d;
}

.token.tag {
	color: #569cd6;
}

.token.tag .token.punctuation {
	color: #808080;
}

.token.cdata {
	color: #808080;
}

.token.attr-name {
	color: #9cdcfe;
}

.token.attr-value,
.token.attr-value .token.punctuation {
	color: #ce9178;
}

.token.attr-value .token.punctuation.attr-equals {
	color: #d4d4d4;
}

.token.entity {
	color: #569cd6;
}

.token.namespace {
	color: #4ec9b0;
}
/*********************************************************
* Language Specific
*/

pre[class*="language-javascript"],
code[class*="language-javascript"],
pre[class*="language-jsx"],
code[class*="language-jsx"],
pre[class*="language-typescript"],
code[class*="language-typescript"],
pre[class*="language-tsx"],
code[class*="language-tsx"] {
	color: #9cdcfe;
}

pre[class*="language-css"],
code[class*="language-css"] {
	color: #ce9178;
}

pre[class*="language-html"],
code[class*="language-html"] {
	color: #d4d4d4;
}

.language-regex .token.anchor {
	color: #dcdcaa;
}

.language-html .token.punctuation {
	color: #808080;
}
/*********************************************************
* Line highlighting
*/
pre[class*="language-"] > code[class*="language-"] {
	position: relative;
	z-index: 1;
}

.line-highlight.line-highlight {
	background: #f7ebc6;
	box-shadow: inset 5px 0 0 #f7d87c;
	z-index: 0;
}

/** == Prism.js CSS Append == */

/** 行番号 */

pre[class*="language-"].line-numbers {
	position: relative;
	padding-left: 3.8em;
	counter-reset: linenumber;
}

pre[class*="language-"].line-numbers > code {
	position: relative;
	white-space: inherit;
/** 一行目のズレ防止 */
	margin: 0;
}

.line-numbers .line-numbers-rows {
	position: absolute;
	pointer-events: none;
	top: 0;
	font-size: 100%;
	left: -3.8em;
	width: 3em; /* works for line-numbers below 1000 lines */
	letter-spacing: -1px;
	border-right: 1px solid #999;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}

.line-numbers-rows > span {
	display: block;
	counter-increment: linenumber;
}

.line-numbers-rows > span:before {
	content: counter(linenumber);
	color: #999;
	display: block;
	padding-right: 0.8em;
	text-align: right;
}