.table-001-container{
  padding:0;
  margin-left:10px;
}
.table-001-pager-container{
  padding:0;
  margin: 5px;
  text-align: center;
}
.table-001-grid{
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  text-overflow: ellipsis;
  list-style: none;
}
.table-001-grid > *{
  display: inline-block;
}
.table-001-card{
  border-radius: 2px;
  padding: 0.5em 0.25em;
  margin: 0.5em 0.25em;
  box-shadow: 0px 1px 6px rgba(0,0,0,0.12), 0px 1px 6px rgba(0,0,0,0.24);
}
.table-001-img figure{
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
.table-001-img{
  position: relative;
  padding: 145% 0 0;
  overflow: hidden;
}
.table-001-img img{
  position: absolute;
  bottom: 0;
  left: 0;
  /*width: 60%;*/
  width: 100%;
}
.table-001-info{

}
.table-001-title{
  height: 3.2rem;
  line-height: 1.3;
  word-break: break-all;
  overflow: hidden;
}
.table-001-brand{
  height: 1rem;
  line-height: 1;
  padding: 3px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  position: relative;
  background-color: white;
  box-shadow: 0 -10px 10px -6px #FFFFFF;
}
.table-001-releasedate{
  height: 1rem;
  line-height: 1;
  padding: 3px 0;
  white-space: nowrap;
  position: relative;
  background-color: white;
}
.table-001-price1{
  line-height: 1;
  padding-bottom: 2px;
  background-color: white;
  position: relative;
}
.table-001-price2{
  line-height: 1;
  padding-bottom: 2px;
  background-color: white;
  position: relative;
}
/* pager */
div.table-001-pager-container{
  text-align: center;
}
ul.pager {
      margin: 0;
      list-style: none;
      display: inline-block;
}
ul.pager li {
      float: left;
      margin-right: 5px;
      border: 1px #2A2A2A solid;
      font-weight: bold;
}
ul.pager li.prev,
ul.pager li.next {
      border: none;
}
ul.pager li a {
      position: relative;
      display: block;
      padding: 3px 8px;
      color: #2A2A2A;
}
ul.pager li a:link,
ul.pager li a:visited {
      text-decoration: none;
}
ul.pager li a:hover,
ul.pager li a:active {
      background-color: #AADDFF;
      text-decoration: none;
}
ul.pager li em {
      display: block;
      padding: 3px 8px;
      background: #2A2A2A;
      color: #FFFFFF;
}

/* media query */
@media (min-width: 0px) {
  .table-001-list{
    width:49%;
  }
}
@media (min-width: 351px) {
  .over600-3cl{
    width:32%;
    font-size: 0.8em;
  }
}
@media (min-width: 600px) {
  .over600-3cl{
    width:32%;
    font-size: 1em;
  }
}
@media (min-width: 800px) {
  .over800-4cl{
    width:24%;
    font-size: 1em;
  }
}
@media (min-width: 1100px) {
  .over900-5cl{
    width:19%;
    font-size: 1em;
  }
}
@media (min-width: 1250px) {
  .over1100-6cl{
    width:16%;
    font-size: 1em;
  }
}
@media (min-width: 1920px) {

}