@charset "utf-8";

/* ======================================================
 *tepra-pro_sp.css
 * ------------------------------------------------------
====================================================== */

@media only screen and (max-width: 767px) {
  .brand_table-layout {
    overflow: hidden;
  }
  .brand_table-layout *{
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  .brand_table-layout .brand_table_caption {
    font-size: 10px;
  }
  .brand_table-layout .table_inner{
    width: 100%;
    overflow-x: scroll;
  }
  .brand_table-layout .fixed_header_display_none_at_print {
    margin-top: 55px;
  }
  .brand_table-layout .fixed_header_display_none_at_print:nth-of-type(3){
    height: 160px !important;
  }
  .brand_table-layout .table_unit {
    table-layout: fixed;
    width: 100%;
  }
  .brand_table_width {
    width: 135px;
  }
  .brand_table-layout .table_unit  th,
  .brand_table-layout .table_unit  td {
    padding: 8px 0;
    border: 1px solid  #ddd;
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
  }
  .brand_table-layout .table_unit thead th {
    padding: 15px;
  }
  .brand_table-layout .table_unit thead th img {
    width: 104px;
    height: auto;
  }
  .brand_table-layout .table_unit  th.brandLogo {
    background: #f4f5f9;
    padding: 15px 35px;
    width: 135px !important;
  }
  .brand_table-layout .table_unit  th.brandLogo img {
    width: 64px;
  }
  .brand_table-layout .table_unit  th.brandLogo.logobg {
    border-bottom: none;
    line-height: 0;
    padding: 0;
  }
  .brand_table-layout .table_unit  th.brandLogo.logoMain {
    border-top: none;
    padding-top: 0;
  }
  .brand_table-layout .table_unit  th.brandCat {
    padding: 6px 10px;
    color: #fff;
  }
  .brand_table-layout .table_unit  th.brandCat.cat01 { background-color: #00b386;}
  .brand_table-layout .table_unit  th.brandCat.cat02 { background-color: #1fc0f3;}
  .brand_table-layout .table_unit  th.brandCat.cat03 { background-color: #e6a31e;}
  .brand_table-layout .table_unit  th.brandCat.cat04 { background-color: #f23f90;}
  .brand_table-layout .table_unit  th.brandCat.cat05 { background-color: #622b8f;}
  .brand_table-layout .table_unit  th.brandHead01 {
    font-weight: bold;
  }
  .brand_table-layout .table_unit tbody > tr:nth-child(2n) {
    background: #e1edfc;
  }
  .brand_table-layout .table_unit tbody > tr:first-child {
    background: #95c4fc;
  }
  .brand_table-layout .brand_table_cellInner {
    text-align: center;
  }
  .brand_table-layout .brand_table_cellInner > span {
    display: inline-block;
    vertical-align: top;
    margin:0 10px;
  }
  
  
}