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

.mv{
	width:100%;
	/*max-width:1600px;*/
	margin-top:50px;
	margin-bottom:0;	
}

.newlife{
	background-color:#F2F3DB;
	background-size:100% auto;
	background-repeat:repeat-y;
	margin: 0 auto;
	padding-top:80px;
	padding-bottom:80px;
}


.box{
	background-image: url("../img/title_2.jpg");
	background-size:100% auto;
	background-repeat: no-repeat;
	position: relative;
	width:100%;
	max-width:847px;
	margin: 0 auto 0 auto;
	padding-bottom:50px;
	border: medium solid #0F9362;
	background-color: #B8D44B;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	overflow: hidden;}


.box1{
	display: block;
	position: relative;
	background:#FFFFFF;
	width:100%;
	max-width:792px;
	padding-top:30px;
	height:100%;
	margin:54% auto 0 auto;
	padding-bottom: 50px;
	border: none;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	overflow: hidden;
}
.box2{
	display: block;
	position: relative;
	background:#FFFFFF;
	width:100%;
	max-width:792px;
	padding-top:30px;
	height:100%;
	margin:4% auto 0 auto;
	padding-bottom: 50px;
	border: none;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	overflow: hidden;
}

.itembox2{
	display: block;
	position: relative;
	background:#FFFFFF;
	width:100%;
	max-width:360px;
	height:480px;
	float:left;
	margin: 10px 2% 0 2%;
	border:solid 3px #B28247;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	overflow: hidden;
}
.itembox2 .itemname{
	font-size:1.3rem;
	font-weight: 600;
	line-height:1.5rem;
	margin-left:6%;
	margin-top:5%;
	height:3rem;
}

.itembox2 img{
	width:100%;
	padding-top:30px;
	transition: all 0.5s;
}

.itembox2 img:hover{
transform: scale(1.1,1.1);	
}

.itembox2 p{
	margin-top:30px;
	margin-left:5%;
	font-size:1.2rem;
	line-height:2rem;
}


.menu01{
	display:block;
	width:100%;
	max-width:750px;
	height:50px;
	font-size: 2rem;
	color:#ffffff;
	 line-height: 50px;
	text-align: center;
	background-color:#EA5514;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	margin:0 auto 20px auto;
}

@media screen and (min-width:769px) {
	.br-pc{display:block;}
	.br-sp{display:none;}

.pc { display: block !important; }
.sp { display: none !important; }
}


@media screen and (max-width:768px) {
.pc { display: none !important; }
.sp { display: block !important; }
	
	.mv{
	width:100%;
	margin-top:50px;
	margin-bottom:0;	
}

.menu01{
	display:block;
	width:90%;
	max-width:720px;
	height:50px;
	font-size: 1.3rem;
	color:#ffffff;
	 line-height: 50px;
	text-align: center;
	background-color:#EA5514;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	margin:0 auto 20px auto;
}


.box{
	display: block;
	background-image: url("../img/title_2.jpg");
		background-size:100% auto;
	background-repeat: no-repeat;
	position: relative;
	width:100%;
	height:auto;
	margin: -60px auto 0px auto;
	border: medium solid #0F9362;
	background-color: #B8D44B;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	overflow: hidden;
	}



.box1{
	display: block;
	position: relative;
	background:#FFFFFF;
	width:90%;
	max-width:640px;
	height:auto;
	margin: 54% auto 30px auto;
	border: none;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	overflow: hidden;
	
}
.box2{
	display: block;
	position: relative;
	background:#FFFFFF;
	width:90%;
	max-width:640px;
	height:auto;
	margin: 4% auto 40px auto;
	border: none;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	overflow: hidden;
}

.itembox2{
	display: block;
	background:#FFFFFF;
	width:50%;
	max-width:290px;
	height:auto;
	margin:10 10 10 10;
	margin-bottom:20px;
	border:solid 3px #B28247;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	overflow: hidden;
}
.itembox2 .itemname{
	font-size:1rem;

}
.itembox2 p{
	font-size:1rem;
}

}
@media screen and (max-width:640px) {
.pc { display: none !important; }
.sp { display: block !important; }
	
	.mv{
	width:100%;
	margin-top:50px;
	margin-bottom:0;	
}

.menu01{
	display:block;
	width:90%;
	max-width:640px;
	height:50px;
	font-size: 1.3rem;
	color:#ffffff;
	 line-height: 50px;
	text-align: center;
	background-color:#EA5514;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	margin:0 auto 20px auto;
}


.box{
	display: block;
	background-image: url("../img/title_2.jpg");
		background-size:100% auto;
	background-repeat: no-repeat;
	position: relative;
	width:100%;
	height:auto;
	margin: -60px auto 0px auto;
	border: medium solid #0F9362;
	background-color: #B8D44B;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	overflow: hidden;
	}



.box1{
	display: block;
	position: relative;
	background:#FFFFFF;
	width:90%;
	max-width:640px;
	height:auto;
	margin: 54% auto 30px auto;
	border: none;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	overflow: hidden;
	
}
.box2{
	display: block;
	position: relative;
	background:#FFFFFF;
	width:90%;
	max-width:640px;
	height:auto;
	margin: 4% auto 40px auto;
	border: none;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	overflow: hidden;
}

.itembox2{
	display: block;
	position: relative;
	background:#FFFFFF;
	width:80%;
	max-width:360px;
	height:auto;
	margin:auto auto auto 10%;
	margin-bottom:20px;
	border:solid 3px #B28247;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	overflow: hidden;
}

}
@media screen and (max-width:468px) {
.pc { display: none !important; }
.sp { display: block !important; }
	
	
.menu01{
	display:block;
	width:90%;
	max-width:640px;
	height:50px;
	font-size: 1rem;
	color:#ffffff;
	 line-height: 50px;
	text-align: center;
	background-color:#EA5514;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	margin:0 auto 20px auto;
}


.box{
	display: block;
	background-image: url("../img/title_2.jpg");
		background-size:100% auto;
	background-repeat: no-repeat;
	position: relative;
	width:100%;
	height:auto;
	margin: -60px auto 0px auto;
	border: medium solid #0F9362;
	background-color: #B8D44B;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	overflow: hidden;
	}



.box1{
	display: block;
	position: relative;
	background:#FFFFFF;
	width:90%;
	max-width:640px;
	height:auto;
	margin: 54% auto 30px auto;
	border: none;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	overflow: hidden;
	
}
.box2{
	display: block;
	position: relative;
	background:#FFFFFF;
	width:90%;
	max-width:640px;
	height:auto;
	margin: 4% auto 40px auto;
	border: none;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	overflow: hidden;
}

.itembox2{
	display: block;
	position: relative;
	background:#FFFFFF;
	width:80%;
	max-width:360px;
	height:auto;
	margin:auto auto auto 10%;
	margin-bottom:20px;
	border:solid 3px #B28247;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	overflow: hidden;
}
.itembox2 .itemname{
	font-size:1rem;
	font-weight: 600;
	line-height:1.5rem;
	margin-left:6%;
	margin-top:5%;
	height:3rem;
}
	.itembox2 p{
	margin-top:30px;
	margin-left:5%;
	font-size:1rem;
	line-height:2rem;
}

}