@charset "UTF-8";
.list_tab {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
   padding: 5px 0;
  margin: 1em 0 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.list_tab li {
  line-height: 1.5;
  margin: 0 2px;
  /*width: calc(10% - 4px);*/
}
.list_tab li a {
  border: 1px solid #999;
  width: 100%;
  text-align: center;
  display: block;
  color: #333;
  background: #eee;
   padding: 0.325em 1.74em;
  margin: 3px 0;
  border-radius: 4px;
  text-decoration: none;
  font-size:16px;
}
.npd_guide {
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.npd_guide > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0.75em;
}

.npd_guide .n, .npd_guide .p, .npd_guide .d, .npd_guide .s,.npd_guide .pdf, .npd_guide .vid, .npd_guide .sem
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  color: #fff;
  padding: 0 0.5em;
  margin-right: 0.25em;
}

.npd_guide .n {
  background: #90b444;
}

.npd_guide .p {
  background: #7990aa;
}

.npd_guide .d {
  background: #c08dbb;
}

.npd_guide .s {
  background: #3f51b5;
}

.npd_guide .s {
  background: #3f51b5;
}

.npd_guide .pdf {
  background: #f44336;
}
.npd_guide .vid {
  background: #ff9800;
}
.npd_guide .sem {
  background: #2196f3;
}


@media screen and (max-width: 599px) {
  .list_tab li {
    width: calc(20% - 4px);
  }
}

/*.list_tab li a {
  border: 1px solid #999;
  width: 100%;
  text-align: center;
  display: block;
  color: #333;
  background: #eee;
  padding: 0.25em 0;
  margin: 3px 0;
  border-radius: 4px;
  text-decoration: none;
  font-size:16px;
}*/

.list_tab li a:hover {
  opacity: 0.7;
}

.list_tab li.pav {
  font-size: 13px;
  width: auto;
}

.list_tab li.pav a {
  background: #fff;
  padding: 0.25em 0.325em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.list_tab li.pav a .ic {
  color: #000;
  background: rgba(0, 169, 157, 0.2);
  padding: 0 3px;
  margin-right: 3px;
  border-radius: 3px;
}

.item_comment {
  margin: 0 0 1em;
}

.item_comment .ctc {
  font-size: 1em;
  font-weight: bold;
}

.item_comment .ctc span {
  font-size: 0.875em;
  font-weight: normal;
}

.item_comment .ctc:before {
  display: none;
  content: "\f00c";
  font-family: "Font Awesome 5 Solid";
}

.item_comment ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0.75em;
}

.item_comment ul li {
  font-size: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0.325em 0 0;
  margin-right: 0.875em;
}

.item_comment ul li p.icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 75%;
  border-radius: 3px;
  color: #fff;
  padding: 0 0.5em;
  margin-right: 0.25em;
}

.item_comment ul li p.icon.sub {
  color: #fff;
  background: #777;
}

.item_comment ul li p.tx {
  font-size: 87.5%;
}

.to_search a {
  font-size: 1.25em;
  font-weight: bold;
}

.to_search a:before {
  display: none;
  content: "\f00e";
  font-family: "Font Awesome 5 Solid";
}

.list_group {
  margin: 30px 0 60px;
}

.target50 {
  background:#333;
  color: #FFF;
  font-weight:bold;
  border-radius: 6px 6px 0 0;
  font-size: 1.25em;
  padding: 0.75em 0;
  text-align: center;
  /*width: calc(100% - 1em);*/
  margin: 0 auto;
}

.list_group table {
  width: 100%;
}

.list_group table th, .list_group table td {
  border: 1px solid #ccc;
  padding: 0;
  font-size: 1em;
}

.list_group table th {
  background: #eee;
  padding: 0.5em;
  text-align: center;
  /*white-space: nowrap;
  display: none;*/
}

.list_group table td {
  padding: 0;
}

.list_group table td.event {
  width: calc(12em + 5px);
  padding: 0em 0.5em;
}

.list_group table td.event .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}

.list_group table td.event .wrap > div {
  font-size: 13px;
  width: 2.5em;
  text-align: center;
  padding: 2px 0;
  border-radius: 3px;
  color: #fff;
	margin:auto
}

.list_group table td.event .wrap > div.et {
  background: #ed7a3e;
  margin-right: auto;
  width: 15em;
  line-height:12px;
  font-size:10px;
}

