@charset "UTF-8";
@import "../../css/style.css";

div#content ul#list { margin: 0; padding: 0; list-style: none; }
div#content ul#list li { padding: 15px 0; border-bottom: dashed 1px #ccc; }
div#content ul#list dl { margin: 0; padding: 0; }
div#content ul#list dt { margin: 0; padding: 0; width: 220px; float: left; }
div#content ul#list dt a { width: 200px; height: 150px; display: block; position: relative; }
div#content ul#list dt img.image { width: 200px; height: 150px; vertical-align: top; }
div#content ul#list dt img.category { position: absolute; top: 0; left: 0; }
div#content ul#list dd { margin: 0; padding: 0; width: 490px; float: left; }
div#content ul#list dd span { display: block; }
div#content ul#list dd strong { font-size: 130%; }
div#content ul#list dd p { margin: 0; padding: 0; }


/* -------------------------
以下はスマートフォン用のCSS
------------------------- */
@media screen and (max-width : 736px) {

div#content ul#list dt { width: 100%; float: none; }
div#content ul#list dt a { margin: 0 auto 10px auto; }
div#content ul#list dd { width: 100%; float: none; }


}