@charset "UTF-8";
/* CSS Document  最初〜生ハム　オーブン〜*/

/*最初のピザから野菜まで */
 
.hometopp1{
	width:100%;
	overflow-x:hidden;}
	
.wrappertop{
	max-width:960px;
	width:100%;
	padding:0;
	margin:0px auto;
	zoom:1;
	background:none;
	}
	
.crearpizza{
	margin-top:50px;
	margin-left:-190px;
	width:952px;
	height:auto;
	float:left;
	}	
	
.crearpizza3{
	position:relative;
	margin-top:100px;
	margin-left:-160px;
	width:1100px;
	height:auto;
	float:left;
	}		
	
@keyframes r1 {
0%   { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

.title1{
	float:left;
	margin-top:550px;
	margin-left:40px;
	width:48px;
	height:214px;}
	
.title1B{
	position:absolute;
	top:46%;
	left:88%;
	width:48px;
	height:214px;}

.crearpizza img,.title1 img,.makigama1 img,.crearpizza3 img{
	width:100%;
	height:auto;}
	
.title2{
	margin-left:8%;
	margin-bottom:70px;}
	
.title2 p{
	font-size:13px;}	
	
.title2B{
	position:absolute;
	top:92%;
	left:16%;}
	
.title2B p{
	font-size:13px;}
	
	
	
.hometopp2{
	width:100%;
	background-color:#253215;
	overflow-x:hidden;
	}
	
.makigama1{
	display:block;
	margin-top:55px;
	margin-bottom:80px;
	margin-left:-3%;
	width:50%;
	height:auto;
	float:left;}
	
.title3{
	float:left;
	margin-top:55px;
	margin-left:23%;
	width:57px;
	height:303px;}
	
.title32{
	display:none;}
	
.title3 img,.title32 img,.manpizza img,.manpizza3 img,.yasai1 img,.title4 img{
	width:100%;
	height:auto;}	
	
.manpizza{
	display:block;
	width:984px;
	height:auto;}
	
.manpizza3{
	display:none;}
	
	
.hometopp3{
	width:100%;
	background-color:#253215;
	overflow-x:hidden;}
	
.yasai1{
	display:block;
	float:left;
	margin-top:40px;
	margin-left:8%;
	margin-bottom:80px;
	width:63%;
	height:auto;}
	
.title4{
	display:block;
	float:left;
	margin-top:106px;
	margin-left:8%;
	width:12%;
	height:auto;}

	
	
	
/* 赤いボタンのところ*/

.hometopp4{
	width:100%;
	margin:0 auto;
	background-color:#dacab6;
	overflow-x:hidden;} 
	
.minirogo1{
	display: block;
	width:18%;
	height:auto;
	margin-left:75%;
	margin-bottom:20px;}

.botanbox{
	display: block;
	margin-left:28%;
	margin-top:100px;
	margin-bottom:20px;}
		
.botanaka{
	width:16%;
	height:auto;
	float:left;
	margin-left:20px;}
	
.minirogo1 img,.botanaka img,.shopbotan img{
	width:100%;
	height:auto;}

.hometopp5{
	width:100%;
	margin:0 auto;
	background-color:#d71518;
	height:77px;
	overflow-x:hidden;} 
	
.shopbotan{
	width:100%;
	height:auto;}
		
.tenpobotan{
	float:left;
	width:25%;
	height:auto;}
	

	
	
	
@media only screen and (max-width:960px){
	
.wrappertop{
	max-width:100%;
	width:100%;}
	
.crearpizza{
	margin-left:-20%;
	width:100%;}
	
.title1{
	margin-top:570px;
	margin-left:4%;}
	
.crearpizza3{
	margin-left:-14%;
	width:114%;}

	
.manpizza{
	width:103%;}
	
			

	
.hometopp5{
	height:auto;} 
	
}

@media only screen and (max-width:840px){
	
.title1{
	margin-top:480px;
	width:44px;
	height:auto;}
	
.title2 p{
	font-size:12px;}
	
.title1B{
	width:44px;
	height:auto;}
	
.title2B p{
	font-size:12px;}

	
.makigama1{
	margin-top:50px;}
	
.title3{
	margin-top:50px;
	width:53px;
	height:auto;
	margin-left:15%;
	margin-bottom:60px;}
	
.botanbox{
	margin-left:18%;}
	
.minirogo1{
	width:24%;
	margin-left:70%;}
		
.botanaka{
	width:22%;
	margin-left:3%;}
	
		
}

@media only screen and (max-width:750px){

.manpizza{
	display:none;}
	
.manpizza3{
	display:inherit;
	width:100%;
	height:auto;}
	
	
}

@media only screen and (max-width:640px){
	
.title1{
	margin-top:400px;
	width:40px;}

.title1B{
	width:40px;}

.makigama1{
	margin-top:40px;
	width:60%;}
	
.title3{
	margin-top:40px;
	width:48px;}
	

	
	
}

@media only screen and (max-width:480px){
	
.crearpizza{
	margin-left:-30%;
	width:110%;}
	
.title1{
	margin-top:320px;
	width:40px;}
	
.title2{
	margin-bottom:40px;}
	
.title2 p{
	font-size:11px;}
	
	
.crearpizza3{
	margin-top:80px;
	margin-bottom:60px;}		
	
.title1B{
	width:40px;}
	
.title2B{
	top:96%;}
	
.title2B p{
	font-size:11px;}
	
	
.makigama1{
	margin-top:50px;
	width:75%;}
	
.title3{
	display:none;}
	
.title32{
	display:inherit;
	float:left;
	margin-top:50px;
	margin-left:6%;
	margin-bottom:60px;
	width:65px;
	height:auto;}
	

.yasai1{
	margin-top:60px;
	margin-bottom:100px;
	width:55%;}
	
.title4{
	margin-top:43px;
	margin-left:8%;
	width:82px;
	margin-bottom:40px;}	
	
.minirogo1{
	width:40%;
	margin-left:55%;}
	
.botanbox{
	margin-left:5%;}
		
.botanaka{
	width:28%;
	margin-left:3%;}
	


}


@media only screen and (max-width:414px){
		
.title1B{
	width:38px;}
	
.title1{
	margin-top:300px;
	width:38px;}	
	

	
}


@media only screen and (max-width:375px){

.title1B{
	width:36px;}
	
.botanbox{
	margin-top:80px;}
	
.title1{
	margin-top:280px;
	width:36px;}
	
	
}


	
/* ランチのところから*/	

.centreimg954{
	max-width:900px;
	margin:0 auto;
	width:92%;
	height:auto;}
	
.centreimg954 img,.nama2022 img,.title5 img{
	width:100%;
	height:auto;}

.centreimg954 h1,.centreimg954 p{
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-weight:normal;
	color:#152605;}

.centreimg954 h1{
	text-align:center;
	margin-top:100px;
	margin-bottom:40px;
	font-size:32px;
	letter-spacing:-4px;
	}
	
.centreimg954 p{
	text-align:justify;
	margin:60px auto 80px;
	font-size:18px;
	letter-spacing:-1px;
	width:58%;
	}
	
.hometopp6{
	width:100%;
	margin:0 auto;
	background-color:#253215;
	overflow-x:hidden;}
	
.nama2022{
	width:52%;
	height:auto;
	float:left;
	margin-bottom:0px;}
	
.title5{
	float:left;
	margin-top:170px;
	margin-left:2%;
	width:38%;
	height:auto;}
	
.hometopp6 p{
	text-align:justify;
	float:left;
	margin-top:30px;
	margin-left:2%;
	width:42%;
	height:auto;
	color:#FFFFFF;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size:18px;
	letter-spacing:-1px;}
	
.hometopp6 h4{
	float:left;
	margin-top:10px;
	margin-left:15%;
	color:#FFFFFF;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size:18px;
	letter-spacing:-1px;
	width:auto;}
	
.ovenp{
	width:31%;
	height:auto;
	float:left;}
	
.ovenp img{
	width:100%;
	height:auto;}
	
.title7{
	float:left;
	margin-top:80px;
	margin-left:12%;
	width:auto;
	height:auto;}
	
.title7 p{
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size:18px;
	letter-spacing:-1px;}
	
.title72{
	display:none;}






@media only screen and (max-width:954px){
	
.centreimg954{
	max-width:100%;}
}



@media only screen and (max-width:840px){
	
.hometopp6 p{
	margin-top:20px;}
	
.hometopp6 h4{
	margin-top:20px;
	margin-left:10%;}
	
.title5{
	width:44%;
	margin-top:100px;}
	
.title7{
	margin-top:70px;
	margin-left:6%;
	margin-bottom:50px;}
	
}

@media only screen and (max-width:750px){
	
.centreimg954 h1{
	font-size:28px;
	letter-spacing:-3px;}
	
.centreimg954 p{
	font-size:18px;
	width:60%;}
	
	
}

@media only screen and (max-width:640px){

.nama2022{
	width:108%;
	float:none;}
		
.title5{
	float:none;
	margin-top:40px;
	margin-left:8%;
	width:365px;}
	
.hometopp6 p{
	float:none;
	margin-top:10px;
	margin-left:12%;
	width:80%;}
	
.hometopp6 h4{
	float:none;
	margin-top:12px;
	margin-left:40%;
	margin-bottom:40px;}
		
.title7{
	display:none;}
	
.title72{
	display:inherit;
	float:left;
	margin-top:40px;
	margin-bottom:30px;
	margin-left:5%;
	width:58%;
	height:auto;}
	
.title72 p{
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size:18px;
	letter-spacing:-2px;}
	

}


@media only screen and (max-width:480px){
	
.centreimg954{
	width:100%;}
	
.centreimg954 h1{
	margin-top:80px;
	font-size:24px;
	margin-bottom:30px;}
	
.centreimg954 p{
	width:80%;
	margin:50px auto 50px;}

.title5{
	margin-left:4%;
	width:90%;}
	
.hometopp6 p{
	margin-left:8%;
	width:84%;}

.hometopp6 h4{
	text-align:right;
	margin-right:8%;
	margin-left:auto;
	margin-top:24px;}
	

.ovenp{
	width:40%;}
	
.title72{
	margin-top:60px;
	margin-bottom:50px;
	margin-left:4%;
	width:50%;}

	
}



@media only screen and (max-width:375px){
	
.centreimg954 h1{
	font-size:21px;}
	
.centreimg954 p{
	font-size:16px;
	width:84%;
	margin:40px auto 50px;}
	

	
.hometopp6 p,.hometopp6 h4{
	font-size:16px;
	letter-spacing:-1px;}
	

	
.title72 p{
	font-size:16px;}
}



	
/*下の説明部分*/

.mainBanner2{
	margin:0 auto;
	padding:10px 50px;}

section.content article{
padding:30px 0 0px 0;
border:none;
overflow:hidden;
}

section.content p{margin-bottom:5px;}

h3.heading{
	font-size: 28px;
	letter-spacing:-3px;
	font-weight: bold;
	line-height: 1.4;
	color: #666;
	margin-top:60px;
	margin-bottom:30px;}
	
h3{
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
	
section.content p{
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size:18px;
	letter-spacing:-1px;}
	

section.content img{
max-width:100%;
height:auto;}
	
.alignleft{
float:left;
clear:left;
margin:3px 10px 10px 0;
}

.alignright{
float:right;
clear:right;
margin:3px 0 10px 10px;
}

.nakamidasi,.nakamidasi2{
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size:24px;
	letter-spacing:-1px;
	font-weight:bold;
	color: #666;}
	
@media only screen and (max-width:768px){

h3.heading{
	font-size: 26px;
	margin-top:40px;
	margin-bottom:20px;}
	
.nakamidasi,.nakamidasi2{
	font-size:22px;}
	
}

@media only screen and (max-width:640px){
	
.mainBanner2{
	padding:10px 20px;}
	
.alignleft,.alignright{
	float:none;
	display:block;
	margin:0 auto 30px;}

	
h3.heading{
	font-size: 24px;
	margin-top:40px;
	margin-bottom:10px;}
	
.nakamidasi,.nakamidasi2{
	font-size:20px;}



}

@media only screen and (max-width:414px){
	
.alignleft,.alignright{
	margin:0 auto 20px;
	}

}

@media only screen and (max-width:375px){
	
h3.heading{
	font-size: 20px;
	margin-top:40px;
	margin-bottom:10px;}
	
.nakamidasi,.nakamidasi2{
	font-size:18px;}

	
section.content p{
	font-size:16px;}
	

}