@charset "utf-8";

:root {
	/* 色設定 */
/* 
	--main-text-color: #59514e;
	--body-bg-color: #FEFAEE;
	--article-bg-color: #FEFAEE80;
	--accent: #74a31c;
 */
	--main-text-color: #333333;
	--body-bg-color: #e7e7e7;
	--article-bg-color: #fafafa;
	--accent: #8463af;
}
/* 
body{
	background: #E9DFD3 url(../img/bg.jpg) scroll;
}
 */
	/* 元から記述がある「scream」「code」「separator」 */
 .deco-scream
	{
	font-size: 1.2rem;
	}

 .deco-code
	{
	background-color: color-mix(in srgb, var(--main-text-color) 10%, transparent);
	border-radius: 5px;
	padding: 0.2em 0.5em;
	font-family: 'Courier New', Courier, monospace;
	}

 .deco-separator
	{
	display: block;
	border-bottom: 1px dotted gray;
	}

	/* 引用を「q」から「blockquote」に変更した場合 */
 blockquote.decorationQ
	{
	background-color: color-mix(in srgb, var(--main-text-color) 15%, transparent);
	font-size: 0.9rem;
	margin: 0.5em 0;
	padding: 1em 2em;
	position: relative;
	}
 blockquote.decorationQ:before
	{
	color: color-mix(in srgb, var(--main-text-color) 60%, transparent);
	content: "\f10d";
	font-family: 'Line Awesome Free';
	font-weight: 900;
	left: 6px;
	position: absolute;
	top: 0;
	}
 blockquote.decorationQ:after
	{
	bottom: 0;
	color: color-mix(in srgb, var(--main-text-color) 60%, transparent);
	content: "\f10e";
	font-family: 'Line Awesome Free';
	font-weight: 900;
	position: absolute;
	right: 6px;
	}

 .deco-q
	{
	background-color: color-mix(in srgb, var(--main-text-color) 15%, transparent);
	font-size: 0.9rem;
	padding: 0.2em 0.5em;
	}
 .deco-q:before
	{
	color: color-mix(in srgb, var(--main-text-color) 60%, transparent);
	content: "「";
	}
 .deco-q:after
	{
	color: color-mix(in srgb, var(--main-text-color) 60%, transparent);
	content: "」";
	}

	/* 検索結果の強調「strong」から「mark」に変更した場合（emとbackground-color以外ほぼ同じ） */
 mark.searchword
	{
	background-color: transparent;
	background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, color-mix(in srgb, var(--accent) 40%, transparent) 50%);
	font-style: normal;
	font-weight: bold;
	margin: 0 0.2em;
	padding: 0 0.2em;
	}

	/* 順序リスト */
 ol.decorationL
	{
	padding-left: 1.5rem;
	list-style-position: outside;
	margin: 0.5em 0;
	}

	/* 定義リスト */
/* 
 dl.decorationL
	{
	padding-left: 1.5rem;
	margin: 0.5em 0;
	}
 */
 dl.decorationL dt
	{
	font-weight: 700;
	}
 dl.decorationL dd
	{
	margin-left: 0;
	margin-bottom: 0.25em !important;
	}
 dl.decorationL dd:last-of-type
	{
	margin-bottom: 0;
	}

	/* カテゴリ限定表示「fanfiction」もアクセントをつける（配布元ではカテゴリー「novel」だけ） */
 body.cat-fanfiction header nav.category a[href*="cat=fanfiction"]
	{
	border-bottom: 4px solid var(--accent);
	color: var(--accent);
	}

	/* 小説を明朝体にする（配布元ではカテゴリー「novel」だけ） */
 article.fanfiction div.comment
	{
	font-feature-settings: normal;
	font-family: "Noto Serif JP", serif;
	}

	/* 記事の日付やカテゴリーを右寄せにする */
 article div.oneloginfo
	{
	text-align: right !important;
	}

	/* topとbottomのpaddingを同じにする（元はbottomだけ4rem） */
 article
	{
	padding-bottom: 2rem !important;
	}

	/* 鍵の余白を空ける */
 form.passkeyform
	{
	margin-top: 1rem !important;
	}

	/* 一覧ではリンクが目立たないようにする */
 body.toppage  div.comment a.url
,body.deeppage div.comment a.url
	{
	text-decoration: none !important;
	color: var(--main-text-color) !important;
	font-weight: normal !important;
	}

	/* 一覧ではリンクアイコンを表示しない */
 body.toppage  div.comment a.url::before
,body.deeppage div.comment a.url::before
	{
	content: none !important;
	}

	/* タイトルは大きくする */
 div.comment b a.title
	{
	font-size: 1.1rem !important;
	}

	/* 投稿単独ページのタイトルは下線を引かずリンクがないように見せる */
 body.onelog div.comment b a.title
	{
	text-decoration: none !important;
	color: var(--main-text-color) !important;
	}

	/* メールアドレスにアイコンをつける */
 a[href="mailto:info@sakatori.net"]:before
	{
	content: " \f0e0";
	font-family: "Line Awesome Free";
	font-weight: 900;
	}

	/* カテゴリーにアイコンをつける */
 div.oneloginfo a.categorylink:before
	{
	content: " \f07b";
	font-family: "Line Awesome Free";
	font-weight: 900;
	}

	/* 投稿日時にアイコンをつける */
 div.oneloginfo time.postdate a:before
	{
	content: " \f017";
	font-family: "Line Awesome Free";
	font-weight: 900;
	}

	/* 「text」ページの説明の検索アイコン */
 a[href="#search"]:before
	{
	content: " \f002";
	font-family: "Line Awesome Free";
	font-weight: 900;
	}

	/* カテゴリーの概要のリンク調整 */
 div.catdescript a
	{
	text-decoration: underline;
	text-underline-offset: 0.25em;
	}

	/* カテゴリー概要のリンクにアイコンをつける */
 div.catdescript a[target^="_blank"]:before
	{
	content: " \f35d";
	font-family: "Line Awesome Free";
	font-weight: 900;
	}

	/* ハッシュタグの色を薄くする */
 div.comment a.taglink
	{
	/* opacity: 0.7 !important; */
	font-size: 0.9rem !important;
	}

	/* ハッシュタグとハッシュタグの間を作る */
 div.comment a.taglink+a.taglink
	{
	margin-left: 0.5rem;
	}

	/* RSSのアイコンの色をそれっぽくする */
 .la-rss
	{
	color: #ee802f !important;
	}


	/* 記事中のリンクの色を変える */
 div.comment     a.url
,div.comment     a.title
,div.comment     a.postidlink
,div.comment     a.taglink
,div.catdescript a
,article.comment a.url
,body.grandhome  article.comment a
	{
	color: #687abb ;
	}

 div.comment     a.url:hover
,div.comment     a.title:hover
,div.comment     a.postidlink:hover
,div.comment     a.taglink:hover
,div.catdescript a:hover
,article.comment a.url:hover
,body.grandhome  article.comment a:hover
	{
	color: var(--accent) !important;
	}

	/* リンクボタンの色を白に戻す */
 div.comment a.uc-btn
,div.comment a.uc-btn:link
,div.comment a.uc-btn:visited
,div.comment a.uc-btn:hover
	{
	color: var(--sub-bg-color) !important;
	}

	/* ページ送りのリンクは下線を引かない */
 a.pagenumlink
	{
	text-decoration: none;
	}

	/* 画像リンクのリンクアイコンを外す */
 div.comment a[target~="_blank"]:has(img):before
	{
	content: none !important;
	}