.list_group table td.event .wrap > div.iot {
  background: #3e9ced;
  margin-left: auto;
  width: 10em;
}

.list_group table td.name {
  font-size: 1em;
  padding: 0.5em;
}

.list_group table td.name a {
  /*display: block;*/
}

.list_group table td.name.sub {
  padding-left: 2em;
}

.list_group table td.name.sub:before {
  content: "− ";
}

.list_group table td.new_focus {
  text-align: center;
}

.list_group table td.new_focus a {
  font-size: 13px;
}

.list_group table td.new_focus a.none {
  display: none;
}

.list_group table td.new_focus a.n:before {
  content: "新規";
}

.list_group table td.new_focus a.f:before {
  content: "注目";
}

.list_group table td.new_focus a.nf:before {
  content: "新規・注目";
}

.list_group table td.npd_t, .list_group table td.newAttent {
  text-align: center;
  padding: 0 0.5em;
}

.list_group table td.npd_t a, .list_group table td.newAttent a {
  font-size: 13px;
  line-height: 1;
}

.list_group table td.npd_t a.none2 {
  display: none;
}

.list_group table td.npd_t a.boo:before {
  content: "ブース内情報";
}

.list_group table td.themezone {
  text-align: center;
}

.list_group table td.themezone .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.list_group table td.themezone .wrap p {
  width: 2.5em;
  font-size: 13px;
  border-radius: 3px;
  padding: 2px 0.5em;
  color: #fff;
}

.list_group table td.themezone .wrap p.none {
  background: rgba(0, 169, 157, 0.2);
  color: #000;
}

.list_group table td.themezone .wrap p.hd, .list_group table td.themezone .wrap p.soft, .list_group table td.themezone .wrap p.devT {
  background: #777;
}

.list_group table td.booth {
  text-align: center;
}

.list_group table .new_focus, .list_group table .npd_t, .list_group table .themezone, .list_group table .booth {
  width: calc(5em + 2px + 2em);
}

@media screen and (max-width: 1119px) {
  .list_group table th {
    font-size: 0.875em;
    white-space: normal;
  }
  .list_group table th br {
    display: none;
  }
  .list_group table .new_focus, .list_group table .npd_t, .list_group table .themezone, .list_group table td.newAttent {
    width: calc(3em + 2px + 1em);
  }
  .list_group table .booth {
    width: calc(4em + 2px + 1em);
  }
}

@media screen and (max-width: 767px) {
  .list_group table th.event, .list_group table td.event {
    width: 2.5em;
  }
  .list_group table th.event .wrap, .list_group table td.event .wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .list_group table th.event .wrap > div, .list_group table td.event .wrap > div {
    font-size: 11px;
  }
  .list_group table th.event .wrap > div.et, .list_group table th.event .wrap > div.iot, .list_group table td.event .wrap > div.et, .list_group table td.event .wrap > div.iot {
    margin: 1px auto;
  }
  .list_group table .new_focus, .list_group table .npd_t, .list_group table .themezone, .list_group table .booth, .list_group table td.newAttent {
    width: calc(2.5em + 2px + 1em);
  }
}

@media screen and (max-width: 499px) {
  .list_group table th, .list_group table td {
    font-size: 10px;
  }
  .list_group table th {
    padding: 0;
  }
  .list_group table td.name {
    padding: 0.5em 0.5em;
  }
  .list_group table td.name a {
    font-size: 12px;
  }
  .list_group table td.name.sub a {
    padding-left: 0.5em;
  }
  .list_group table td.event {
    padding: 0 0.325em;
  }
  .list_group table td.event .wrap > div,
  .list_group table td.new_focus a,
  .list_group table td.npd_t a, 
  .list_group table td.newAttent a,
  .list_group table td.themezone .wrap p {
    font-size: 10px;
  }
}

@media screen and (min-width: 1200px) {
  .list_group table td.name {
    border-right: 0;
  }
  .list_group table td.new_focus {
    border-right: 0;
    border-left: 0;
  }
  .list_group table td.npd_t {
    /*border-left: 0;*/
  }
}
.list_group table td.npd_t, .list_group table td.newAttent {
  width: 8em;
}

.list_group table td.npd_t .icons a, .list_group table td.newAttent .icons a{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
	text-decoration: none
}

.list_group table td.npd_t .icons a:hover, .list_group table td.newAttent .icons a:hover  {
  opacity: 0.7; 
}

