@charset "utf-8";

/* 更新履歴表示用 バラ */

*,*::before,*::after { box-sizing: inherit;}
html { box-sizing: border-box;}
h1,h2,h3,h4,h5,img,p,ul,ol,li { margin: 0; padding: 0;}
img { border: none;}

/* -------------------- */
/* カスタム用色変更欄 */
/* -------------------- */
:root{
	--haikei-iro: #fafafa; /* 全体背景色 */
	--mozi-iro: #242424; /* メイン文字色 */
	--usu-mozi-iro: #aaaaaa; /* ↑よりちょっと薄い文字色 */
	--link-iro: #4f638c; /* リンクの色など */
	--link-hover-iro: #7d97b8; /* リンクにマウス乗せたときの色と強調のマーカー色 */
	--iconfont: "remixicon"; /* アイコンフォントの名前 */
}

/* 全体共通装飾 */
body {
	font-size: 0.9rem;
	line-height: 1.65;
	font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;
	margin: 0;
	padding: 0;
	background-color: var(--haikei-iro);
	color: var(--mozi-iro);
}

/* リンクの装飾 */
a { text-decoration: none; color: var(--link-iro); }
a:hover { color: var(--link-hover-iro); text-decoration: underline;}

/* 画像の基本設定 */
img { max-width: 100%;}

/* 埋め込み用スキン内部 */
.kousin-body { padding: 1rem;}

.kousin-body {
/* 日付境界バー非表示 */
.dateseparator{ display: none;}

/* 日付と記事タイトル横の余白 */
.kdate,.ktitlelink { margin-right: 0.3rem;}

/* カテゴリーの装飾 */
.categories { margin: 0 10px 0 0;}
.categorylink {
	display: inline-block;
	font-size: 0.7rem;
	color: var(--usu-mozi-iro);
	vertical-align: middle;
}
.categorylink:hover { color: var(--link-hover-iro);}

/* カテゴリーリンクの項目前にアイコンを付ける */
.categorylink::before {
	content:"\ED61";
	font-family: var(--iconfont);
	margin-right: 0.1rem;
}

/* カテゴリ間のセパレータ */
.catseparator {
	display: inline-block;
	margin: 0 1px;			/* 左右に1pxの余白 */
	color: var(--usu-mozi-iro);			/* 文字色 */
}

/* Powered by */
.kousinpb {
	font-size: 0.8rem;
	color: var(--usu-mozi-iro);
	margin-top: 1rem;
	text-align: right;
}}