@charset "UTF-8";
/*----------------------------------------------------------*/
/* Itforec Ins 20170802
/*----------------------------------------------------------*/
/*<!-- サジェスト用CSS-Start -->*/
.np-keyword-suggest *,
.np-item-suggest *{
  box-sizing: border-box;
}
.np-item-suggest-v2 {
 width:400px;
}
.np-keyword-suggest,
.np-item-suggest{
  color: #333333;
 background: #ffffff;
}     
.np-keyword-suggest{
 box-sizing: border-box;
 width:400px;
 border:1px solid #cccccc;
}          
.np-keyword-suggest div{
 width:100%;
}           
.np-keyword-suggest .item{
 box-sizing: border-box;
 padding:10px; 
 cursor:pointer;
 word-wrap: normal; /* for IE */
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
.np-keyword-suggest .group:not(:last-child){
 border-bottom: solid 1px #cccccc;
}                    
.np-keyword-suggest .title:before, .narrow21:before {
  box-sizing: border-box;
  font-size:11px;
  color:#ffffff;
  margin-right:8px;
  padding:3px 8px;
  border-radius:3px;
}

.np-keyword-suggest .title:before{content:"商品";background:#666666;}
.np-keyword-suggest .narrow21:before{content:"カテゴリ";background:#ababab;}
.np-keyword-suggest .item.selected{
  background-color:#eeeeee;
}
.np-keyword-suggest_overlay {
 width: 100% !important;
 padding: 0;
 background-color: rgba(255, 255, 255, 0.9);
 border: 0;
 font-size: 15px;
 color: #333;
}
.np-keyword-suggest_overlay div {
 width: auto;
}
.np-keyword-suggest_overlay .inputArea {
 height: auto;
 padding-top: 10px;
 padding-bottom: 10px;
 background: #eee;
}
.np-keyword-suggest_overlay .inputArea .cancelButton,
.np-keyword-suggest_overlay .inputArea .submitButton {
 box-sizing: border-box;
 margin: 0;
 padding: 0;
 background-color: #eee;
 background-repeat: no-repeat;
 border: 5px solid transparent;
 border-radius: 2px;
}
.np-keyword-suggest_overlay .inputArea span {
 display: block !important;
 margin: 0 35px;
}
.np-keyword-suggest_overlay .inputArea span input {
 box-sizing: border-box;
 width: 100% !important;
 padding: 0 5px;
 box-shadow: none;
 border: 0;
 border-radius: 2px;
 font-size: 15px;
}
.np-keyword-suggest_overlay .inputArea span a {
 top: 0 !important;
 line-height: 32px;
 color: #BDBDBD; 
}
.np-keyword-suggest_overlay .group {
 background-color: rgba(255, 255, 255, 0.8);
 border-bottom: solid 1px #cccccc;
}
.np-keyword-suggest_overlay .item {
 float: none;
 margin: 0;
 padding: 10px;
 position: relative;
        height:56px;
 word-wrap: normal; /* for IE */
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
.np-keyword-suggest_overlay .item:not(:last-child) {
 border-bottom: dotted 1px #cccccc;
}
.np-keyword-suggest_overlay > .np-keyword-suggest-group-title > .title:before,
.np-keyword-suggest_overlay > .np-keyword-suggest-group-narrow21 > .narrow21:before {
 display: inline-block;
 width: 5em;
 margin-right: 0.5em;
 padding: 2px 0;
 border-radius: 2px;
 font-size: 85%;
 color: #6e6e6e;
 background:none;
 text-align:left;
 vertical-align: top;
 position: absolute;
 bottom: 4px;
}
.np-keyword-suggest_overlay > .np-keyword-suggest-group-title > .title:before{content: "商品";}
.np-keyword-suggest_overlay > .np-keyword-suggest-group-narrow21 > .narrow21:before{content: "カテゴリ";}
.np-keyword-suggest_overlay .plusButton{
 position: absolute;
 right: 5px;
 box-sizing: border-box;
 width: 25px;
 float: none;
 margin: 0;
 margin-top:5px;
 padding: 0;
 background-color: #ccc;
 border: 0;
 border-radius: 2px;
 font-size: 100%;
 line-height: 25px;
 font-weight: bold;
 text-align: center;
 color: #fff;
}
.np-keyword-suggest_overlay .submitButton {
    /* background-image: url(//demo3-f-s.snva.jp/img/search-flat.png); */
    /* 本番 */
    background-image: url(//mid4-f-s.snva.jp/img/search-flat.png);
}
.np-keyword-suggest_overlay .cancelButton {
    /* background-image: url(//demo3-f-s.snva.jp/img/arrow-flat.png); */
    /* 本番 */
    background-image: url(//mid4-f-s.snva.jp/img/arrow-flat.png);
}
/*<!-- サジェスト用CSS-End -->*/