/*
Newpost Catch StyleSheet

With the version up of the plug-in, so will be overwritten "style.css" file each time,
I think how to directly edit the "style.css" file and how would you or declined.
If you wish to apply a CSS style on its own,
In the "/wp-content/themes/theme directory/css/" as you please create a "newpost-catch.css".
Please the name of the file to create and "newpost-catch.css". The other is the file name, does not apply.

*/

#npcatch li{
	overflow:hidden;
	clear:both;
	margin:0px 0px 0px;
}

#npcatch li:hover{
}

#npcatch li:hover .title{
}

#npcatch li:hover .title a{
}

#npcatch li:hover .date{
}


.widgettitle {
    margin: 10px auto;
    padding: 0 0 4px 20px;
   
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: normal;
    font-family: 'Lora', serif;

    background: url("//file001.shop-pro.jp/PA01059/777/column/heart-icon-70.png") no-repeat;
    background-position: left top;
    background-size: 17px 21px;
margin-top:30px;
}




#categories-3 ul {
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 0px;
    list-style: outside none none;
}
#categories-3 {
    margin-bottom: 50px;
    margin-top: 0px;
    padding: 0px;
    list-style: outside none none;
}

#categories-3 li {
    border-top-style: dotted;
    border-top-width: 0px;
    border-bottom: 1px dashed #333;
    text-align: left;
    font-size: 13px;
    line-height: 0.3;
    padding: 15px;
}

#newpostcatch-2 {
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 0px;
    list-style: outside none none;
}

#npcatch li{
border:1px solid #E6E6E6;
margin-bottom:6px;
}

#npcatch img{
    width: 100%;
height: auto;
   
}
#npcatch .title {
    width: 180px;
    float: left;
    padding: 5px 5px 5px 5px;
    font-size: 12px;
color:grey;
}
#npcatch .title .date{
margin-left:10px;
font-size: 10px;}