@charset "Shift_JIS";

/* 十七番街倉庫 伝説地図用 */

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

body {
	background-color:#FFFFFD;
	background-image:url(../cwmokka/img/bg_lm_l.gif);
	background-repeat:repeat-y;
	color:#333333;
}

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

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

}

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

body {
	background-color:#1F1F21;
	background-image:url(../cwmokka/img/bg_lm.gif);
	background-repeat:repeat-y;
	color:#CCCCCC;
}

a:link    { color:#2485A0; }
a:visited { color:#2485A0; }
a:active  { color:#00FFFF; }
a:hover   { color:#8080FF; }

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

}

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

div#main {
	margin-left:80px!important;
}
blockquote {
	margin-left:70px;
}
h1 {
	font-family:serif;
	font-weight:bold;
}

img {
	mix-blend-mode:difference;
}

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

img {
	mix-blend-mode:normal;
}

}

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

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

h1 {
	font-size:2.8em;
	margin:0.2em 0;

	color:#6666CD;
}

}

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

h1 {
	color:#6666CD;
}


}

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

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

h1 {
	font-size:2.2em;
	padding:0!important;
	margin:0 0 0.5em 0!important;

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

div#main {
	margin-left:0!important;
}

h1 {
	background-color:#EFEFEF;
	color:#333366;
}

}

@media screen and (max-width: 750px) and (prefers-color-scheme: dark) {

h1 {
	background-color:#333333;
	color:#FFFFFF;
}

}

@media print {

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

div#main {
	margin-left:0!important;
}

}