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

.category-list ul{
	width: 100%;
	display: flex;
	frex-direction: row;
    flex-wrap: wrap;
	justify-content: space-between;
	list-style-type: none;
	padding-left: 0;
}

.category-list li:after{
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: "\f105";
   color: #b5b5b5;
   font-size: 1.5rem;
   position: absolute;
   top: 30%;
   right: 20px;
}

.category-list .link{
	display: block;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (min-width: 768px){
.category-list{
	max-width: 880px;
	width: 100%;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	margin: 0 auto;
	color: #333;
	margin-top: 20px;
	margin-bottom: 50px;
}
.category-list p{
	font-size: 1.5rem;
	border-bottom:1px solid #ccc;
	border-left:10px solid #ccc;
	/* background-color: #b5b5b5; */
	margin: 0 0 12px;
	padding: 10px;
}
.category-list li{
	width: 32.5%;
	position: relative;
	font-size: 1.25rem;
	background-color: #EFEFEF;
	padding: 15px 0 15px 4%;
	margin-bottom: 12px;
}

.category-list li:hover{
	background:#666;
	color:#fff;
	transition:0.2s;

}

.category-list .dummy{
	display: block;
	visibility: hidden;
}


}

@media screen and (max-width: 767px){

.category-list{
	width: 100%;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	margin: 0 auto;
	color: #333;
	margin-top: 20px;
	margin-bottom: 50px;
}

.category-list p{
	font-size: 1.5rem;
	text-align:center;
	border-bottom:3px solid #ccc;
	margin: 0 0 12px;
	padding:15px 0 5px;
	font-weight:bold;
	color:#666;
}

.category-list .dummy{
	display: none;
}

.category-list li{
	width: 48.5%;
	position: relative;
	font-size: 1.3rem;
	background-color: #EFEFEF;
	padding: 15px 0 15px 4%;
	margin-bottom: 12px;
}
}