@charset "Shift_JIS";

/*eCouponTable
----------------------------------------------------*/
  .eCouponTable{
    width: 100%; 
    border-collapse: collapse;
  }

  .eCouponTable td,
  .eCouponTable th{
    display: table-cell;
    padding: 15px 5px;
    border: 1px #ccc solid;
  }

/*waribikiTable
----------------------------------------------------*/
#waribikiTable thead{
  display: none;
}
#waribikiTable td,
#waribikiTable th{
  display: block;
}
#waribikiTable th{
  text-align: left;
}
#waribikiTable tr td:nth-of-type(2):before{
  content: "";
}
#waribikiTable tr td:nth-of-type(3):before{
  content: "[ｅ価格]";
}
#waribikiTable tr td:nth-of-type(4):before{
  content: "[割引]";
}
#waribikiTable tr td:nth-of-type(5):before{
  content: "[数量]";
}
#waribikiTable tr td:nth-of-type(6):before{
  content: "[小計]";
}
#waribikiTable tr td:nth-of-type(6){
  background-color: #bdffff;
}
#waribikiTable tr td:nth-of-type(2),
#waribikiTable tr td:nth-of-type(3),
#waribikiTable tr td:nth-of-type(4),
#waribikiTable tr td:nth-of-type(5),
#waribikiTable tr td:nth-of-type(6){
  text-align: left; 
}

#waribikiTable tr td:last-child{
  margin-bottom: 2em;
}
.ie9 #waribikiTable td,
.ie9 #waribikiTable th{
  float: left;
  width: 100%;
}








@media screen and (min-width:41.875em) {  /*670px*/
  #waribikiTable{
    width: 100%; 
    border-collapse: collapse;
  }

  #waribikiTable tr td:nth-of-type(2),
  #waribikiTable tr td:nth-of-type(3),
  #waribikiTable tr td:nth-of-type(4),
  #waribikiTable tr td:nth-of-type(5),
  #waribikiTable tr td:nth-of-type(6){
    text-align: right; 
  }

  #waribikiTable thead{
    display: table-header-group;
  }
  #waribikiTable td,
  #waribikiTable th{
    display: table-cell;
    padding: 15px 5px;
    border: 1px #ccc solid;
  }

  #waribikiTable thead td{
    color: #000000;
    text-align: center !important;
    background: #bdffff;
    padding: 5px 5px;
  }

  .ie9 #waribikiTable td,
  .ie9 #waribikiTable th{
    float: none;
    width: auto;
  }
  #waribikiTable tr td:nth-of-type(2),
  #waribikiTable tr td:nth-of-type(3),
  #waribikiTable tr td:nth-of-type(4),
  #waribikiTable tr td:nth-of-type(5),
  #waribikiTable tr td:nth-of-type(6){
    white-space: nowrap;
  }
  #waribikiTable tr td:nth-of-type(2):before,
  #waribikiTable tr td:nth-of-type(3):before,
  #waribikiTable tr td:nth-of-type(4):before,
  #waribikiTable tr td:nth-of-type(5):before,
  #waribikiTable tr td:nth-of-type(6):before{
    content: "";
  }

}