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


.boxCagegory{
margin-bottom:5em;
}
.boxCagegory h3{
background:var(--first-color);
color:#fff;
text-align:center;
padding:0.9em 1.3em;
margin-bottom:1.0em;
}

.boxCagegory .item{
border:solid 1px #999;
margin-bottom:2.3em;
}

.boxCagegory .item .title{
padding:0.6em 1.5em;
border-bottom:solid 1px #ccc;
margin-bottom:1.0em;
}

.boxCagegory .item .photo{
background:#000;
display:none;
}

.boxCagegory .item .text{
font-size:0.95em;
padding:0.6em 1.5em;
}



#naviScrCategory{
margin:0;
padding:0;
margin-bottom:5.0em;
}
#naviScrCategory li{
padding:0;
margin:0;
margin-bottom:0.5em;
}
#naviScrCategory li:last-child{
margin-bottom:0;
}

#naviScrCategory a{
display:block;
padding:0.5em 1.1em;
text-align:center;
border:solid 1px #ccc;
}


/* ウィンドウ幅が768px〜の場合に適用するCSS */
@media screen and ( min-width:768px ){


	.boxCagegory{
	margin-bottom:200px;
	}

	.boxCagegory h3{
	font-size:1.3em;
	padding:19px 17px;
	margin-bottom:50px;
	}
	
	.boxCagegory .listItem{
	display:flex;
	flex-wrap: wrap;
	}
	
	.boxCagegory .listItem .item{
	width:25%;
	width : -webkit-calc(25% - 15px) ;
	width : calc(25% - 15px) ;
	margin-right:10px;
	}
	
	#naviScrCategory{
	display:flex;
	justify-content: center;
	margin-bottom:100px;
	}
	
	#naviScrCategory li{
	margin:0;
	}


}