@charset "Shift_JIS";

/*---[simoom.net]def_module:home---*/

div#title {
	clear:both;
}
div#title h1 {
	font-family:sans-serif;
	font-weight:900;
}

/* TITLE */
div#title td {
	padding:0;
	margin:0;
}

/* MAIN AREA */
div#doc > dl, div#doc > div, div#doc > span > div {
	margin:0 0 1em 0.8em;
}
div#doc dl > dt {
	padding:0.3em 0 0 0;
}
div#doc dl > dt:before {
	content:"o ";
}
div#doc dd {
	margin:0 0 0 1.2em;
}

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

/* TITLE */
div#title {
	padding:0.5em 0.5em 0.8em 0.5em;
	margin:0;
	border:0;
	border-bottom:1px solid;
}
div#title h1 {
	font-size:3.4em;
	margin:2px;
}
div#title p {
	font-size:0.9em;
	margin:0 0 0 1.5em;
}

/*** --------- COLOR(DEFAULT) --------- ***/

/* TITLE */
div#title {
	border-bottom-color:#333333;
}
div#title h1 {
	color:#333333;
	filter:
		drop-shadow(3px 2px 0px rgba(128, 128, 128, 0.6))
		drop-shadow(5px 4px 0px rgba(128, 128, 128, 0.3))
		drop-shadow(7px 6px 0px rgba(128, 128, 128, 0.1));

	padding-left:1.1em;
	transform:skewX(-15deg) scale(1.3, 1);
}

div#title img {
	filter:opacity(75%);
}

}

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

/* TITLE */
div#title {
	border-bottom-color:#666666;
}
div#title h1 {
	color:#CCCCCC;
	filter:
		drop-shadow(7px 6px 0px rgba(128, 128, 128, 0.1))
		drop-shadow(5px 4px 0px rgba(128, 128, 128, 0.3))
		drop-shadow(3px 2px 0px rgba(128, 128, 128, 0.6));

	padding-left:1.1em;
	transform:skewX(-15deg) scale(1.3, 1);
}
div#title img {
	filter:opacity(100%);
}

}

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

/* TITLE */
div#title {
	margin:0 0 1em 0!important;
	padding:0 0 0.8em 0.2em!important;
	border:15px double!important;
}
div#title h1 {
	line-height:120%!important;
	font-size:2.8em!important;
	margin:0!important;
	padding:0.4em 0 0 0!important;
	text-shadow:none!important;
}
div#title p {
	font-size:0.8em!important;
	margin:0 0 0.2em 0!important;
	padding:0!important;
}
div#title img {
	display:none!important;
}

/* DIVISION */
div#footer a.mrs {
	display:inline-block;
	font-size:0.8em!important;
	margin:2em 0!important;
	padding:0.3em 0.5em!important;
	text-align:right!important;
}

/* AREA */
span.diary {
	display:block;
	margin:0 0 1em 0!important;
}

/*** --------- COLOR(SP_DEFAULT) --------- ***/
/* TITLE */
div#title {
	background-color:#FFFFFF!important;
	border-color:#CCCCCC!important;
}
div#title h1 {
	color:#000000!important;
}
div#title p {
	color:#333333!important;
}

/* DIVISION */
div#footer {
	color:#000000!important;
}

div#footer a.mrs {
	background:linear-gradient(rgb(255,255,255), rgb(255,255,255))!important;
	border-color:#CCCCCC!important;
	color:#CCCCCC!important;
}

}

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

/* TITLE */
div#title {
	background-color:#1F1F21!important;
	border-color:#333333!important;
}
div#title h1 {
	color:#FFFFFF!important;
}
div#title p {
	color:#CCCCCC!important;
}

/* DIVISION */
div#footer {
	color:#FFFFFF!important;
}

div#footer a.mrs {
	background:linear-gradient(rgb(0,0,0), rgb(0,0,0))!important;
	border-color:#666666!important;
	color:#666666!important;
}

}

/* PRINT ---------------------------------------------------------- */

@media print {

div#menu {
	margin-right:0.8em;
	float:left;
}
div#menu ul {
	margin:0;
	padding:0;
}
div#menu > ul > li {
	margin:1em 0 0 0;
}
div#menu li {
	padding:0.2em 0;
}
div#menu ul ul {
	margin:0.2em 0 0 0;
	padding:0.2em 0 0 0;
	border-top:2px solid;
}
div#menu li li {
	border-bottom:1px solid;
}

}