@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{
  --color-text: #5c6981;/* フォントの色 */
  --color-accent: #e7b8c4;/* 強調色。リンクの色など */
  --color-accent2: #88a0b9;/* 強調色。リンクの色など */
  --color-accent3: #e7b8c4;/* 強調色。リンクの色など */
  --color-bg: rgba(255, 255, 255, 0.7);/* コンテンツ背景色と透明度 */
  --color-wh: #fff;
  --color-grey: rgba(0, 0, 0, 0.5);
  --color-mgrey: rgba(0, 0, 0, 0.2);
  --color-lgrey: rgba(0, 0, 0, 0.05);
	--iconfont: "remixicon"; /* アイコンフォントの名前 */
}

/* 全体共通装飾 */
body {
	font-size: 0.8rem;
	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(--color-text);
}

/* リンクの装飾 */
a:link,
a:visited {
    color: var(--color-accent2);
    text-decoration: none; /* ← これだけでアンダーライン全体を無効化 */
    transition: 0.3s;
}

a:hover {
    color: var(--color-accent);
}

a img {
    transition: 0.3s;
    /* マウスホバー時のアニメーション */
}

a img:hover {
    opacity: 0.5;
    /* マウスホバー時に半透明に */
}

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

/* カテゴリーリンクの項目前にアイコンを付ける */
.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.7rem;
	color: var(--usu-mozi-iro);
	margin-top: 1rem;
	text-align: right;
}}