/*------------------------------------------------*/
.projectlist{float:left;width:92%;margin:0 4% 6% 4%;clear:both;}
.projectlist .box100{float:left;width:95%;padding:2.5%;font-size:0.8em;line-height:1.6em;cursor:pointer;}
.projectlist .box100:hover{ background:#9A0000;border-radius:6px;}

.projectlist .boxbutton{float:left;width:16%;width:calc(16% - 2px);padding:1.5%;margin:0 2% 0 0;font-size:0.8em;text-align:center;cursor:pointer; background:#E2E2E2;}
.projectlist .boxbutton:hover{background:#F8F8F8;border-radius:6px;}

.projectlist .box50{float:left;width:20%;padding:1.5%;margin:0 2% 3% 0;text-align:center;color:#0000CD;background:#FFF;cursor:pointer;border-radius:6px;}
.projectlist .box50 .sen{font-size:0.8em;color:#5A5A5A;}
.projectlist .box50:hover{background:#0000CD;border-radius:6px;color:#FFF;}
.projectlist .box50:hover .sen{color:#FFF;}


@media screen and (max-width:1024px) {
.projectlist .box50{float:left;width:42%;padding:3%;margin:0 0 3% 3%;text-align:center;background:#FFF;cursor:pointer;border-radius:6px;}
.projectlist .box50 .sen{font-size:0.8em;}
.projectlist .box50:nth-child(2n+1){margin-left:0;}
.projectlist .box50:hover{background:#003300;border-radius:6px;color:#FFF;}

.projectlist .boxbutton{float:left;width:20%;width:calc(20% - 2px);padding:2.5%;margin:0 2% 0 0;font-size:1em;text-align:center;cursor:pointer;border-radius:6px;}
.projectlist .boxbutton:hover{ background:#8F8F8F;}
}


/*------------------------------------------------*/