@charset "Shift_JIS";

h3 { font-size:24px; color:#ccc; text-align:center; margin:60px 0 30px; font-weight:600; }
.products div { width:240px; margin:0 30px; float:left; }
.products h2 { font-size:16px; font-weight:600; margin-top:10px; }
.products h2 span { padding-bottom:15px; border-bottom:#000 1px solid; }
.products h2 img { margin-bottom:10px; width:100%; }
.products h2 a { text-decoration:none; }
.products p { color:#666; padding-top:30px; line-height:180%; }


#info dl { padding:30px 0 10px; width:900px; margin:0 auto;}
#info dl dt { float:left; width:135px;}
#info dl dt img { width:135px;}
#info dl dd em { font-style:normal; color:#666;}
#info dl dd { float:left; width:280px; padding-left:10px; margin-right:20px;}
#info dl a { color:#000; text-decoration:none; }
#info dl a:hover { color:#666; text-decoration:none; }
@media only screen and (max-width: 769px) {
h3 { margin:40px 0 10px; }
.products div { width:45%; margin:0 0 0 10px; }
#info dl { width:100%; padding:10px 0; }
#info dl dt { margin-top:20px;}
#info dl dd { margin-right:0px; }
#info dl dt,#info dl dd { float:none; width:100%;}
}