@charset "UTF-8";

.np-keyword-suggest{
  width:95vw;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.np-keyword-suggest div{
  width:95vw;
  padding: 3px;
}

.np-keyword-suggest .item.selected{
  background-color: #EEF4FB;
}

.np-item-suggest{
  width:95vw;
}

.np-keyword-suggest,
.np-item-suggest {
    border: 1px solid #8CB1EB;
}


.suggest_upper_content {
  background-color: #ffffff;
  max-height:240px;
  width: auto;
}

.suggest_upper_content .suggest_detail_image img {
  float: left;
  width: 70px;
  height: 70px;
}

.suggest_upper_content ul {
  list-style: none;
  margin:0;
  padding:0;
}

.suggest_upper_content li {
  padding:5px;
  height:100%;
  clear:both;
  overflow: auto;
  width:100%;
}

.suggest_upper_content li:hover {
  background-color: #EEF4FB;
  padding:5px;
  height:100%;
  clear:both;
  overflow: auto;
  width:100%;
}

.suggest_upper_content .suggest_detail_title {
  font-size:90%;
  font-weight: bold;
  text-align: left;
  height:70px;
  padding-left:5px;
  line-height: 150%;
  display: table-cell;
  vertical-align: middle;
}

.suggest_upper_content .block-l a {
  display:block;
}


@media screen and (min-width: 768px) {

.np-keyword-suggest{
  width:300px;
  font-size:90%;
  cursor:pointer;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top:10px !important;
  margin-left:-35px !important
}

.np-keyword-suggest div{
  width:298px;
  padding: 3px;
}

.np-keyword-suggest .item.selected{
  background-color: #EEF4FB;
}

.np-keyword-suggest,
.np-item-suggest {
    border: 1px solid #8CB1EB;
}

.np-item-suggest{
  width:300px;
  margin-top:10px !important;
  margin-left:-35px !important
}

.suggest_upper_content {
  background-color: #ffffff;
  max-height:240px;
  width: auto;
}

.suggest_upper_content .suggest_detail_image img {
  float: left;
  width: 70px;
  height: 70px;
}

.suggest_upper_content ul {
  list-style: none;
  margin:0;
  padding:0;
}

.suggest_upper_content li {
  padding:5px;
  height:100%;
  clear:both;
  overflow: auto;
  width:100%;
}

.suggest_upper_content li:hover {
  background-color: #EEF4FB;
  padding:5px;
  height:100%;
  clear:both;
  overflow: auto;
  width:100%;
}

.suggest_upper_content .suggest_detail_title {
  font-size:80%;
  font-weight: bold;
  text-align: left;
  height:70px;
  padding-left:5px;
  line-height: 150%;
  display: table-cell;
  vertical-align: middle;
}

.suggest_upper_content .block-l a {
  display:block;
}

}