#category_index_list{padding: 50px 0;}
#category_index_list > .container{display:flex;flex-wrap:wrap;margin:0 auto;}
#category_index_list > .container > .item{width:30.5%;max-width:360px;margin:0 0 55px 4.25%;background-color: transparent;}
@media screen and (min-width:641px){
	#category_index_list > .container > .item:nth-of-type(3n+1){margin-left:0}
}
#category_index_list > .container > .item > a{display:block;transition:all ease .2s;color:#222;}
#category_index_list > .container > .item > a:hover{text-decoration:none;opacity:.7;}
#category_index_list > .container > .item .thumb{border:1px solid #c2c2c2;margin-bottom:20px;}
#category_index_list > .container > .item .thumb > img{display:block;width:100%;z-index:0;}
#category_index_list > .container > .item .wrap{padding: 0;}
#category_index_list > .container > .item .wrap h3{font-size:1.125rem;letter-spacing:.18em;font-weight:700;margin-bottom:10px;}
#category_index_list > .container > .item .wrap p{font-size:1rem;line-height:1.5;letter-spacing:.18em;}
#category_index_list > .container > .item .wrap p.blank::after{vertical-align:initial;opacity:.8;margin-left:.3em;}

@media screen and (max-width:640px){
	#category_index_list{margin: 0; padding: 30px 0 50px;}
	#category_index_list > .container{display:block;margin:0 auto;}
	#category_index_list > .container > .item{width:100%;max-width:none;margin:0 auto 3em;}
	#category_index_list > .container > .item a .wrap{padding: 0;}
	#category_index_list > .container > .item .image{margin-bottom:1em;}
	#category_index_list > .container > .item .wrap h3 .icon_blank{background-position: right top 7px;}
}