@charset "UTF-8";
/***  for /m/  ***/

/** light mode **/
@media (prefers-color-scheme:light) {

	:root {
		--col-nav1: #fdd;
		--col-nav2: #fff;
		--col-bqbg: #ece5e5;	/* blockquote背景色 */
		--col-bq-p: #333;	/* blockquote文字色 */
		--col-g2t:  #7ee;
	}
}

/** dark mode **/
@media (prefers-color-scheme:dark) {

	:root {
/*
		--col-nav1: #744;
		--col-nav2: #511;
*/
		--col-nav1: transparent;
		--col-nav2: transparent;
		--col-bqbg: #877;	/* a99 */
		--col-bq-p: #000;
		--col-g2t:  #07f;
	}

	blockquote .cb { color:blue }
	blockquote .cp { color:#a0a; }
}


nav.top_menu a,div.top_menu a {
	background: -moz-linear-gradient(bottom,    var(--col-nav1), var(--col-nav2));
	background: -webkit-linear-gradient(bottom, var(--col-nav1), var(--col-nav2));
	background: linear-gradient(to top,         var(--col-nav1), var(--col-nav2));
}

h3 { margin-top:3px; }

blockquote {
	border:none;
	background-color: var(--col-bqbg);
	margin-top:10px; margin-bottom:10px;
}
blockquote p {
	color:var(--col-bq-p);
}

div.bq {
	border:none;
	width:93%; max-width:600px;
	background-color: var(--col-bqbg); 
	margin:10px 90px 10px var(--ind-blc); padding:6px 5px;
}
div.bq p {
	font-size:var(--font-sub);
	width:95%; max-width:550px;
	margin: 0px 0px 0px 18px;
	color:var(--col-bq-p);
}

nav.g2t,div.g2t { border-left-color:var(--col-g2t); }
img.g2t:hover{
	background-color: #b1eeff;
}



/** [短編] **/
span.tan { font-size:var(--font-sub); color:#8a8; }



/***** mobile *****/
@media (max-width: 701px) {

	div.bq   { margin:7px var(--ind-blc); }
	div.bq p { margin-left:8px; }
}


@media ( prefers-color-scheme: dark ) {

	blockquote p .cb {
		color:#119;
	}


}