/*/home/r9707686/public_html/uchinaa.org/site/modules/MarkupElement/cache/motifs/uchinaa.static.css*/
body	{
	--fonts: Verdana, Georgia;
	--sans: Verdana, sans-serif;
	--serif: Georgia, serif;
}/*/home/r9707686/public_html/uchinaa.org/site/templates/motifs/uchinaa/default.css*/
/*Default element settings*/

/*Structure*/
html	{
	/*width: 100vw; height: 100vh;*/
}
body	{
	/*max-width: 100%; height: 100%;*/
	margin: 0; padding: 0; line-height: 1.5em;
}
section	{ margin-bottom: 5em; }
div,
section	{ box-sizing: border-box; }
h1	{ margin: 2.5em auto; text-align: center; }
h2	{ margin: 2em auto; }
h3	{ margin: 1.5em auto; text-align: center; }
h4	{ margin: 1em auto; }
h5	{ margin: 0.5em auto; text-align: center; }
h6	{ margin: 0 auto; }
aside h3	{ margin: 1em auto; text-align: center; }
aside h4	{ margin: 0.75em auto; }
aside h5	{ margin: 0.5em auto; text-align: center; }
aside h6	{ margin: 0.25em auto; }
h1,	h2,	h3,	h4,	h5,	h6,	th	{ /*margin: 1em auto; */padding: 0; line-height: 2em; }
ul,	ol	{ margin: 1em auto 1em 1em; padding: 0; }
p, li	{ margin: 1em auto; padding: 0; }
form	{ margin: 0; }
input,	button	{
	box-sizing: border-box; line-height: 1.5em; padding: 0.25em 0.5em; border-width: 0.15em;
}
iframe	{ max-width: 100%; margin: 2em auto; }
figure	{ display: inline-block; margin: auto; }
figure,	img	{ max-width: 100%; margin-bottom: 1em; }
figure img	{ display: block; margin-bottom: initial; }
table	{
	border-collapse: collapse; border-style: solid; border-width: 2px;
}
table p,
table li	{ margin: 0.5em auto; }
th,	td	{
	border-style: solid; border-width: 1px; padding: 0.25em 0.5em;
}
hr	{ opacity: 0.5; margin: 1em auto; border-style: solid; }
rt	{ margin: -0.4em auto; }
blockquote	{ padding: 1px 2em; }
sub,
sup	{ position: relative; vertical-align: baseline; }
sub	{ top: 0.5em; }
sup	{ top: -0.5em; }


/*Print*/
@media print	{
	main	{
		box-shadow: none !important; background-color: transparent !important;
		font-family: var(--serif);
	}
	.utility,
	.block:not(main)	{ display: none; }
}
/*/home/r9707686/public_html/uchinaa.org/site/templates/motifs/uchinaa/color.css*/
/*ProcessWire default theme stylesheet*/
/*Primary color definitions*/
body	{
	--background: hsl( var(--c1hs), 90% );/* #f2f2f2;*/
	--backcloth: hsl( var(--c2hs), 98% ); --shadow-color: rgba(0,0,0,0.2);
	--shadow: 0px 1px 4px 0px var(--shadow-color);
	--menu-shadow: 0px 2px 3px 0px var(--shadow-color);
	--logo-color: var(--c1); --title-color: var(--c2);
	--font-color1: var(--c1-d);	--font-color1R: var(--c1-l);
	--font-color2: var(--c2-d);	--font-color2R: var(--c2-l);
	--background1: var(--c1lbg);	--background1R: var(--c1dbg);
	--background2: var(--c2lbg);	--background2R: var(--c2dbg);
	--tray-color: hsla( var(--c2hs), 60%, 0.80 );	--tray-colorR: hsla( var(--c2hs), 40%, 0.80 );
}
body.DBG,	.DBG body	{
	--background: hsl( var(--c1hs), 20% );
	--backcloth: hsl( var(--c2hs), 2% ); --shadow-color: rgba(0,0,0,0.4);
	--logo-color: var(--c1); --title-color: var(--c2);
	--font-color1: var(--c1-l);	--font-color1R: var(--c1-d);
	--font-color2: var(--c2-l);	--font-color2R: var(--c2-d);
	--background1: var(--c1dbg);	--background1R: var(--c1lbg);
	--background2: var(--c2dbg);	--background2R: var(--c2lbg);
	--tray-color: hsla( var(--c2hs), 40%, 0.80 );	--tray-colorR: hsla( var(--c2hs), 60%, 0.80 );
}


