@charset "Shift-JIS";

.np-keyword-suggest,
.np-item-suggest{
box-sizing: border-box;
background: #fff;

}

.np-keyword-suggest *,
.np-item-suggest *{
box-sizing: border-box;

}

/* サジェスト外枠 */
.np-keyword-suggest {
box-sizing: border-box;
margin: 3px 0 0;
width:420px;
border: 1px solid #ddd;
box-shadow: 1px 1px 3px #ddd;
border-radius: 3px;
overflow: hidden;

}

/* サジェスト内枠 */
.np-keyword-suggest div {
width: 100%;

}

/* サジェストワード */
.np-keyword-suggest .item {
padding: 0 5px;
height: 40px;
line-height: 40px;
cursor: pointer;
-webkit-tap-highlight-color: #f6f6f4;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;

}

/* サジェストワード選択時 */
.np-keyword-suggest .item.selected {
background-color: #f6f6f4;
}

/* サジェストワード */
.np-keyword-suggest .item .highlight {
display: inline;
border-bottom: 1px dotted #000;
}

/* 商品詳細外枠 */
.np-item-suggest {
box-sizing: border-box;
border: 1px solid #ddd;
margin: 8px 0 0 -3px;
width:400px;
box-shadow: 1px 1px 3px #ddd;
border-radius: 3px;
overflow: hidden;
}

/* 商品詳細内枠 */
.np-item-suggest div {
text-align:left;
height:auto;
}

/* 商品詳細タイトル */
.np-item-suggest .title {
display: none;
}

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

}

/* 商品詳細・商品表示部 */
.np-item-suggest table {
width:100%;
margin:0px;
padding:0px;
height:auto;
border-collapse : collapse;

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

}

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

}

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

}

.np-item-suggest table td{
vertical-align: top;

}

.np-item-suggest table td a{
display: block;
padding: 10px;

}

/* 商品画像 */
.np-item-suggest .image {
width: 140px;

}
.np-item-suggest .image img {
width: 100%;
border: 0;
max-width: 140px !important;
max-height: 140px !important;
height: auto;

}

/* 商品名・説明 */
.np-item-suggest .item {
box-sizing: border-box;
width: 260px;
padding:10px 10px 10px 0;
cursor:pointer;
overflow: hidden;
text-overflow: ellipsis;

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

}
.np-item-suggest .item .item_title {
margin: 0 0 10px;
padding: 0;
font-size: 14px;
font-weight: bold;
line-height: 1.75;

}
.np-item-suggest .item .item_desc {
margin: 0;
padding: 0;
font-size: 14px;
line-height: 1.75;

}

/* 商品詳細ヒット件数 */
.np-item-suggest .hitnum {
display: none;

}

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

}




/* option */

.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 {
display: none;
margin: 0 5px 0 0;
padding: 3px 10px;
border-radius: 3px;
font-size: 13px;
color:#fff;

}

.np-keyword-suggest .query:before{content:"query";background:#333333;}
.np-keyword-suggest .title:before{content:"title";background:#6e6e6e;}
.np-keyword-suggest .path:before{content:"path";background:#848484;}
.np-keyword-suggest .narrow1:before{content:"narrow1";background:#a4a4a4;}
.np-keyword-suggest .narrow2:before{content:"narrow2";background:#a4a4a4;}
.np-keyword-suggest .narrow3:before{content:"narrow3";background:#a4a4a4;}
.np-keyword-suggest .narrow4:before{content:"narrow4";background:#a4a4a4;}
.np-keyword-suggest .narrow5:before{content:"narrow5";background:#a4a4a4;}
.np-keyword-suggest .narrow6:before{content:"narrow6";background:#a4a4a4;}
.np-keyword-suggest .narrow7:before{content:"narrow7";background:#a4a4a4;}
.np-keyword-suggest .narrow8:before{content:"narrow8";background:#a4a4a4;}
.np-keyword-suggest .narrow9:before{content:"narrow9";background:#a4a4a4;}
.np-keyword-suggest .narrow10:before{content:"narrow10";background:#ababab;}
.np-keyword-suggest .keyword1:before{content:"keyword1";background:#ababab;}
.np-keyword-suggest .keyword2:before{content:"keyword2";background:#ababab;}
.np-keyword-suggest .keyword3:before{content:"keyword3";background:#ababab;}
.np-keyword-suggest .keyword4:before{content:"keyword4";background:#ababab;}
.np-keyword-suggest .keyword5:before{content:"keyword5";background:#ababab;}
.np-keyword-suggest .keyword6:before{content:"keyword6";background:#ababab;}
.np-keyword-suggest .keyword7:before{content:"keyword7";background:#ababab;}
.np-keyword-suggest .keyword8:before{content:"keyword8";background:#ababab;}
.np-keyword-suggest .keyword9:before{content:"keyword9";background:#ababab;}
.np-keyword-suggest .keyword10:before{content:"keyword10";background:#ababab;}


/* サジェスト groupByCategoryがtrue時のカテゴリ表示部 */
.np-keyword-suggest .category {
	font-weight: bold;
	color: #222222;
	background-color: #eeeeee;
}

/* サジェスト groupByCategoryがtrue時のカテゴリ表示部選択時 */
.np-keyword-suggest .category.selected {
	color: #000000;
	background-color: #3366FF;
}

/* サジェスト overlayModeがonの時のキーワード入力部 */
.np-keyword-suggest_overlay {
	width: 100%;
	font-size: 24px;
}

.np-keyword-suggest_overlay div{
	width: 100%;
}

.np-keyword-suggest_overlay .inputArea {
	opacity: 1.0;
	margin: 0px;
	padding: 2px;
	height: 34px;
}
.np-keyword-suggest_overlay input {
	width: 90%;
	height: 30px;
	margin: 0px;
	padding: 0px;
	font-size: 24px;
}
.np-keyword-suggest_overlay .cancelButton {
	width: 30px;
	height: 30px;
	font-size: 0px;
	margin: 2px 10px;
	background-image: url('../img/cancel.png');
	background-size: cover;
	vertical-align: top;
	float: left;
}
.np-keyword-suggest_overlay .submitButton {
	width: 30px;
	height: 30px;
	font-size: 0px;
	margin: 2px 10px;
	background-image: url('../img/search.png');
	background-size: cover;
	vertical-align: top;
	float: right;
}
.np-keyword-suggest_overlay .plusButton{
	float: right;
	margin-right: 60px;
}

.np-keyword-suggest_overlay .item {
	padding-left: 50px;
}