.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.4em; padding-top: 0; }
.st-key { width: 49%; text-align: right; padding-right: 0%; }
.st-val { width: 49%; padding-left: 1%; }



/* RESPONSIVE EXAMPLE */

.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }

@media (max-width: 800px) {
  .stacktable.large-only { display:  none; }
  .stacktable.small-only { display: table; }
}

 /* 「通常表示」用の装飾 */
table.large-only { border: 2px solid green; border-collapse: collapse; width: 100%; }
table.large-only th { border-width: 2px 1px 3px 1px; border-style: solid dashed double dashed; border-color: green; padding: 0.3em; background-color: #eeffee; }
table.large-only td { border-width: 1px; border-style: solid dashed; border-color: green; padding: 0.3em; }

/* 「展開表示」用の装飾 */
table.small-only {  border: 2px solid green; border-collapse: collapse; width: 100%;  }
table.small-only th { border-bottom: 1px solid green; }
table.small-only td { padding: 0.3em; }