/* CSS Document */


/* contents */

#contents{
width:1170px;
margin:0 auto;
}
#contents .item{
float:left;
width:103px;
height:230px; /* 4名以上になった場合、この高さで調整 */
margin:0 7px;
overflow:hidden;
text-align:center;
}
#contents .item dl{
height:38px;
background-color:#000;
}
#contents .item dt{
height:22px;
color:#fff;
font-size:12px;
line-height:22px;
}
#contents .item dd{
width:83px;
height:10px;
margin:0 10px;
padding-top:2px;
color:#ccc;
font-size:10px;
line-height:10px;
border-top:1px solid #999;
}
#contents .item img{
width:103px;
height:133px;
border-bottom:3px solid #000;
}
#contents .item p{
margin-top:4px;
line-height:15px;
}



@media screen and (max-width: 1213px){

/* contents */
#contents{
width:936px;
}


}



@media screen and (max-width: 979px){

/* contents */
#contents{
width:702px;
}


}



@media screen and (max-width: 745px){

/* contents */
#contents{
width:300px;
}

#contents .item{
width:90px;
height:210px; /* 4名以上になった場合、この高さで調整 */
margin:0 5px;
}
#contents .item dl{
height:35px;
}
#contents .item dt{
height:20px;
font-size:11px;
line-height:20px;
}
#contents .item dd{
width:80px;
margin:0 5px;
padding-top:2px;
font-size:9px;
}

#contents .item img{
width:90px;
height:116px;
}



}