@charset "UTF-8";

/* Custom Block ------------------*/
.customBlc{
max-width:645px;
margin:3% auto 0;
padding:0 4%;
}

.customBlc .ttl{
font-size:160%;
color:#6b6b6b;
margin:0 0 10px;
}

.customList{
margin:30px 0 9%;
}

.customList li{
width:27.4%;
margin:0 8.9% 5% 0;
float:left;
}

.customList li:nth-child(3n+3){
margin:0 0 5% 0;
}

.customList .img{
position:relative;
}

.customList li .img:after{
background:url(../img/common/arrow01.png) scroll no-repeat;
content:"";
width:15px;
height:25px;
position:absolute;
top:40%;
right:-21%;
}

.customList li:nth-child(3n+2) .img:after{
background:url(../img/common/arrow02.png) scroll no-repeat;
}

.customList li:nth-child(3n+3) .img:after{
display:none;
}

.customList li .caption{
font-size:80%;
padding:10px 0;
}

@media screen and (max-width: 480px) {
.customList li .img:after{
background:url(../img/common/arrow01.png) scroll no-repeat center center/ 9px auto;
width:9px;
height:15px;
}

.customList li:nth-child(3n+2) .img:after{
background:url(../img/common/arrow02.png) scroll no-repeat center center/ 9px auto;
}

.customList li .caption{
font-size:70%;
}
}