@charset "Shift_JIS";

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

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

div#tab {
	clear:both;
}
div#tab ul {
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	margin:1em 0 0 0;
	padding:0;
}
div#tab li {
	margin:0 0 1px 0;
	padding:0.5em 0.6em;
	border-radius:5px 5px 0 0 / 5px 5px 0 0;
	border-top:1px solid;
	border-left:1px solid;
	border-right:1px solid;
	list-style-type:none;
}
div#tab li.ns {
	border-bottom:1px solid;
}
div#tab hr {
	display:none;
}

/*** --------- COLOR(DEFAULT) --------- ***/
div#tab li {
	border-top-color:#666666;
	border-left-color:#666666;
	border-right-color:#666666;
	background-color:#FFFFFD;
}
div#tab li.ns {
	border-bottom-color:#666666;
	background-color:#F0F0F0;
}

}

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

div#tab li {
	border-top-color:#666666;
	border-left-color:#666666;
	border-right-color:#666666;
	background-color:#1F1F21;
}
div#tab li.ns {
	border-bottom-color:#666666;
	background-color:#333333;
}

}

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

div#tab {
	margin:0 0 0.5em 0!important;
	padding:0.2em 0.5em 0 0.5em!important;
	border:1px dashed!important;
}
div#tab:before {
	content:"���ڎ���";
}

div#tab ul {
	margin:0 0 0.5em 0!important;
	padding:0!important;
}
div#tab li {
	display:block!important;
	margin:0!important;
	padding:0!important;
	border:1px solid!important;
	border-radius:5px / 5px!important;
}

div#tab li a, div#tab li {
	padding:0.5em 0.6em!important;
	display:block!important;
}
div#tab li.ns {
	padding:0!important;
}

/*** --------- COLOR(SP_DEFAULT) --------- ***/
div#tab {
	background-color:#F8F8F8!important;
	border-color:#999999!important;
}

div#tab li {
	background-color:#EEFFEE!important;
	border-color:#666666!important;
}
div#tab li.ns {
	background-color:#EEEEEE!important;
}

}

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

div#tab {
	background-color:#252527!important;
	border-color:#666666!important;
}

div#tab li {
	background-color:#223322!important;
	border-color:#666666!important;
}
div#tab li.ns {
	background-color:#222222!important;
}

}