/*---------------------------------------------
 画像付き一覧リストテーブルレイアウト(画像上・テキスト下・全体に枠あり)
---------------------------------------------*/
#backbt{padding:30px 0px 0px 0px;}
.list_type02 table,.list_type02 tbody{display:block; font-size:0;}

#c_list_block_0001{width:861px; margin:0px auto;}

/* 表本枠指定 */
.list_type02 {
clear: both;
margin: 10px auto;
padding: 0px;
}

/* リストテーブル基本枠指定 */
.list_type02 table {
clear: both;
width: 100%;
margin: 0px auto;
padding: 0px;
}
.list_type02 tbody {
text-align:left;
width: 100%;
margin: 0px;
padding: 0px;
}


/* リストテーブル箇所指定 */
.list_type02 tr,.list_type02 td {
display:inline-block;
margin: 0px;
padding: 0px 0px 0px 0px;
vertical-align: top;
text-align:left;
}
.list_type02 tr{padding:0px 3px 1% 3px;}

/* 専用装飾指定
---------------------------------------------*/
/* サムネイル指定 */
.list_type02 .sm {
width: 89px;
height:116px;
overflow:hidden;
margin: 0px;
padding: 0px 0px;
position:relative;
}
.list_type02 .sm img{
position:absolute;
top:0px;
filter: gray;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
opacity:0.5;
}
.list_type02 .sm a img{
filter: none;
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
opacity:1;
}

.list_type02 .sm a{
display:block;
}
.list_type02 .sm a:hover{
filter:brightness(1.1);
-moz-filter:brightness(1.1);
-webkit-filter:brightness(1.1);
}
.list_type02 .sm a.crt:hover{
filter:brightness(1.0);
-moz-filter:brightness(1.0);
-webkit-filter:brightness(1.0);
}
.list_type02 .sm a.crt img{
top:auto;
bottom:0px;
}

@media screen and (max-width:451px) {
#c_list_block_0001{width:100%; margin:0px auto;}
.list_type02 tr{width:20%; padding-left:0px;padding-right:0px;padding-bottom:2%;}
.list_type02 td{width:95%;}
.list_type02 .sm {
width: 100%;
height:auto;
overflow:hidden;
margin: 0px;
padding: 130% 0% 0px 0px;
position:relative;
}
.list_type02 .sm img{
width:100%;
height:auto;
}


}