@charset "UTF-8";
/*
<!-- サジェスト用CSS -->
 */
.np-keyword-suggest *,
.np-item-suggest *{
  box-sizing: border-box;
}

.np-keyword-suggest,
.np-item-suggest{
  color: #333333;
    background: #ffffff;
}

.np-item-suggest-v2{
       width:280px;
}

.np-keyword-suggest{
 box-sizing: border-box;
 width:250px;
 border:1px solid #cccccc;
}

.np-keyword-suggest div{
    width:100%;
    width:248px;
}

.np-keyword-suggest .item{
    box-sizing: border-box;
    padding:6px;
    cursor:pointer;
    word-wrap: normal; /* for IE */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*Fix on IE 11*/
    /*margin-bottom: unset !important;*/
    margin-bottom: 0;
}

.np-keyword-suggest .group:not(:last-child){
    border-bottom: solid 1px #cccccc;
}

.np-keyword-suggest .query:before, .title:before,.path:before,
.narrow1:before, .narrow2:before, .narrow3:before, .narrow4:before, .narrow5:before,
.narrow6:before, .narrow7:before, .narrow8:before, .narrow9:before, .narrow10:before,
.keyword1:before, .keyword2:before, .keyword3:before, .keyword4:before, .keyword5:before,
.keyword6:before, .keyword7:before, .keyword8:before, .keyword9:before, .keyword10:before {
  box-sizing: border-box;
  font-size:11px;
  color:#ffffff;
  margin-right:8px;
  padding:3px 8px;
}

.np-keyword-suggest .title:before{content:"商品名";background:#6281C1;}
.np-keyword-suggest .narrow4:before{content:"カテゴリ";background:#8FC165;}

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

.np-item-suggest{
  box-sizing: border-box;
  width: 300px;
  border:1px solid #cccccc;
}

.np-item-suggest table{
  width:100%;
  border-collapse : collapse;
}

.np-item-suggest table tr{
  border-top:1px solid #cccccc;
}

.np-item-suggest table tr:hover{
  background-color:#eeeeee;
}

.np-item-suggest table tr:first-child{
  border-top:none;
}

.np-item-suggest table td{
  text-align: left;
  vertical-align: middle;
}

.np-item-suggest table td a{
  box-sizing: border-box;
  padding:5px;
  display: block;
}

.np-item-suggest img{
  max-width: 70px !important;
  max-height: 70px !important;
  /** SI 修正 start */
  width: 70px !important;
  /** SI 修正 end */
  height: auto;
}

.np-item-suggest .item{
  width:100%;
}

.np-item-suggest .item a {
  text-decoration: none;
  width:220px;
}

.np-item-suggest .item .item_desc {
  font-size: 11px;
}

.np-item-suggest .hitnum{
  box-sizing: border-box;
  text-align: right;
  color:#333333;
  border-top: 1px solid #ccc;
  padding: 5px 10px;
}

.np-item-suggest .hitnum:after {
  content: "件";
}

.relation_heading {
  margin-bottom: 2.77%;
  color: #1a4b73;
  text-align: center;
  font-size: 1.4rem;
}