@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&display=swap');
/* 更新履歴表示用 バラ */

*,*::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: #ffffff; /* 全体背景色 */
	--mozi-iro: #333333; /* メイン文字色 */
	--usu-mozi-iro: #aaaaaa; /* ↑よりちょっと薄い文字色 */
	--link-iro: #63b8d1; /* リンクの色など */
	--link-hover-iro: #63b8d1; /* リンクにマウス乗せたときの色と強調のマーカー色 */
	--iconfont: "remixicon"; /* アイコンフォントの名前 */
}

/* 更新履歴(外枠) */
iframe.kframe {
	display: block;
	border: 0px solid lightgray;/* 外枠の線 */
	width: 100%;/* 外枠の幅 */
	max-width: 600px;/* 外枠の最大幅 */
	height: 100px;/* 外枠の高さ */
	margin: 0 auto 3rem;
	scrollbar-base-color: #63b8d1;
}


/* 全体共通装飾 */
body {
	font-size: 0.9rem;
	line-height: 1.65;
	font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Segoe UI", "Meiryo", sans-serif;
	margin: 0;
	padding: 0;
	background-color: var(--haikei-iro);
	color: var(--mozi-iro);
}

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

/* 画像の基本設定 */
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;
}}