@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@300..500&display=swap');

/* フォントのライセンス表記 */
/*
'Overpass' is licensed under the Open Font License.
https://fonts.google.com/specimen/Overpass
*/

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

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

/* 全体共通装飾 */
body {
	font-size: 0.7rem;
	line-height: 1.8;
	letter-spacing: 0.1rem;

border-radius: 3px;

	font-family: 'メイリオ', 'ヒラギノ角ゴ', 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: none; }

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

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

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

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

.kdate {
	font-size: 0.6rem;
	letter-spacing: 0.1rem

}

/* カテゴリーの装飾 */
.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.5rem;
	color: var(--usu-mozi-iro);
	margin-top: 1rem;
	text-align: right;
}}
