@charset "utf-8";
@media only screen and (max-width:600px){
  table.List{
    display: block;
    margin-left:0px;
    border-collapse: collapse;
    margin:0 10px 30px 10px;
  }
    table.List thead{
      display: none;
    }
    table.List tbody{
      display: block;
    }
      table.List tbody tr{
        display: block;
        margin-bottom: 1.5em;
        padding-bottom:1em;
        border-bottom:#ccc solid 1px;
        width:92%;
      }
      table.List tbody th,
      table.List tbody td{
        display: list-item;
        border: none;
      }

      table.List tbody td{
        margin-left: 5px;
        padding: 0;
        list-style-type: none;
      }
      table.List tbody td.title {
        font-weight:bold;
        text-indent:-3em;
        padding-left:3em;
      }
      table.List td.stock,
      table.List td.price1,
      table.List td.price2{
        text-align:left;
        text-indent:-3em;
        padding-left:3em;
        width:98%;
      }

      table.List td.price2ColorBlack{
        text-align:left;
        text-indent:-3em;
        padding-left:3em;
        width:98%;
      }
      table.List tbody td:nth-of-type(1):before { content: "[券種] "; }
      table.List tbody td:nth-of-type(2):before { content: "[在庫] "; }
      table.List tbody td:nth-of-type(3):before { content: "[定価] "; }
      table.List tbody td:nth-of-type(4):before { content: "[販売価格] "; }
}