@charset "utf-8";

/* ////////////////////////////////////////
PC,SP共通 
//////////////////////////////////////// */


.factory #boxer .boxer-image{
	width: 100%!important;
	height: 100%!important;
}
.factory #boxer .boxer-container{
	height: 100%!important;
}
.boxer-content{
	position: relative;
}
.boxer-control{
	border-radius: 0!important;
}
/* ////////////////////////////////////////
PC,SP共通
//////////////////////////////////////// */


/* ////////////////////////////////////////
PCのみ
//////////////////////////////////////// */

@media screen and (min-width: 751px) , print{
	.wrap-factory{
		padding: 80px 0 120px;
		margin: -10px;
	}
	.wrap-factory > *{
		margin: 10px;
	}
	
	.factory #boxer{
		max-width: 1034px!important;
		width: 90%!important;
		height: auto!important;
	}

	.boxer-meta{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%!important;
		height: 100%!important;
	}
	.boxer-control{
		top: 0!important;
		bottom: 0!important;
		width: 50%!important;
		height: 100%!important;
		margin: 0!important;
		background: none!important;
	}
	.boxer-control.previous{
		left: 20px!important;
	}
	.boxer-control.next{
		right: 20px!important;
	}
	.boxer-control.previous:hover{
		background: url(../images/prev-boxer.png) no-repeat left center!important;
		background-size: 54px 54px!important;
	}
	.boxer-control.next:hover{
		background: url(../images/next-boxer.png) no-repeat right center!important;
		background-size: 54px 54px!important;
	}
}


/* ////////////////////////////////////////
PCのみ
//////////////////////////////////////// */


/* ////////////////////////////////////////
SPのみ
//////////////////////////////////////// */

@media screen and (max-width: 750px) {
	.inner-contents{
		padding: 0 3%;
	}
	.wrap-factory{
		padding: 8.6vw 0;
	}

	.factory #boxer{
		height: auto!important;
	}

}


/* ////////////////////////////////////////
SPのみ
//////////////////////////////////////// */