@font-face { font-family:Biolinum; src:url(../fonts/LinBiolinum_R.woff); }
@font-face { font-family:Biolinum; src:url(../fonts/LinBiolinum_RB.woff); font-weight:bold; }
@font-face { font-family:Biolinum; src:url(../fonts/LinBiolinum_RI.woff); font-style:italic; }
@font-face { font-family:Libertine; src:url(../fonts/LinLibertine_R.woff); }
@font-face { font-family:Libertine; src:url(../fonts/LinLibertine_RB.woff); font-weight:bold; }
@font-face { font-family:Libertine; src:url(../fonts/LinLibertine_RI.woff); font-style:italic; }
@font-face { font-family:Libertine; src:url(../fonts/LinLibertine_RBI.woff); font-weight:bold; font-style:italic; }

body { background-color:#fda; font-family:Biolinum; }
h1 { font-family:Libertine; font-size:120%; padding: 12px 0; }
h2 { font-family:Libertine; font-size:112%; padding: 8px 0; }
h3 { font-family:Libertine; font-size:100%; padding: 4px 0; font-weight:normal }
.head { background-color:#eee!important; border-radius: 8px 8px 0 0; }
.right { float:right; cursor:pointer; }
.left { float:left; }
.SeSu { position: absolute; width:240px; visibility:hidden; z-index:5; }

#igrid { display: grid; grid-gap: 0 12px; grid-template-columns: 200px 300px; grid-template-rows: auto auto auto; }
#ihead { grid-row: 1 / 3; font-weight:bold; font-size:120%; font-family:Libertine; }
#iintro { text-align:justify; }
#browsewarn { font-weight:bold; color:#f00; }
@supports (display:grid) {
	#browsewarn { display:none; }
}
#ilogin { padding-top:12px; }
#ilogin label { display:inline-block; width:80px; }
#ilogin input { width:160px; }
#ifoot { grid-column: 1 / 3; text-align:right; font-size:72%; padding-top:30px;}

#footer { text-align:right; margin-top:18px; }
#footer a { text-decoration:none; color:#000; }
#footer a i { transform:scaleX(-1); }

/*#let-grid > div { display: block; }/**/
@supports (display:grid) {
	#let-grid { display: grid; grid-gap: 0 12px; grid-template-columns: 200px auto; grid-template-rows: 100px 40px auto; }
}
#let-head { grid-area: 1 / 1 / 3 / 2; font-weight:bold; font-size:120%; font-family:Libertine; padding:16px 8px; }
#let-body { grid-area: 1 / 2 / 4 / 3; max-height: calc(100vh - 56px); max-width:calc(100vw - 180px); overflow:auto; }
.let-result { display:block; background-color:#fff5e2; margin:2px; padding:16px; }
.let-result:hover { background-color:#fff9eb; }
.let-title { font-weight:bold; }
.let-expo { margin-left:16px; }
.let-note { margin-left:16px; margin-top:4px; font-style:italic; }