/* History
=================================== */

.hs-tbl-ttl { background:#e33c7d; font-size:120%; padding:0.5em; margin-bottom:10px; color:#fff; }

.hs-tbl table { width:100%; }
.hs-tbl table th, .hs-tbl table td { border:#e086a9 1px solid; border-collapse:collapse; vertical-align:top; padding:0.4em 0.5em; line-height:160%; text-align:left; }
.hs-tbl table th { background:#e33c7d; color:#fff; }

#hs-tbl-idx table th { width:33%; }
#hs-tbl-idx table td:nth-child(1) { font-weight:bold; }

#hs-tbl-dtl { padding-bottom:20px; }
#hs-tbl-dtl table td:nth-child(1) { width:3.0em; text-align:center; font-weight:bold; color:#C70025; }

.hs-txt { padding-bottom:20px; line-height:160%; }

.hs-mov { /* for space */ font-size:0; }
.hs-mov li { display:inline-block; width:31.3%; margin:0 1% 10px 1%; vertical-align:top; /* for space */ font-size:1rem; }

#hs-btn-back { width:17.0em; margin:0 auto 1.0em auto; text-align:center; font-size:120%; }
#hs-btn-back a { display:inline-block; position:relative; width:100%; padding:1.0em 0; border-radius:2.2em; line-height:130%; font-weight:bold; color:#fff; text-decoration:none; background:#e33c7d; transition: opacity 0.2s ease-out; }
#hs-btn-back a::before { display:inline-block; position:absolute; top:1.95em; left:2.2em; margin-right:0.7em; content:"◀︎"; font-size:50%; }
#hs-btn-back a:hover { opacity:0.5; }

/* ------------ Media Queries ------------ */

@media all and (max-width: 767px) {

.hs-mov li {  width:48%; margin:0 1% 10px 1%; }

#hs-btn-back { font-size:100%; }

}

@media all and (max-width: 500px) {

.hs-mov li { width:100%; margin:0 0 10px 0; }

}