/*/////////////// CSS変数設定 ///////////////////*/
@import "./root.css";
/*/////////////// CSS変数設定 ///////////////////*/


@media screen and (max-width: 1049px) {
	.newface_frame{width:100%;}
}
@media screen and (min-width: 1050px) {
	.newface_frame{width:1050px;}
}


.newface_frame ul{
	list-style-type:none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;

	-ms-flex-wrap: wrap;	
	flex-wrap: wrap;
	
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

@media screen and (max-width: 524px) {
	.newface_frame ul li{
		width:calc(96vw / 2);
		margin:0 0 15px;
		text-align:center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;		
	}
}
@media screen and (min-width:525px) and (max-width:699px) {
	.newface_frame ul li{
		width:calc(100vw / 3);
		margin:0 0 15px;
		text-align:center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;		
	}
}
@media screen and (min-width:700px) and (max-width:874px) {
	.newface_frame ul li{
		width:calc(100vw / 4);
		margin:0 0 15px;
		text-align:center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;		
	}
}
@media screen and (min-width:875px) and (max-width:1049px) {
	.newface_frame ul li{
		width:calc(100vw / 5);
		margin:0 0 15px;
		text-align:center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;		
	}
}
@media screen and (min-width: 1050px) {
	.newface_frame ul li{
		width:175px;
		margin:0 0 15px;
		text-align:center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;		
	}
}
