@charset "UTF-8";

table.rt-responsive-table  {width:95%; margin:0 auto; padding:6px; border-collapse:collapse}
table.rt-responsive-table tr:nth-of-type(odd)  {background:#FFEEFF;}
table.rt-responsive-table th  {background:#fee0ec; color:black; font-weight:bold;
                               padding:6px; border:1px solid #e90756; text-align:center;}
table.rt-responsive-table td  {padding:6px; border:1px solid #e90756; text-align:left;}

table.rt-responsive-table.rt-vertical-table,
table.rt-responsive-table.rt-vertical-table thead,
table.rt-responsive-table.rt-vertical-table tbody,
table.rt-responsive-table.rt-vertical-table th,
table.rt-responsive-table.rt-vertical-table td,
table.rt-responsive-table.rt-vertical-table tr
  {display:block; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; float:left; clear:left; width:100%;}

table.rt-responsive-table.rt-vertical-table thead tr  {position:absolute;top:-9999px;left:-9999px}

table.rt-responsive-table.rt-vertical-table tr  {border:1px solid #e90756; border-top:none;}/*横のborderが二重になるのを防ぐため一旦border-topを全部消す*/
table.rt-responsive-table.rt-vertical-table tr:nth-child(1) {border-top:1px solid #e90756;}/*tableの一番上にborder-topを１本だけ引く*/

table.rt-responsive-table.rt-vertical-table td  {border:0; border-bottom:1px solid #eee; position:relative; padding-left:20%; width:100%!important; text-align:left!important;}

table.rt-responsive-table.rt-vertical-table td:before  {position:absolute;top:6px;left:6px; width:45%; padding-right:10px; white-space:nowrap; font-weight:bold;}