.list_group table td.npd_t .icons a p, .list_group table td.newAttent .icons a p {
  margin: 0 1px;
  color: #fff;
  border-radius: 3px;
  padding: 0.2em 0em;
  width: 2em;
  text-align: center;
}
.list_group table td.newAttent .icons a p{width: 3em;}

.list_group table td.newAttent .icons a p.new {
  background: #d9534f;
}

.list_group table td.newAttent .icons a p.attent {
  background: #5bc0de;
}

.list_group table td.npd_t .icons a p.n {
  background: #90b444;
}

.list_group table td.npd_t .icons a p.p {
  background: #7990aa;
}

.list_group table td.npd_t .icons a p.d {
  background: #c08dbb;
}

.list_group table td.npd_t .icons a p.s {
  background: #3f51b5;
}

.list_group table td.booth {
  text-align: center;
  width: 7em;
}



.list_group table td.event .wrap > div.nanotech {
  background:#c4d2e2; color:#001e59;
  margin-right: auto;
  width: 75px;
  font-size:12px;
}

.list_group table td.event .wrap > div.astec {
  background:#cae3cb; color:#241a17;
  margin-left: auto;
  width: 65px;
  font-size:12px;
}

.list_group table td.event .wrap > div.surtech {
  background:#b5b2cd; color:#FFF;
  margin-right: auto;
  width: 65px;
  font-size:12px;
}

.list_group table td.event .wrap > div.interaqua {
  background:#b9e1ed; color:#0068b6;
  margin-left: auto;
  width: 75px;
  font-size:12px;
}

.list_group table td.event .wrap > div.enex {
  background:#fce1a6; color:#e50012;
  margin-right: auto;
  width: 65px;
  font-size:12px;
}

.list_group table td.event .wrap > div.sej {
  background: #00A0E9;
  margin-left: auto;
  width: 105px;
  font-size:12px;
  line-height:12px;
}

.list_group table td.event .wrap > div.esss {
  background: #eb6100;
  margin-right: auto;
  width: 120px;
  line-height:12px;
  font-size:12px;
}

.list_group table td.event .wrap > div.neo_functionalmaterial {
  background:#b3d9c0; color:#000;
  margin-left: auto;
  width: 120px;
  font-size:12px;
  line-height:15px;
}

.list_group table td.event .wrap > div.neo_functionalmaterial_en {
  background:#b3d9c0; color:#000;
  margin-left: auto;
  width: 120px;
  font-size:12px;
  line-height:12px;
}

.list_group table td.event .wrap > div.jflex {
  background:#addcdf; color:#000;
  margin-right: auto;
  width: 65px;
  font-size:12px;
}

.list_group table td.event .wrap > div._3d_deco {
  background:#dcd1df; color:#514f4f;
  margin-left: auto;
  width: 135px;
  font-size:12px;
}

.list_group table td.event .wrap > div.interopto {
  background: #cf6d85;
  margin-right: auto;
  width: 95px;
  font-size:12px;
}

.list_group table td.event .wrap > div.led {
  background: #4b77bb;
  margin-left: auto;
  width: 95px;
  font-size:12px;
}

.list_group table td.event .wrap > div.imaging_japan {
  background: #22945a;
  margin-right: auto;
  width: 105px;
  font-size:12px;
}

.list_group table td.event .wrap > div.mems {
  background:#88c8d1; color:#FFF;
  margin-left: auto;
  width: 65px;
  font-size:12px;
}

.list_group table td.event .wrap > div.tct {
  background:#d3bd87; color:#FFF;
  margin-left: auto;
  width: 75px;
  font-size:12px;
}

.list_group table td.event .wrap > div.der {
  background:#fce1a6; color:#211613;
  margin-right: auto;
  width: 130px;
  font-size:12px;
}

.list_group table td.event .wrap > div.convertech {
  background:#f7ceb9; color:#e4004e;
  margin-right: auto;
  width: 120px;
  font-size:11px;
}

.list_group table td.event .wrap > div.renewable {
  background:#eafeea; color:#1d2087;
  margin-right: auto;
  width: 130px;
  font-size:11px;
  line-height:15px;
}


.list_group table td.npd_t .icons a p.pdf {
  background: #f44336;
  width:35px;
}

.list_group table td.npd_t .icons a p.vid {
  background: #ff9800;
  width:35px;
}

.list_group table td.npd_t .icons a p.sem {
  background: #2196f3;
  width:35px;
}