@charset "UTF-8";
/* CSS Document */

/*////////////////////////////////////////////////////////

index.css

///////////////////////////////////////////////////////*/
#sigIndex {}
#sigIndex ul#works-wrap { list-style-type:none; margin-bottom:150px; }
#sigIndex ul#works-wrap li { float:left; width:31.25%; margin-right:3.125%; margin-bottom:70px; }
#sigIndex ul#works-wrap li:nth-child(3n) { margin-right:0; }
#sigIndex ul#works-wrap li .thum-box { margin-bottom:20px; }
#sigIndex ul#works-wrap li .category { color:#666; margin-bottom:5px;}
#sigIndex ul#works-wrap li .title {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#sigIndex ul#works-wrap li p { font-size:1.2rem; }
#sigIndex ul#works-wrap li a { text-decoration:none; }
#sigIndex ul#works-wrap li a:link,#sigIndex ul#works-wrap li a:visited { color:#222; }
#sigIndex ul#works-wrap li a:hover,#sigIndex ul#works-wrap li a:active { color:#555; text-decoration:underline; }
@media (max-width: 64em) {/*768px*/
#sigIndex ul#works-wrap li { width:47.6190476%; margin-right:4.761905%; }
#sigIndex ul#works-wrap li:nth-child(3n) { margin-right:4.761905%; }
#sigIndex ul#works-wrap li:nth-child(2n) { margin-right:0; }
}
@media (max-width: 414px) {
#sigIndex ul#works-wrap li { float:none; width:100%; margin-right:0; }
}

#sigIndex ul#topics-wrap { list-style-type:none; font-size:1.2rem; }
#sigIndex ul#topics-wrap li { float:left; width:31.25%; margin-right:3.125%; margin-bottom:70px; }
#sigIndex ul#topics-wrap li:nth-child(3n) { margin-right:0; }
#sigIndex ul#topics-wrap li .thum-box { margin-bottom:10px; }
#sigIndex ul#topics-wrap li a { text-decoration:none; }
#sigIndex ul#topics-wrap li a:link,#sigIndex ul#topics-wrap li a:visited { color:#222; }
#sigIndex ul#topics-wrap li a:hover,#sigIndex ul#topics-wrap li a:active { color:#555; text-decoration:underline; }
#sigIndex ul#topics-wrap li .date { color:#999; padding-bottom:10px; }
#sigIndex ul#topics-wrap li .txt_e { color:#999; }

@media (max-width: 64em) {/*768px*/
#sigIndex ul#topics-wrap li { width:47.6190476%; margin-right:4.761905%; }
#sigIndex ul#topics-wrap li:nth-child(3n) { margin-right:4.761905%; }
#sigIndex ul#topics-wrap li:nth-child(2n) { margin-right:0; }
}
@media (max-width: 414px) {
#sigIndex ul#topics-wrap li { float:none; width:100%; margin-right:0; }
}



