@charset "UTF-8";


/*----------------------------------------
　PC
-------------------------------------------*/
@media print, screen and (min-width: 769px){

.forshop .boxTool{
	width: 900px;
	margin: auto;
	margin-top: 50px;
}

.forshop .boxTool .box{
	text-align: center;
}

.forshop .boxTool .box .image{
	margin-bottom: 20px;
}

.forshop .boxTool .box h4{
	font-size: 1.6em;
	color: #00662C;
	margin-bottom: 6px;
}

.forshop .boxTool .box p{
	font-size: 1.2em;
}

.forshop .boxTool .box .btn{
	margin-top: 20px;
}

.forshop .boxShop{
	width: 670px;
	margin: auto;
	margin-top: 40px;
	margin-bottom: 40px;
	border:1px solid #CCC;
	padding: 20px 30px 20px 30px;
}
.forshop .boxShop h4{
	font-size: 1.5em;
	color: #00662C;
	margin-bottom: 8px;
}
.forshop .boxShop p{
	font-size: 1.2em;
}

}






/*----------------------------------------
　Mobile
-------------------------------------------*/
@media screen and (max-width: 768px){

#contents.forshop{

	margin-top: 30px !important;
}

.forshop .boxTool{
	width: 90%;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 40px;
}

.forshop .boxTool .box{
	text-align: center;
}

.forshop .boxTool .box .image{
	margin-bottom: 20px;
}

.forshop .boxTool .box h4{
	font-size: 1.6em;
	color: #00662C;
	margin-bottom: 6px;
}

.forshop .boxTool .box p{
	font-size: 1.4em;
}

.forshop .boxTool .box .btn{
	margin-top: 20px;
}

.forshop .boxShop{
	width: 75%;
	margin: auto;
	margin-top: 40px;
	margin-bottom: 40px;
	border:1px solid #CCC;
	padding: 20px 20px 10px 20px;
}
.forshop .boxShop h4{
	font-size: 1.7em;
	color: #00662C;
	margin-bottom: 10px;
}
.forshop .boxShop p{
	font-size: 1.4em;
}


}