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

.oventop{
	position:relative;
	max-width:949px;
	width:100%;
	height:290px;
	border:#000 1px solid;
	margin:0px auto 10px;
	overflow:hidden;
	}

.oven0{
	position: absolute;
	overflow: hidden;
	top:-32%;
	left:-10%;
	width: 494px;
	height: 488px;}
	
.oven0 img,.oven2 img,.oven3 img,.oven5 img{
	width:100%;
	height:auto;}

.oven2{
	position: absolute;
	overflow: hidden;
	top:-16%;
	left:66%;
	width: 347px;
	height: 337px;}

.oven3{
	position: absolute;
	top:4%;
	left:38%;
	width: 283px;
	height: 139px;}	
	
.oven4{
	position: absolute;
	text-align:center;
	top:54%;
	left:44%;
	width: 160px;
	height: auto;}
	
.oven4 p{
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	letter-spacing:normal;
	line-height:130%;}	
		
	
.oven5{
	position: absolute;
	text-align:center;
	top:78%;
	left:40%;
	width: 256px;
	height: auto;}
	
.oven6{
	display:none;}				

.kuwaoven{position:absolute;
	top:90%;
	left:80%;
	font-size:15px;
	letter-spacing:-1px;}	
	
/*ここから先のページ分*/
	
.headobipor{
	display:block;
	padding:4px 4px 4px 20px;
	width:100%;
	height:40px;
	text-align:left;
	background-color:#d1c5a7;}

.wrapperoven{
	margin:0 auto;
	width:100%;
	}	
	
.inneroven{
	position:relative;
	margin:0 auto;
	max-width:860px;
	width:100%;}
	
.inneroven2{
	position:relative;
	margin:10px auto;
	width:1030px;
	height:1200px;
	overflow:hidden;}
	
.inneroven3 img{
	width:100%;
	height:auto;}

.inneroven3{
	display:none;}


@media only screen and (max-width:1030px){
	
.inneroven2{
	margin:0;
	width:100%;
	overflow:hidden;}
	
.inneroven2 img{
	position:absolute;
	left:50%;
	width:1030px;
	height:1200px;
	margin-left:-515px;}	
	
	
}
	
@media only screen and (min-width:960px){
	
		
	}
	

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

.oven0{
	position: absolute;
	overflow: hidden;
	top:-32%;
	left:-10%;
	width: 480px;
	height: auto;}

.oven2{
	position: absolute;
	overflow: hidden;
	top:-16%;
	left:66%;
	width: 330px;
	height: auto;}
	
	}

	
@media only screen and (max-width:860px){
.oventop{
	height:290px;
	}

.oven0{
	top:-28%;
	left:-14%;
	width: 430px;}
	
.oven2{
	top:-16%;
	left:70%;
	width: 300px;}

.oven3{
	top:3%;
	left:40%;
	width: 260px;
	height:auto;}	
	
.oven4{
	top:50%;
	left:45%;
	width: 160px;
	height: auto;}	
	
.oven5{
	top:78%;
	left:44%;
	width: 230px;
	height: auto;}	
			
.kuwaoven{
	font-size:14px;
	letter-spacing:-1px;}	
	
/*ここから*/		
.inneroven2{
	display:none;}

.inneroven3{
	display:block;
	position:relative;
	margin:10px auto;
	width:100%;}
	
	
	}
	
		
@media only screen and (max-width:640px){
	
.oventop{
	height:290px;
	}

.oven0{
	top:-18%;
	left:-16%;
	width:380px;}
	
.oven2{
	top:-20%;
	left:70%;
	width: 290px;}

.oven3{
	left:38%;
	width: 220px;}	
	
.oven4{
	top:48%;
	left:45%;
	width: 160px;
	height: auto;}	
	
.oven5{
	top:78%;
	left:46%;
	width: 200px;
	height: auto;}	
			
.kuwaoven{
	top:92%;
	left:78%;
	font-size:13px;
	letter-spacing:-1px;}		
	
	}
	
@media only screen and (max-width:600px){
	

.oven0{
	top:-18%;
	left:-16%;
	width:360px;}
	
	}		

@media only screen and (max-width:480px){
		
.oventop{
	height:400px;}

.oven0{
	top:36%;
	left:-16%;
	width:380px;}

.oven2{
	top:-16%;
	left:50%;
	width:290px;}

.oven3{
	top:6%;
	left:5%;
	width: 240px;}	
	
.oven4{
	top:74%;
	left:61%;
	width: 160px;}
	
.oven4 p{
	font-size:14px;}

.oven5{
	display:none;}		
	
.oven6{
	display:inline;
	position: absolute;
	text-align:left;
	top:58%;
	left:60%;
	}	
	
.oven6 h1{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:18px;
	letter-spacing:-2px;
	line-height:120%;}
			

.kuwaoven{
	top:93%;
	left:70%;
	font-size:12px;
	letter-spacing:-1px;}	


}

@media only screen and (max-width:414px){
	
.oventop{
	height:440px;}

.oven0{
	top:46%;
	left:-16%;
	width:360px;}

.oven2{
	top:-10%;
	left:50%;
	width:290px;}

.oven3{
	top:6%;
	left:5%;
	width: 200px;}	
	
.oven4{
	top:60%;
	left:61%;
	width: 160px;}
	
.oven4 p{
	font-size:14px;}

.oven5{
	display:none;}		
	
.oven6{
	top:34%;
	left:4%;
	}	


}

@media only screen and (max-width:375px){
			
.oven4{
	top:56%;
	left:71%;
	width: 100px;}

.kuwaoven{
	top:93%;
	left:70%;
	font-size:11px;
	letter-spacing:-1px;}	

}

@media only screen and (max-width:360px){
.oven3{
	top:6%;
	left:5%;
	width: 180px;}
	
.oven0{
	top:46%;
	left:-16%;
	width:320px;}
				
.oven4{
	top:56%;
	left:71%;
	width: 100px;}

.kuwaoven{
	top:93%;
	left:70%;
	font-size:11px;
	letter-spacing:-1px;}	

}



@media only screen and (max-width:320px){
.oven2{
	top:-5%;
	left:50%;
	width:270px;}
		
.oven3{
	top:3%;
	left:5%;
	width: 180px;}
	
.oven0{
	top:46%;
	left:-16%;
	width:320px;}
				
.oven4{
	top:56%;
	left:71%;
	width: 100px;}
	
.oven6{
	top:30%;
	left:4%;}
	
.oven6 h1{
	font-size:16px;}

.kuwaoven{
	top:93%;
	left:65%;
	font-size:11px;
	letter-spacing:-1px;}	


}