@charset "Shift_JIS";

/* 十七番街倉庫 通常ページ用 */

/*** --------- COLOR(DEFAULT) --------- ***/
@media screen and (min-width: 751px) {

body {
	background-color:#FFFFFD;
	background-image:url(../cwmokka/img/bg_l.gif);
	color:#000000;
}
blockquote {
	border-left-color:#666699;
	color:#666699;
}

a:link    { color:#0000FF; }
a:visited { color:#990099; }
a:active  { color:#00FF00; }
a:hover   { color:#FF3333; }
th        { background-color:#CCCCCC; }

/* COLOR(text) */
.emps { color:#726250; }
.gray { color:#494A41; }

/* HEADING */
div#header {
	border-left-color:#5A544B;
}
div#header h1 {
	color:#5A544B;
}

/* LINK */
div.llnk {
	background-color:#CCCCCC;
}
div.llnk a, div.llnk span {
	background-color:#FFFFFD;
}

}

/*** --------- COLOR(DARK_MODE) --------- ***/
@media screen and (min-width: 751px) and (prefers-color-scheme: dark) {

body {
	background-color:#1F1F21;
	background-image:url(../cwmokka/img/bg.gif);
	color:#FFFFFF;
}
blockquote {
	border-left-color:#CCCC99;
	color:#CCCC99;
}

a:link    { color:#8099FF; }
a:visited { color:#8099FF; }
a:active  { color:#8080FF; }
a:hover   { color:#8080FF; }

/* COLOR(text) */
.emps { color:#7DA584; }
.gray { color:#999999; }

/* HEADING */
div#header {
	border-left-color:#9898C6;
}
div#header h1 {
	color:#9898C6;
}

/* LINK */
div.llnk {
	background-color:#333333;
}
div.llnk a, div.llnk span {
	background-color:#1F1F21;
}

}

/* UNIQUE ---------------------------------------------------------- */

@media print {

div#main::before {
	display:block;
	border:1px solid #999999;
	color:#999999;
	content:"【十七番街倉庫跡地】 https://www.simoom.net/cwmokka/";
	margin-bottom:0.5em;
}

}

/* TITLE */
div#title h1 {
	font-family:serif;
}

/* カウンター枠(色固定) */
img.cnt {
	border:1px solid #000000;
}

/*****************/

@media screen and (min-width: 751px) {

/* TITLE */
div#title h1 {
	font-size:2.8em;
	font-weight:bold;
	margin:0 0 0.2em 0;
	padding:0 0.3em;
}

/* TITLE */
div#title h1 {
	background-color:#D6C6AF;
	color:#5A544B;
}

}

@media screen and (min-width: 751px) and (prefers-color-scheme: dark) {

/* TITLE */
div#title h1 {
	background-color:#3E454E;
	color:#9898C6;
}

}

/*****************/

@media screen and (max-width: 750px) {

/* TITLE */
div#title h1 {
	background-color:#333333;
	color:#FFFFFF;
	font-size:2.2em;
	padding:0 0.3em!important;
	margin:0 0 0.5em 0!important;

	transform-origin:top left;
	transform:scaleX(0.8);
	width:120%;
}

}