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

.table-hidari01 {
 background-color: #FEF5E9;
 }


/* 「通常表示」用の装飾 */
table.large-only {
 border: 2px solid #77A538;
 border-collapse: collapse;
 width: 100%;
 }

table.large-only th {
 border-width: 2px 1px 3px 1px;
 border-style: solid dashed double dashed;
 border-color: #77A538;
 padding: 0.3em;
 background-color: #C5DF9F;
 }

table.large-only td {
 border-width: 1px;
 border-style: solid dashed;
 border-color: #77A538;
 padding: 0.3em;
 }


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


/* RESPONSIVE EXAMPLE */

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

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