@charset "utf-8";
/* CSS Document */


.np-keyword-suggest *,
.np-item-suggest *{
box-sizing: border-box;
}
.np-keyword-suggest,
.np-item-suggest{
color: #141414;
box-shadow: 10px 10px 15px -10px;
}
.np-keyword-suggest{
background-color: #FFFFFF;
}
.np-item-suggest{
background-color: #EEEEEE;
}
.np-keyword-suggest{
box-sizing: border-box;
width:calc(100% + 125px);
border-bottom:1px solid #251605;
border-top:1px solid #251605;
border-left:1px solid #251605;
border-right:none;
overflow-y:auto;
height:400px !important;
}
.np-keyword-suggest div{
width:100%;
}
.np-keyword-suggest .item{
box-sizing: border-box;
padding:10px 10px 10px 125px;
cursor:pointer;
word-wrap: normal; /* for IE */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
/*height:50px;*/
}
.np-keyword-suggest .group{
position: relative;
}
.np-keyword-suggest .group:not(:last-child)::before{
content: "";
position: absolute;
display: block;
width: 96%;
bottom: 0;
left: 2%;
border-bottom: solid 1px #565656;
}
.np-keyword-suggest .title{
line-height:30px;
}
/*.np-keyword-suggest .title:before{
box-sizing: border-box;
font-size:11px;
color:#fff;
margin-right:8px;
padding:3px 8px;
border-radius:3px;
content:"title";
background:#6e6e6e;
}*/
/*.np-keyword-suggest .query:before,
.np-keyword-suggest .word:before,
.np-keyword-suggest .path:before,
.np-keyword-suggest .history:before,
.np-keyword-suggest .ranking:before,
.np-keyword-suggest .narrow1:before,
.np-keyword-suggest .narrow2:before,
.np-keyword-suggest .narrow3:before,
.np-keyword-suggest .narrow4:before,
.np-keyword-suggest .narrow5:before,
.np-keyword-suggest .narrow6:before,
.np-keyword-suggest .narrow7:before,
.np-keyword-suggest .narrow8:before,
.np-keyword-suggest .narrow9:before,
.np-keyword-suggest .narrow10:before,
.np-keyword-suggest .keyword1:before,
.np-keyword-suggest .keyword2:before,
.np-keyword-suggest .keyword3:before,
.np-keyword-suggest .keyword4:before,
.np-keyword-suggest .keyword5:before,
.np-keyword-suggest .keyword6:before,
.np-keyword-suggest .keyword7:before,
.np-keyword-suggest .keyword8:before,
.np-keyword-suggest .keyword9:before,
.np-keyword-suggest .keyword10:before {
box-sizing: border-box;
font-size:11px;
color:#bbb;

margin-right:8px;
padding:3px 8px;
border-radius:3px;
position: absolute;
bottom:4px;
left:10px;
}*/
/*.np-keyword-suggest .history:before{content:"";}
.np-keyword-suggest .path:before{content:"path";}
.np-keyword-suggest .narrow1:before{content:"メーカー";}
.np-keyword-suggest .narrow2:before{content:"narrow2";}
.np-keyword-suggest .narrow3:before{content:"narrow3";}
.np-keyword-suggest .narrow4:before{content:"narrow4";}
.np-keyword-suggest .narrow5:before{content:"narrow5";}
.np-keyword-suggest .narrow6:before{content:"narrow6";}
.np-keyword-suggest .narrow7:before{content:"narrow7";}
.np-keyword-suggest .narrow8:before{content:"narrow8";}
.np-keyword-suggest .narrow9:before{content:"narrow9";}
.np-keyword-suggest .narrow10:before{content:"narrow10";}
.np-keyword-suggest .keyword1:before{content:"型番";}
.np-keyword-suggest .keyword2:before{content:"keyword2";}
.np-keyword-suggest .keyword3:before{content:"keyword3";}
.np-keyword-suggest .keyword4:before{content:"keyword4";}
.np-keyword-suggest .keyword5:before{content:"keyword5";}
.np-keyword-suggest .keyword6:before{content:"keyword6";}
.np-keyword-suggest .keyword7:before{content:"keyword7";}
.np-keyword-suggest .keyword8:before{content:"keyword8";}
.np-keyword-suggest .keyword9:before{content:"keyword9";}
.np-keyword-suggest .keyword10:before{content:"keyword10";}*/
.np-keyword-suggest .ranking{height:40px;}
.np-keyword-suggest .np-keyword-suggest-group-history,
.np-keyword-suggest .np-keyword-suggest-group-ranking,
.np-keyword-suggest .np-keyword-suggest-group-query,
.np-keyword-suggest .np-keyword-suggest-group-narrow1,
.np-keyword-suggest .np-keyword-suggest-group-keyword1,
.np-keyword-suggest .np-keyword-suggest-group-title{
position: relative;
}
.np-keyword-suggest .np-keyword-suggest-group-history:after,
.np-keyword-suggest .np-keyword-suggest-group-ranking:after,
.np-keyword-suggest .np-keyword-suggest-group-query:after,
.np-keyword-suggest .np-keyword-suggest-group-narrow1:after,
.np-keyword-suggest .np-keyword-suggest-group-keyword1:after,
.np-keyword-suggest .np-keyword-suggest-group-title:after{
position: absolute;
display:inline-block;
left:10px;
top: 7px;
color: #FFFFFF;
background-color: #141414;
padding: 3px;
}
.np-keyword-suggest .np-keyword-suggest-group-history:after{
content:"検索履歴";
}
.np-keyword-suggest .np-keyword-suggest-group-ranking:after{
content:"注目キーワード";
}
.np-keyword-suggest .np-keyword-suggest-group-query:after{
content:"予測キーワード";
}
.np-keyword-suggest .np-keyword-suggest-group-narrow1:after{
content:"メーカー名一致";
}
.np-keyword-suggest .np-keyword-suggest-group-keyword1:after{
content:"型番一致";
}
.np-keyword-suggest .np-keyword-suggest-group-title:after{
content:"商品名一致";
}
.np-keyword-suggest .item.selected{
background-color:#eeeeee;
}
.np-item-suggest{
box-sizing: border-box;
width: 480px;
border-bottom:1px solid #251605;
border-top:1px solid #251605;
border-right:1px solid #251605;
border-left:none;
height:400px !important;
}
.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;
height: auto;
}*/
.np-keyword-suggest .item .history{
	position: relative;
}
.np-keyword-suggest button.clearHistory {
position: absolute;
	box-sizing: border-box;
width: 25px;
right:10px;
	top: 5px;
padding: 0;
border: 0;
	color: #FFFFFF;
	background-color: inherit;

/*border: 1px solid #F08080;*/
}
.np-keyword-suggest button.clearHistory::before{
	position: absolute;
	box-sizing: border-box;
width: 25px;
right:10px;
	top: 0px;
padding: 0;
border: 0;
border-radius: 2px;
line-height: 25px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color : #FFFFFF;
	font-family: "Font Awesome 5 Free";
    content: "\f00d";
    font-weight: 600;
	color: #141414;
	margin-right: -5px;
}
/*.np-keyword-suggest button.clearHistory:hover {
background-color : #FFC1C1;
color: #FFFFFF;
}*/
.np-item-suggest .item{
width:100%;
position: relative;
padding: 6px 10px 13px;
}
.np-item-suggest .item a {
text-decoration: none;
width:220px;
}
.np-item-suggest .item .item_desc {
font-size: 11px;
}
.np-keyword-suggest .item{
font-weight:normal;
}
.np-keyword-suggest .item .highlight{
font-weight:900;
text-decoration:none;
}
.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: "件";
}
.np-keyword-suggest .np-keyword-suggest-group-ranking .snva-ranking-1,
.np-keyword-suggest .np-keyword-suggest-group-ranking .snva-ranking-2,
.np-keyword-suggest .np-keyword-suggest-group-ranking .snva-ranking-3,
.np-keyword-suggest .np-keyword-suggest-group-ranking .snva-ranking-4{
display: inline-block;
font-weight: 900;
	color: #FFFFFF;
}
.np-keyword-suggest .item.selected .snva-ranking-1,
.np-keyword-suggest .item.selected .snva-ranking-2,
.np-keyword-suggest .item.selected .snva-ranking-3,
.np-keyword-suggest .item.selected .snva-ranking-4{
	color: #EEEEEE;
}
.np-keyword-suggest .np-keyword-suggest-group-ranking .snva-ranking-1::before,
.np-keyword-suggest .np-keyword-suggest-group-ranking .snva-ranking-2::before,
.np-keyword-suggest .np-keyword-suggest-group-ranking .snva-ranking-3::before,
.np-keyword-suggest .np-keyword-suggest-group-ranking .snva-ranking-4::before{
	color: #141414;
}
.np-keyword-suggest .np-keyword-suggest-group-ranking .snva-ranking-1::before{
content: "No.1";
}
.np-keyword-suggest .np-keyword-suggest-group-ranking .snva-ranking-2::before{
content: "No.2";
}
.np-keyword-suggest .np-keyword-suggest-group-ranking .snva-ranking-3::before{
content: "No.3";
}
.np-keyword-suggest .np-keyword-suggest-group-ranking .snva-ranking-4::before{
content: "No.4";
}
@media screen and (max-width: 1200px) {
.np-keyword-suggest{
border-right:1px solid #251605;
height: auto !important;
box-shadow: 10px 10px 15px -10px;
}
.np-keyword-suggest .item{
padding:5px 10px 5px 125px;
}
}
@media screen and (max-width: 600px) {
.np-keyword-suggest .np-keyword-suggest-group-history:after,
.np-keyword-suggest .np-keyword-suggest-group-ranking:after{
left:125px;
}
.np-keyword-suggest .np-keyword-suggest-group-history,
.np-keyword-suggest .np-keyword-suggest-group-ranking{
padding-top: 40px;
}
}