/*Tags*/
h1	{ color: hsl( var(--c1hs), 40% ); }
h2	{ color: hsl( var(--c1hs), 35% ); }
h3	{ color: hsl( var(--c1hs), 30% ); }
h4	{ color: hsl( var(--c1hs), 25% ); }
h5	{ color: hsl( var(--c1hs), 20% ); }
h6	{ color: hsl( var(--c1hs), 15% ); }
p	{ color: hsl( var(--c1hs), 10% ); }
.DBG h1	{ color: hsl( var(--c1hs), 60% ); }
.DBG h2	{ color: hsl( var(--c1hs), 65% ); }
.DBG h3	{ color: hsl( var(--c1hs), 70% ); }
.DBG h4	{ color: hsl( var(--c1hs), 75% ); }
.DBG h5	{ color: hsl( var(--c1hs), 80% ); }
.DBG h6	{ color: hsl( var(--c1hs), 85% ); }
.DBG p	{ color: hsl( var(--c1hs), 90% ); }

a	{ color: var(--navy); }
a:visited	{ color: var(--purple); }
a:hover,	a:active	{ color: var(--maroon); }
.DBG a	{ color: var(--sky); }
.DBG a:visited	{ color: var(--rose); }
.DBG a:hover,	.DBG a:active	{ color: var(--pink); }
.shown	{ color: var(--teal); }
.DBG .shown	{ color: var(--azure); }
a.void	{ color: grey; }
dfn	{ color: var(--orange); }
hr	{ color: var(--c2); }
input,	button	{
	color: var(--font-color2);
	background-color: var(--tray-color); border-color: var(--tray-color);
}
input:hover,
button:hover	{ background-color: var(--font-color2R);  border-color: var(--font-color2R); }
.home input, .home button	{
	color: var(--font-color1);
	background-color: var(--font-color1R);  border-color: var(--font-color1R);
}
.home input:hover,
.home button:hover	{ background-color: var(--background1); border-color: var(--background1); }

/*Inversion*/
.DBG .logo .titles	{ text-shadow: 0px 0px 8px rgba(255,255,255,0.3); }
.DBG .logo img	{ filter: drop-shadow( 0px 0px 8px rgba(255,255,255,0.3) ); }
.DBG body	{ background-color: hsl( calc( var(--c1h) + 30 ), var(--c1s), 20% ); }
.DBG .block,
.DBG .utility,	.DBG .bttb	{ filter: hue-rotate(30deg); }
.DBG .block .block	{ filter: inherit; }
.DBG .diagram	{ filter: invert() hue-rotate(150deg); }


/*Blocks*/
body	{ color: var(--font-color1); background-color: var(--background); }
.eye-catcher	{
	background: linear-gradient( to top right, var(--background), transparent );
}
.eye-catcher figcaption	{ color: var(--background); text-shadow: 1px 1px 2px rgba(0,0,0,0.5); }
.logo	{ color: var(--logo-color); }
.logo img	{ filter: drop-shadow( 2px 2px 4px rgba(0,0,0,0.3) ); }
.logo .titles	{ text-shadow: 2px 2px 4px rgba(0,0,0,0.3); }
.logo .title	{ color: var(--c1); font-family: Arial; }
.logo .subtitle	{ color: var(--c2); }
.sticky,
.dropdown.cursor .menu.l1	{ box-shadow: var(--menu-shadow); }
.primary-nav .menu-panel	{ background-color: var(--tray-color); }
.primary-nav .menu-panel:hover,
.primary-nav.retractable.touch:hover { background-color: var(--font-color2R); }
.lang-links img	{ box-shadow: var(--shadow); }
.main,
.sidebar	{
	background-color: var(--backcloth); box-shadow: var(--shadow);
}


