/* CSS Document */

/*--------------------------------------------------------------------------heading */
div.tableBox.approach th,
div.tableBox.approach td {
  font-size: 92.8%;
  min-width: 0;
  vertical-align: middle;
}
div.tableBox table.responsive {
  width: 960px;
}
.eventNew {
  display: block;
  color: #f00;
  font-weight: bold;
  font-size: 10px;
}
.eventDate {
  display: none;
}
.eventContact {
  display: none;
}

.eventLink {
  padding-left: 20px;
  line-height: 1.8;
  display: inline-block;
  background: transparent url(/common/images/bg-icon-external.png) left center no-repeat;
}

.eventPdfLink {
  padding-left: 20px;
  line-height: 1.8;
  display: inline-block;
  background: transparent url(/common/images/bg-icon-pdf.png) left center no-repeat;
}


#eventPrefHdr01,
#eventPrefHdr02,
#eventPrefHdr03,
#eventPrefHdr04,
#eventPrefHdr05,
#eventPrefHdr06
{
  /*width: 7%;
   */
  width: 42px;
}
#eventTypeHdr01,
#eventTypeHdr02,
#eventTypeHdr03,
#eventTypeHdr04,
#eventTypeHdr05,
#eventTypeHdr06
{
  /*
  width: 10%;
  */
  width: 70px;
}
#eventNameHdr01,
#eventNameHdr02,
#eventNameHdr03,
#eventNameHdr04,
#eventNameHdr05,
#eventNameHdr06
{
  /*width: 41%;*/
  width: 354px;
}
#eventDateHdr01,
#eventDateHdr02,
#eventDateHdr03,
#eventDateHdr04,
#eventDateHdr05,
#eventDateHdr06
{
  /*width: 17%;*/
  width: 150px;
}
#eventContactHdr01,
#eventContactHdr02,
#eventContactHdr03,
#eventContactHdr04,
#eventContactHdr05,
#eventContactHdr06
{
  /*width: 25%;
   */
  width: 213px;
}

/*----------------------------------------------------------------------------------------------------------------- SP ----*/
@media screen and (max-width: 640px) {
  /*
  #eventPrefHdr,
  #eventTypeHdr,
  #eventNameHdr,
  #eventDateHdr,
  #eventContactHdr {
    width: auto;
  }
    */
  .nowrap {
    white-space: nowrap;
  }
  table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td {
    display: table-cell;
  }
  /*
  #eventPrefHdr01,
  #eventPrefHdr02,
  #eventPrefHdr03,
  #eventPrefHdr04,
  #eventPrefHdr05,
  #eventPrefHdr06 {
    min-width: 50px;
  }
  #eventTypeHdr01,
  #eventTypeHdr02,
  #eventTypeHdr03,
  #eventTypeHdr04,
  #eventTypeHdr05,
  #eventTypeHdr06 {
    min-width: 70px;
  }
  #eventNameHdr01,
  #eventNameHdr02,
  #eventNameHdr03,
  #eventNameHdr04,
  #eventNameHdr05,
  #eventNameHdr06 {
    min-width: 300px;
  }
  #eventDateHdr01,
  #eventDateHdr02,
  #eventDateHdr03,
  #eventDateHdr04,
  #eventDateHdr05,
  #eventDateHdr06 {
    min-width: 120px;
  }
  #eventContactHdr01,
  #eventContactHdr02,
  #eventContactHdr03,
  #eventContactHdr04,
  #eventContactHdr05,
  #eventContactHdr06 {
    min-width: 160px;
  }
    */

  div.tableBox {
    overflow: visible;
  }
  div.tableBox.approach th,
  div.tableBox.approach td {
    padding: 5px;
  }
  .tableResponsive {
    overflow: hidden;
    overflow-x: auto;
  }
/*
  .tableResponsive::-webkit-scrollbar {
    width: 5px;
    background: #e5e5e3;
  }
  .tableResponsive::-webkit-scrollbar-thumb {
    background: #21A6EB;
    border-radius: 2px;
  }
*/

  div.tableResponsive {
    margin: 0 0 20px;
    overflow-x: auto;
  }
  div.tableResponsive::-webkit-scrollbar{
    width: 5px;
    background: #E5E5E3;
  }
  div.tableResponsive::-webkit-scrollbar:horizontal{
    height: 5px;
    background: #E5E5E3;
  }
  div.tableResponsive::-webkit-scrollbar-thumb{
    background: #21A6EB;
    border-radius: 2px;
  }
  div.tableResponsive::-webkit-scrollbar-thumb:horizontal{
    background: #21A6EB;
    border-radius: 2px;
  }
}