@charset "UTF-8";


/*
*/
.main, .subwin{width:auto;}


/* 一般インライン要素 */
* a {color:blue; }
* a:active, * a:hover {color:green; }
/*
font{background:black;}
td.note{ background-color:transparent;}
*/
table{margin:0;}

tr{
	background-color:rgba(255,255,255,0.8);
}
tr:nth-child(even){/*:not(.v5,.v6)*/
  background-color:rgba(255,255,255,0.4);
}
.bgwhite tr{
	background-color:rgba(255,255,255,0.8);
}
.bgwhite tr:nth-child(even){
  background-color:rgba(255,255,255,0.5);
}


tr.gray, tr.v5{ background:#ded;}
tr.word{ background:#dde;}
tr.nv, div.nv{display:none;}
tr.v5 td{color:brown; }

/* for td */
td{	padding:2px 0;}
td *{letter-spacing:inherit;}	/*font-size:inherit;  font-size:11px;*/
td a, td a:link, td a:visited{color:mediumblue; }
td a:active, td a:hover {background:yellow; }
td.vv, td.note{	font-size:1.5rem;}
td .head{color:brown; margin:inherit; padding-left: inherit;}
/*tr.v5, 
td:not(.word):not(.cate):not(.posi){	font-size:1.5rem;}
td.vv a, td.note a, td.flag a{color:blue;}
td.r0 a, td.r1 a, td.r2 a, td.v0 a, td.v1 a, td.v2 a{color:green; }
*/
/*--------------------------------------*/
.v1 .vv{color:darkgreen; }
.v2 .vv, .v2 .note{color:olive; }
.v3 .vv, .v4 .vv, .v3 .note, .v4 .note{color:maroon; }
/*--------------------------------------*/

/*.r0,.r1,.gray{font-size:11px;}
.C td.vv div:not(.rr), .K td.vv div:not(.rr){font-size:1.06rem;}
.word,.cate{font-size: 0.9em;}
 * */
/******* FONT-SIZE ***********************/
.thno, .thpo, .thtag, .thfla{font-weight: normal;}
td.posi,.flag{font-size: 1.2rem; color:darkgray;}
.flag{color: darkslategray;}
.head{color: black;}
td.posi{background-color:#eee;}

.thno{width: 26px;}
.thpo{width: 50px;}
.thtag{width: 40px;}
.thfla{width: 22px;}

/* to enable td overflow hidden */
table.fixed {
table-layout: fixed;
}

.flag, .posi, .cate, td.word {
  overflow: hidden;
  white-space: nowrap;/*tail overflow*/
  position: relative;
}
.word > div, .posi div{color:maroon; font-size: 12px;}
.pop button,.flag button,.posi button,.flag input{/*,.posi button height:18px; */
	font-size:12px;
}
.px19 td.vv{
	font-size:19px;
}
.px23 td.vv{
	font-size:23px;
}
/*default css off*/
/*
.vv b{color:maroon;}
input, button, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
* */

/*
colgroup******************
* .colmid{	background:#eee; }
* .collink{	background:#eee; }lightcyan
valid only:
    background
    border (border-collapse: collapse;の場合のみ)
    width
    visibility
**************************/
.colno{	text-align:right; }


.flag button,.posi button,.word button{
	padding:0 2px;
}
.list {
    border: 1px solid gold;
    border-radius: 6px;
}

/*:not(#box1)
.pop button{
	padding:0 6px;
}
.pop input[type="text"]{
	margin:2px 2px;
}
.pop .handle{width:auto; text-align:center;}
.flag button{
	margin-right:2px; 
}
.flag button{	width:14px;}	border-radius: 4px; background:gainsboro;
.posi button{ padding:0 1px;}
.scene a,.scene b{margin:0 0.4rem;}
.monitor b{color:darkgreen;}
*/

button.done, span.done{	color:brown;}
button.hpad{	padding:0 0.2rem;}
.lay1 button{font-size:8px; padding:0; margin:0 0 0 0.1rem; height:16px;}
.scen .flag{ color:maroon;}


/*
.bar a:link, .bar a:visited{color: wheat;}
.bar a:active, .bar a:hover {color:yellow; }
 * */

/* Font Size font-weight:bold;
 *  margin:0; padding:0;
----------------------------------*/
/*
h4, h5 {
	color:tomato; margin:0.1rem; font-size:11px;
}
form button{margin:0 0.6rem;}
button{ margin:0; padding:0 0.1rem; font-size:12px; height:21px;}
	margin:18px 0 10px 0; padding:0 6px;
textarea{border:solid 2px #36f; }background:inherit; 
span.ub{background:inherit;}
a{
	text-decoration:none; 	background:#555555;
}
.done h3 {color:crimson; border:4px groove silver; background:beige;}
input.nume{text-align:right; padding:0 0.1rem}
*/
input[type="checkbox"]{margin:0 0.2rem; padding:0;	font-size:8px;}
td input[type="checkbox"],td input[type="radio"]{
margin:0 4px 0 0;
}

input.para{width:2rem; padding:0 0.1rem}

/***** COMBINATIONS *****/

.para ._ma, .main ._su, .ed ._vi, ._fi, ._ne{display:none;}
.find ._fi, .new ._ne{display:block;}
.find table._fi{display:table;}
.new tr._ne{display:table-row;}
span.mark, td.para{ /*, .see .mark, .v0 .v0 .mark lime */
	color:navy;background:palegreen;
}
/*	font-size:inherit; line-height:inherit; letter-spacing:inherit;*/

.messtodo{color:maroon;}


.ns, button.ns { border-top:2px red solid; }	/* new scene */
/*.ma .vv, .v1 .vv, .v2 .vv, .v3 .vv, .v4 .vv {color:darkslategray;} */

button.el, .el div { color:brown; }		/* elders */
button.ch, .ch div { color:green; }		/* children */
/*button.ma, .ma div { color:crimson;}*/	/* mark background:yellow; */

.m0 div, .m1 div, .le div, button.le{ color:blue; }
.m2 div, .m3 div{ color:royalblue; }
.f0 div, .f1 div{ color:deeppink; }
.w2 div, .w3 div{ color:hotpink; }

/*.m0 div,.w0 div,.op div{text-decoration:underline;}*/

button.le:before, .le div:before{ content:"●"; }/*⭕◉*/
button.en:before, .en div:before{ content:"■"; }
button.of:before, .of div:before{ content:"🅞"; }
button.pe:before, .pe div:before{ content:"▲"; }
button.el:before, .el div:before{ content:"🅴"; }
button.ch:before, .ch div:before{ content:"🅲"; }
button.no:before, .no div:before{ content:"△"; }
div.A1:before{ content:"🍎"; }
div.A6:before{ content:"🍏"; }
.ma div:before{
	content:"∇"; font-weight:bold; color:crimson; background-color:yellow;
	margin-right: 2px;
}/*, button.ma:before*/


/*.m0 div, .w0 div, .op div{	color:white;}
button.le, button.en, button.of{text-decoration:underline;}
button.pe, button.le, button.ch { color:blue; }
.si div { color:orange; }
button.si { color:orange; }
button.si { content:"● "; }
{	background:hotpink;}
{	background:blueviolet;}
 * */
/*
.posi div{border:1px dotted silver;}
.sk{color:gray;}
.scene form{margin-bottom:0.1rem;}
.scene b{color:blue;}
.bar {
	position:relative;  height:22px; line-height:1.2rem; 
	font-size:12px;	border:1px outset goldenrod;
	margin:0;	padding:0.2rem; background-color:darkgreen;
}
#buvie_{position:absolute; bottom:0; left:0;}
.bar span{margin:0;}border:1px outset goldenrod;	
	 v middle*/
#jump{margin-bottom:0.4rem;}
#posi{width:60px;}
#ng{color:crimson;}
#range { position:absolute;top:2px;right:100px;}
#guess{
background:beige; color:dimgray; padding:0.8rem;
position:absolute; top:30px; left:30px; width:90%;
}

table.panel{margin:0; padding:0; border:none; background:transparent; width:100%;}
table.panel td{border:1px solid silver; }
td.textc{text-align:center; vertical-align:middle;}
td.textr{text-align:right; vertical-align:middle;}
td textarea{margin:0;}
td .rr{text-align:right;}

/* ACHIEVE */
.vals h4{color:yellow; margin:0.6rem 0;}


.note .colmid{
	background:#223322;
}

.achie{	background-color:white;}
.achie *{font-size:inherit;}
.achie b{ padding:0 0.3rem; }
b.ach_{color:green;}
b.achm{color:greenyellow;text-shadow: 1px 1px 1px #222;}
b.achi{color:sienna;}

td u, pre u{
	text-decoration:none;	background-image: linear-gradient(transparent 90%, #9ff 0);
}
.v0 td u, .v0 pre u{
	color: transparent;
}

u.form{
	background-color:gold
}
.ref u.refnote, .ref u.form{
	color: #000;/**/
}
.adj u.refadj, .adv u.refadv{
	color: #006;/**/
}
.pron u.refpron, .prep u.refprep, .plain u.refpron, .plain u.refprep{/*.plain: for iprev*/
	color: dimgray;
	background-image: none;
}
.auxi u.refauxi{
	color: #00e;/**/
}
.verb u.refverb{
	color: #600;/**/
}
.word u.refword, .noun u.refnoun{
	color: #060;/**/
}
.hada u.refhanja, .hada u.refhada{
	color: #606;/**/
}
/*pre b, td b{color:peru;}*/
span.nume:not(.skip){
	background-color: white;
	color: purple;/*peru:#cd853f maroon:#800000 #ffd700 gold, #ffff00 yellow*/
}

/* .refpron, .refprep, .refauxi, .refadv, .refadj, .refnoun, .refverb{visibility: none;}
 .vv u{color:white;}
 .pron .refpron, .prep .refprep, .auxi .refauxi, .adv .refadv, .adj .refadj, .noun .refnoun, .verb .refverb{color:white;}
 */
/*
	background-image: none;
.title{ color:darkslategray;	font-size:12px; font-weight:bold;}
*/
.titl{margin:0 0 0.2rem 0; color:darkgreen; font-size:15px;}
.tit1{	border:0px dotted silver; }
.tit2{	width:340px;}

#slide{letter-spacing:0px; font-family:'MS UI Gothic'; background:gray;}
#slia{color:lime; font-weight:bold;}
#slib{color:silver;}
.noall{display:none;}

.route, .route a{
	font-size:11px; color:dimgray;
}



.brig{float:right; width: 400px; border:0px dotted silver;}

#where{color: gray;}
.mar {margin-top:0.4rem;}
.err {font-size:12px; color:red;}
.edit{font-size:12px; color:blue; }


/******* VIEWPORT *****/
@media screen and (max-width: 480px){
	.plus{	display:none;	}
	#fontSize{display:none;}
	.role, .nopr .rr{display:none;}

	.thno{width: 10px;}
	.thpo{width: 26px;}
	.thtag{width: 22px;}
	.thfla{width: 14px;}

	.tool .rr{float:right;}
}
/*
	body{
		margin:0px; font-size:0.8rem;
	}
	li,td{
		font-size:10px;
	}
	textarea,td{	padding:1px 0; font-size:10px;}
	header h2{font-size:120%;}
	.rr{float:none; text-align:right;}
@media screen and (max-width: 400px){
}
*/