@charset "Shift_JIS";

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

div#title {
	padding:0.8em;
	margin:0.2em 0 0 0;
	clear:both;
}
div#title h1:first-letter {
	font-size:1.5em;
}
div#link {
	margin:1em 0 0 1em;
	font-size:0.8em;
}

div.menu > h2 {
	border:0;
	border-radius:10px / 10px;
}

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

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

/* TITLE */
div#title h1 {
	font-family:serif;
	font-size:2.5em;
	font-weight:bold;
	margin:0.1em 0.1em 0 0.1em;
}
div#title p {
	font-size:1.1em;
	margin:0 0 0 1.5em;
}

div.menu {
	border:2px ridge;
	border-radius:20px / 20px;
	margin:1em 0 0 0;
	padding:0.5em 1em;
}
div.menu > h2 {
	margin:0.3em 0 1em 0;
	padding:0.4em 0.5em;
}
div.menu > h2:before {
	content:"... ";
}
div.menu > h2:after {
	content:" ...";
}
div.menu > h3 {
	border:0;
	border-bottom:1px solid;
	margin:0.1em;
	padding:0.1em 0;
	font-size:1.1em;
}

div.menu dl {
	margin:0 0 1em 0.8em;
}
div.menu dl > dt {
	padding:0.3em 0 0 0;
}
div.menu dl > dt:before {
	content:"o ";
}
div.menu dd {
	margin:0 0 0 2em;
}

div.menu ul {
	border-top:1px dotted;
	margin:0.2em;
	padding:0.5em;
}
div.menu ul > li {
	display:inline;
	list-style:none;
	margin-right:1em;
	padding:0 0.4em;

	border-left:5px solid;
}

/*** --------- COLOR(DEFAULT) --------- ***/
/* TITLE */
div#title {
	background-color:#F0F0F0;
}
div#title h1 {
	color:#333333;
}
div#title h1:first-letter {
	color:#999966;
}
div#title p {
	color:#000000;
}

div.menu {
	border-color:#999999;
}
div.menu > h2 {
	color:#FFFFFF;
	background-color:#666666;
}
div.menu > h3 {
	border-bottom-color:#999999;
	background-color:transparent;
	color:#333333;
}
div.menu ul > li {
	border-left-color:#CCCCCC;
}

}

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

/* TITLE */
div#title {
	background-color:#333333;
}
div#title h1 {
	color:#FFFFFF;
}
div#title h1:first-letter {
	color:#EEEECC;
}
div#title p {
	color:#FFFFFF;
}

div.menu {
	border-color:#999999;
}
div.menu > h2 {
	color:#FFFFFF;
	background-color:#666666;
}
div.menu > h3 {
	border-bottom-color:#999999;
	background-color:transparent;
	color:#CCCCCC;
}
div.menu ul > li {
	border-left-color:#666666;
}

}

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

/* TITLE */
div#title h1 {
	font-family:sans-serif!important;
	font-size:2.2em!important;
	margin:0!important;
	text-shadow:none!important;
}
div#title p {
	font-size:0.8em!important;
	margin:0!important;
	padding:0!important;
	text-shadow:none!important;
}

div.of_lnk {
	font-size:0.8em!important;
	line-height:300%!important;
}

div.menu {
	border:1px solid;
	border-radius:15px / 15px;
	margin:1em 0 0 0;
	padding:0.5em 0.8em;
}
div.menu > h2 {
	border:7px double;
}
div.menu > h3 {
	border:2px solid!important;
	border-left:1em solid!important;
	margin:1em 0 0.3em 0!important;
	padding:0 0 0 0.8em!important;
}
div.menu dl {
	margin:0!important;
}
div.menu dl > dt {
	padding:0!important;
}
div.menu dl > dt > b > a {
	/*** lnkbtn ***/
	display:block;
	padding:1em 0.5em!important;
	margin:0.3em 0 0 0!important;
	text-align:left!important;
}
div.menu dl > dt:before, div.menu > h2:before, div.menu > h2:after {
	content:"";
}
div.menu dd {
	margin:0 0 1em 0;
}
div.menu ul {
	border:none!important;
	margin:0 0 0.5em 0!important;
	padding:0!important;
}
div.menu ul > li {
	list-style:none;
	margin:0!important;
	padding:0!important;
	border:0!important;
}
div.menu ul > li > a {
	/*** lnkbtn ***/
	display:block;
	padding:0.5em 1em!important;
	margin:0.3em 0 0 0!important;
	text-align:left!important;
}

/* AREA */
div#link {
	color:transparent!important;
	padding:2.5em 0!important;
	margin:1em 0 0 0!important;
}
div#link a {
	/*** lnkbtn ***/
	display:inline;
	padding:0.5em 0.7em!important;
	margin:0 0.1em 0 0!important;
	text-align:center!important;
}

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

/*** --------- COLOR(SP_DEFAULT) --------- ***/
/* TITLE */
div#title {
	background-color:#F0F0F0!important;
}
div#title h1 {
	color:#333333!important;
}
div#title h1:first-letter {
	color:#999966!important;
}
div#title p {
	color:#000000!important;
}

div.menu {
	border-color:#999999;
}
div.menu > h2 {
	border-color:#666666!important;
	background-color:#F0F0F0!important;

	color:#000000!important;
	text-shadow:none;
}
div.menu > h3 {
	border-color:#999999!important;
	background-color:#F8F8F8!important;

	color:#333333!important;
}

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

}

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

/* TITLE */
div#title {
	background-color:#333333!important;
}
div#title h1 {
	color:#FFFFFF!important;
}
div#title h1:first-letter {
	color:#EEEECC!important;
}
div#title p {
	color:#FFFFFF!important;
}

div.menu {
	border-color:#999999;
}
div.menu > h2 {
	border-color:#CCCCCC!important;
	background-color:#666666!important;

	color:#FFFFFF!important;
	text-shadow:2px 2px 1px #333333;
}
div.menu > h3 {
	border-color:#999999!important;
	background-color:#333333!important;

	color:#CCCCCC!important;
}

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

}

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

@media print {

/* TITLE */
div#title {
	border:3px double #999999;
	background-color:#FFFFFF;
}
div#title h1 {
	font-family:serif;
	font-size:2.5em;
	font-weight:bold;
	margin:0.1em 0.1em 0 0.1em;
	color:#000000;
}
div#title h1:first-letter {
	color:#666666;
}
div#title p {
	font-size:1.1em;
	margin:0 0 0 1.5em;
	color:#000000;
}

div.menu {
	border:1px solid #999999;
	border-radius:20px / 20px;
	margin:1em 0 0 0;
	padding:0.5em 1em;
}
div.menu > h2 {
	margin:0.3em 0 1em 0;
	padding:0.4em 0.5em;
	border:1px solid #999999;
	background-color:#F3F3F3!important;
	color:#000000;
	text-shadow:none;
}
div.menu > h3 {
	border:0;
	border-bottom:1px solid #999999;
	background-color:transparent;
	margin:0.1em;
	padding:0.1em 0;
	font-size:1.1em;
	color:#333333;
}

div.menu dl {
	margin:0 0 1em 0.8em;
}
div.menu dl > dt {
	padding:0.3em 0 0 0;
}
div.menu dl > dt:before {
	content:"o ";
}
div.menu dd {
	margin:0 0 0 2em;
}

div.menu ul {
	border-top:1px dotted #999999;
	margin:0.2em;
	padding:0.5em;
}
div.menu ul > li {
	display:inline;
	list-style:none;
	margin-right:1em;
	padding:0 0.4em;

	border-left:5px solid #CCCCCC;
}

}