/*Components*/
main .summary	{ background-color: var(--background2); }
main h2,
main h2 a	{ color: white; }
main h2	{ background: linear-gradient( to right, var(--c2), transparent ); }
.abstract .summary	{ background-color: var(--background2);/* border: solid 2px var(--font-color1R);*/ }
.abstract img	{ box-shadow: var(--menu-shadow); }
.abstract:is(.holder, .dynamic) :is(h2, h3, h4, h5, h6)	{
	color: var(--background1); background-color: hsl( var(--c1hs), 50% );
}
.abstract.taxon :is(h2, h3, h4, h5, h6)	{ width: fit-content;
	color: var(--background2); background-color: hsl( var(--c2hs), 50% );
}
.abstract:is(.holder, .dynamic, .taxon) .summary	{ background-color: transparent; }


/*Units*/
.search-box input	{ border-color: var(--c2); }
.sidebar .list	{ border-color:  var(--c2); }
/*.sidebar .item	{ border-color: var(--background); }*/
.icon	{ box-shadow: 0px 1px 4px 0px var(--shadow); }


/*Utilities*/
body	{ caret-color: transparent; } /*CKEditor*/
input, .pw-edit	{ caret-color: var(--c1-n); }
.note p,	.DBG ._note p,
p.note,	.DBG p._note	{ color: var(--maroon); }
.DBG .note p,	._note p,
.DBG p.note,	p._note	{ color: var(--pink); }
.warning,	.DBG .warning	{ color: var(--red); }
.suggested,	.DBG .suggested	{ background-color: var(--pink); }
.comment, DBG .comment,
.comment p, DBG .comment  p	{ color: var(--red); }
.quote	{ color: var(--font-color2R); }

.headline	{ color: var(--font-color1); }

.created .new:before { background-color: var(--red); color: #fff; }
.new	{ color: var(--green); }
.year-old	{ color: var(--orange); }

.menu a	{ color: var(--font-color2); }
.menu .item:hover >.item,
.menu .item:hover >a >.item	{ color: var(--teal); }
.DBG .menu .item:hover >.item,
.DBG .menu .item:hover >a >.item	{ color: var(--azure); }
.menu .items a:hover >.item,
.menu .items .item:hover >a	{ color: var(--purple); }
.DBG .menu .items a:hover >.item,
.DBG .menu .items .item:hover >a	{ color: var(--rose); }
.menu .queried	{ color: var(--maroon); }
.DBG .menu .queried	{ color: var(--pink); }

.toc >div	{ border-color: var(--font-color2); }
.toc	{ background-color: var(--tray-color); }
.toc:hover	{ background-color: var(--font-color2R); }


/*AddOns*/
.stick-to-top.fixed,
.stick-to-top .fixed	{ background-color: var(--tray-color); }
.stick-to-top.fixed:hover,
.stick-to-top .fixed:hover	{ background-color: var(--font-color2R); }

.dropdown.cursor .items.l1	{ background-color: var(--tray-color); }
.dropdown.cursor .items.l1 li:hover	{ background-color: var(--font-color2R); }

.retractable.touch,
.retractable.touch.absolute > div	{ background-color: var(--tray-color); }
/*.retractable.touch,
.retractable.touch.absolute > div	{ background-color: hsla( var(--c2hsl),0.85 ); }*/
.retractable.touch label > span,
.retractable.touch label > span:before,
.retractable.touch label > span:after	{ background-color: var(--font-color1); }

.shown	{ color: var(--teal); }
.DBG .shown	{ color: var(--azure); }
/*/home/r9707686/public_html/uchinaa.org/site/templates/motifs/uchinaa/font.css*/
/*Font properties*/
body	{ font-family: var(--fonts); }
body.sans,	.sans	{ font-family: var(--sans); }
body.serif,	.serif	{ font-family: var(--serif); }
.sans-header h1,
.sans-header h2,
.sans-header h3,
.sans-header h4,
.sans-header h5,
.sans-header h6	{ font-family: var(--sans); }
.serif-header h1,
.serif-header h2,
.serif-header h3,
.serif-header h4,
.serif-header h5,
.serif-header h6,
main cite,
main small,
blockquote	{ font-family: var(--serif); }

html	{ /*Applying to body does not work on Safari*/
	font-size: calc( (0.6vw + 0.4vh + 1rem)*0.7 );
}
h1	{ font-size: 200%; }
h2	{ font-size: 180%; }
h3	{ font-size: 160%; }
h4	{ font-size: 140%; }
h5	{ font-size: 120%; }
h6	{ font-size: 100%; }
p,	ul,	ol	{ font-size: 100%; }
li li	{ font-size: 95%; }
figcaption	{ font-size: 75%; line-height: 1.5em; }
input,	button	{ font-size: 80%; }
h1,	h2,	h3,	h4,	h5,	h6,	th,	strong,	b	{ font-weight: bold; }
a	{ text-decoration: none; }
h2 a,	h3 a,	h4 a,	h5 a,	h6 a { text-decoration: underline; }
a:hover	{ text-decoration: underline; }
/*hr	{ border-style: outset; }*/
:lang(ja) em,
:lang(ryu) em	{ font-style: normal; text-decoration: underline; }
.bold	{ font-weight: bold; }
.italic	{ font-style: italic; }
dfn	{ font-weight: bold; font-style: normal; }
:lang(ja) cite,	:lang(ryu) cite,
cite:lang(ja),	cite:lang(ryu)	{ font-style: normal; }
:lang(en) cite,	.roman cite,
cite:lang(en),	cite.roman	{ font-style: italic; }


/*Utilities*/
.note	{ font-size: 90%; }
.created,
.published,
.modified	{ font-weight: bold; }


/*Blocks*/
aside.unit,
footer.unit	{ font-size: 90%; }

/*Sidebars*/
aside .catalog	{ font-size: 90%; }
aside .component	{ line-height: 1.5em; }


/*Units*/
.logo .title	{
	font-family: var(--sans); font-size: 200%; font-weight: bold;
}
.logo .subtitle {
	font-family: var(--serif); font-size: 120%; font-weight: bold;
}

.search-box	input	{ font-size: 90%; }

.primary-nav	{ font-size: 90%; }
.primary-nav a:hover	{ text-decoration: none; }

.tray .breadcrumbs,
.tray .lang-links	{ font-size: 80%; font-weight: bold; }

.catalog	time	{ font-size: 90%; }

.utility	{ font-size: 90%; }
/*/home/r9707686/public_html/uchinaa.org/site/templates/motifs/uchinaa/size/size0.css*/
/**
 * Standard motif
 * Basic but versatile style-motif with limited restrictions.  
 * Restrictions:
 *	Up to 4 bars are accepted; 5 or more bars should be adjusted manually.
 */


/*Variables*/
body	{
	--rack: %rack%;
	--top: %top%;
	--number: %number%;
	height: max-content;
}


/*Root frameworks*/
.units	{
	width: 100%; box-sizing: border-box; /*overflow: hidden; */
}
.unit	{ max-width: 100%; }

/*Grid*/
.unit	{ grid-column: 1 / -1; }
.unit >.grid	{
	display: grid;
	grid-gap: var(--v-margin) var(--h-margin);
	/*margin: var(--v-margin) var(--h-margin);*/
}


@media only screen and (max-width: 22.4875em){
	.block	{ overflow-x: auto; } /**Temp: Conflicting dropdown lists*/
	aside .half,
	.third	{ margin-left: initial; margin-right: initial; }
}


@media	screen and (max-width: 44.9875em){
	/*.bars_1.main_ header	{ order: 10; }
	.bars_1.main_ nav	{ order: 10; }*/
	.bars_1.main_ main	{ order: 50; }
	.bars_1.main_ aside	{ order: 70; }
	.bars_1.main_ footer	{ order: 90; }
} /*End: media --44.9875em*/


@media	screen and (max-width: 56.2375em){
	.bars_2.main_ main	{ order: 50; }
	.bars_2.main_ aside	{ order: 70; }
	.bars_2.main_ footer	{ order: 90; }
} /*End: media --56.2375em*/


@media	screen and (max-width: 67.4875em){
	.bars_3.main_ main	{ order: 50; }
	.bars_3.main_ aside	{ order: 70; }
	.bars_3.main_ footer	{ order: 90; }
} /*End: media --67.4875em*/


@media	screen and (max-width: 78.7375em){
	.bars_4.main_ main	{ order: 50; }
	.bars_4.main_ aside	{ order: 70; }
	.bars_4.main_ footer	{ order: 90; }
} /*End: media --78.7375em*/


/*Utilities*/
.quater	{ max-width: 50%; }
/*/home/r9707686/public_html/uchinaa.org/site/templates/motifs/uchinaa/size/size1.css*/
@media screen and (min-width: 22.5em){
	/*Bars*/
	.bars_odd .grid	{ grid-template-columns: 1fr; }
	.bars_even .grid	{ grid-template-columns: 1fr 1fr; }
	.grid .bar	{ grid-column: span 1; }
	
	/*Utilities*/
	aside .half,
	.third	{ max-width: 50%; }
	.quater	{ max-width: 33.3%; }
}  /*End: media 22.5em--*/


@media screen and (min-width: 22.5em) and (max-width: 33.7375em){
	main .half	{ margin-left: initial; margin-right: initial; }
} /*End: media $bp1min-56.2375em*/
/*/home/r9707686/public_html/uchinaa.org/site/templates/motifs/uchinaa/size/size2.css*/
/*Size 2: sidebars inactive*/
@media	screen and (min-width: 33.75em){
	/*3 bars*/
	.bars_3 .grid	{ grid-template-columns: repeat( 3, 1fr ); }
	
	/*Utilities*/
	main .half	{ max-width: 50%; }
	aside .half,
	.third	{ max-width: 33.3%; }
	.quater	{ max-width: 25%; }
} /*End: media --44.9875em*/


/*@media	screen and (min-width: 33.75em) and (max-width: 44.9875em){

} /*End: media 33.75em-44.9875em*/
/*/home/r9707686/public_html/uchinaa.org/site/templates/motifs/uchinaa/size/size3.css*/
/*Size 3: 1 sidebar active*/
@media	screen and (min-width: 45em){
	/*1 bar*/
	.bars_1 .grid main	{ grid-column: span 3; }
	
	/*1, 4 bars*/
	.bars_1.main_ .grid,	.bars_4.main_ .grid	{ grid-template-columns: repeat( 4, 1fr ); }
	
	/*Utilities*/
	.bars_1 aside .half	{ max-width: 100%; margin: initial; }
	
} /*End: media 45em--*/


@media	screen and (min-width: 45em) and (max-width: 56.2375em){
	/*Optional: 2 bars with leftbar or rightbar
	.bars_2.main_.sidebar_	{ grid-template-columns: repeat( 4, 1fr ); }
	.bars_2.main_.sidebar_ .bar:not(.sidebar)	{ grid-column: span 3; }
	.bars_2.main_ .sidebar	{ grid-column: span 1; grid-row: span 2; }
	.bars_2.main_ .leftbar	{ order: 30; }
	.bars_2.main_ .rightbar	{ order: 60; }
	.bars_2.main_.leftbar_ .rightbar	{ grid-column: span 3; grid-row: span 1; }*/
	
} /*End: media 45em-56.2375em*/


@media	screen and (min-width: 45em) and (max-width: 67.4875em){
	/**Sample: 3 bars with leftbar or rightbar
	.bars_3.main_	{ grid-template-columns: repeat( 8, 1fr ); }
	.bars_3 main	{ grid-column: span 6; }
	.bars_3.main_.sidebar_ .bar:not(.sidebar)	{ grid-column: span 3; }
	.bars_3.main_ .sidebar	{ grid-column: span 2; grid-row: span 2; }
	.bars_3.main_ .leftbar	{ order: 30; }
	.bars_3.main_ .rightbar	{ order: 60; }
	.bars_3.main_.leftbar_ .rightbar	{ grid-column: span 3; grid-row: span 1; }*/

} /*End: media 45em-67.4875em*/


@media	screen and (min-width: 45em) and (max-width: 78.7375em){
	/*4 bars*/
	.bars_4 .grid main	{ grid-column: span 4; }

} /*End: media 45em-78.7375em*/
/*/home/r9707686/public_html/uchinaa.org/site/templates/motifs/uchinaa/size/size4.css*/
/*Size 4: 2 sidebars active*/
@media	screen and (min-width: 56.25em){
	/*Bars*/
	.bars_ .grid main	{ grid-column: span 3; }
	
	/*2 bars*/
	.bars_2.main_ .grid	{ grid-template-columns: repeat( 5, 1fr ); }
	/*Prov: .bars_2 .grid main	{ grid-column: span 3; }*/
	
	/*Utilities*/
	.bars_2 aside .half	{ max-width: 100%; margin: initial; }
} /*End: media 56.25em--*/


@media	screen and (min-width: 56.25em) and (max-width: 78.7375em){
	/**Sample: 4 bars
	.bars_4.main_	{ grid-template-columns: repeat( 10, 1fr ); }
	.bars_4 main	{ grid-column: span 6; }
	.bars_4.main_.sidebar_ .bar:not(.sidebar)	{ grid-column: span 3; }
	.bars_4.main_ .sidebar	{ grid-column: span 2; grid-row: span 2; }
	.bars_4.main_ .leftbar	{ order: 30; }
	.bars_4.main_ .rightbar	{ order: 60; }*/
	/**Adjust when with more than 3 sidebars*/
	
} /*End: media 56.25em-67.4875em*/
/*/home/r9707686/public_html/uchinaa.org/site/templates/motifs/uchinaa/size/size5.css*/
@media	screen and (min-width: 67.5em){
	/*3 bars*/
	.bars_3.main_ .grid	{ grid-template-columns: repeat( 6, 1fr ); }
	
} /*End: media 67.5em--*/


/*@media	screen and (min-width: 67.5em) and (max-width: 78.7375em){

} /*End: media 67.5em-78.7375em*/
/*/home/r9707686/public_html/uchinaa.org/site/templates/motifs/uchinaa/size/size6.css*/
@media	screen and (min-width: 78.75em){
	/*4 bars*/
	.bars_4.main_ .grid	{ grid-template-columns: repeat( 7, 1fr ); }
	
	/*Utilities*/
	.bars_ aside .half	{ max-width: 50%; } /**Prov: Margin*/
} /*End: media 78.75em--*/


/*@media	screen and (min-width: 78.75em) and (max-width: 89.9875em){

} /*End: media 78.75em-89.9875em*/
/*/home/r9707686/public_html/uchinaa.org/site/templates/motifs/uchinaa/size/size7.css*/
/*@media	screen and (min-width: 90em){

} /*End: media 90em--*/


/*@media	screen and (min-width: 90em) and (max-width: 105em){

} /*End: media 90em-104.9875em*/


@media	screen and (min-width: 105em){
	body	{ max-width: 105em; margin: auto; }
} /*End: media 105em--*/
/*/home/r9707686/public_html/uchinaa.org/site/templates/motifs/uchinaa/design.css*/
/*Design settings for uchinaa.net: inside blocks*/
/*Users*/
.component.user41	{
	padding: 0.25em 0.5em; border-radius: 0.25em; line-height: 1.25em;
	background-color: var(--maroon); color: white;
	font-size: 80%; font-weight: bold;
}
.DBG .component.user41	{ background-color: var(--pink); }


/*Homepage*/
/*.home main h2	{ border-top: solid 2px; }*/


/*General*/


/*Blocks*/
main h2	{
	margin-left: calc( -2*var(--h-margin) ); padding-left: var(--h-margin);
	margin-right: calc( -2*var(--h-margin) ); padding-right: var(--h-margin);
}

main h4:not(.headline)	{ border-bottom: 3px solid; }
main h6:not(.headline)	{ border-bottom: 2px solid; }
/*main h4:not(.headline)	{ text-decoration: underline; }*/
main .summary	{
	max-width: calc( 100% - 4em ); width: fit-content; margin: 2em auto; padding: 1em 2em;
}
main def.headline	{
	display: block; margin: 1em auto;
	font-size: 150%; font-weight: bold;
}
/*.title +.headline	{ margin-top: -2em; }*/
main img	{ max-width: min( 100%, 50em ); }
.abstract:is(.holder, .dynamic, .taxon) :is(h2, h3, h4, h5, h6)	{
	width: fit-content; padding: 0.25em 1.25em; border-radius: 2.5em;
}
.summary p:first-child	{ margin-top: 0; }
.summary p:last-child	{ margin-bottom: 0; }
.abstract .images ~:is(h3, h5)	{ text-align: left; }
.abstract .images ~.summary	{ max-width: 100%; margin-left: 0; }
.catalog img	{ background-color: white; }


/*Utilities*/
figcaption:before	{ content: "◆"; }
:is(h2, h3, h4, h5, h6) br	{ display: none; }
.poem p	{ margin: 1em auto; line-height: 2em; margin: }
.footnotes	{ text-align: right; }
.footnotes small	{ display: inline-block; text-align: left; }
.footnotes :is(h4, h5, h6)	{ border-bottom: 2px solid; }
.temporary	{ text-decoration: underline dashed; }

iframe:before	{ content: "bob"; }


/*Page specific*/
.__iroha-uta :is(ul, ol) li	{ font-size: 95%; }
.__iroha-uta img.portrait	{ max-width: 40%; }
/*/home/r9707686/public_html/uchinaa.org/site/templates/motifs/uchinaa/structure.css*/
/*Structure settings for uchinaa.net: outside blocks*/
/*Variables*/
body	{
	--v-margin: 2vh; --h-margin: 2vw;
	--min-fr: 15rem; /*240px*/
	--header-width: 100vw/*calc( 100vw - var(--h-margin)*2 )*/;
	--logo-height: 8em; --logo-margin: 1em;
	--nav-height: 3em; --nav-border: 1px;
	--header-height: 100vh; /*calc( 100vh - var(--nav-height) );*/
}


/*Frame and blocks*/
.motif	{ min-width: 100%; min-height: 100vh; }
.motif .frame	{ padding: var(--v-margin) var(--h-margin); }
.tray	{ overflow: hidden; max-height: var(--tray-height); }
main,
.sidebar,
footer	{ padding: var(--v-margin) calc( var(--h-margin) ); }
/*section*/


/*Header*/
/*.header	{ border-width: 0 0 7px 0; border-style: solid; }*/
.header	{
	width: calc( var(--header-width) - var(--h-margin)*2 ); max-width: 100vw; margin: auto;
}
.home .header	{ position: relative; width: var(--header-width); }
.eye-catcher	{ height: var(--header-height); }
.eye-catcher >*	{ position: relative; z-index: -1; }
/*.touch .eye-catcher >*,
.narrow .eye-catcher >*{ height: var(--header-height); }*/
.home .logo	{
	position: absolute; bottom: var(--h-margin); left: var(--h-margin);
}
.logo >.inner	{ display: flex; align-items: center; justify-content: center; }
.logo img	{
	margin: var(--logo-margin); max-width: calc( 100% - 2vw );
	height: calc( var(--logo-height) - var(--logo-margin)*2 );
}
.logo .titles	{ line-height: initial; }
.sticky	{ position: sticky; top: 0; z-index: 2; }
.slide	{ position: relative; }
.slide >.inner	{
	position: sticky; top: calc( var(--nav-height) + var(--v-margin) ); z-index: 1;
}
.tray	{ margin: 0/* var(--h-margin)*/; }


/*Main*/
main >.inner,
.sidebar >.inner	{
	position: sticky; top: calc( calc( var(--nav-height) + var(--v-margin) ) );
	/*margin: calc( var(--v-margin) ) calc( var(--h-margin) );*/
}
main >.inner,
main .catalog	{ margin: var(--v-margin) var(--h-margin); }
/*.created,	time.modified,	time.published	{ float: right; }*/

/*Sidebar*/
.sidebar >.inner	{ width: fit-content; margin: auto; }
/*aside .catalog	{ margin: calc( var(--v-margin)/2 ) calc( var(--h-margin)/2 ); }*/
._toc	{ left: var(--h-margin); }
/*/home/r9707686/public_html/uchinaa.org/site/templates/motifs/uchinaa/units.css*/
/*Structure settings for standard motif*/

/*Header*/


/*Home block*/


/*Middle block*/
.primary-nav .menu.l0	{ width: fit-content; margin: auto; }
.tray .breadcrumbs	{ float: left; }
.tray .lang-links	{ float: right; }
.tray .lang-links ul	{ margin: 0; list-style-type: none; }
.tray .breadcrumbs li,
.tray .lang-links li	{ margin: 0; }


/*Main block*/


/*Side blocks*/
.search-box,
.lookup	{
	/*float: right; width: calc( var(--min-fr) - var(--h-margin)*2 );*/
	margin: var(--v-margin) var(--h-margin);
}
.search-box input,
.lookup input	{
	padding-left: 1em; border-radius: 0.25em; border: none; outline: none;
}
.search-box button,
.lookup button	{ margin-left: 0.5em; border-radius: 2em; }


/*Footer*/