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



.conte_bbq{
	padding: 60px 0;
	margin:100px 0;
	background: url(../img/bg_bord.jpg)repeat; 
	background-size: 80%;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}

.conte_bbq .family{
	margin: 60px 0 0 auto;
}
.conte_bbq .illu{
	position: relative;
	min-height: 160px;
}
.conte_bbq .illu li{
	position: absolute;
}
.conte_bbq .illu li:nth-child(1){
	left: 50px;
	top:-100px;
}
.conte_bbq .detail .illu{
	position: absolute;
}
.conte_bbq .detail .illu li:nth-child(1){
	left:80px;
	top:30px;
}
.conte_bbq .detail .illu li:nth-child(2){
	left: 180px;
    top: 20px;
}
.conte_bbq .detail .illu li:nth-child(3){
	left: 300px;
	top: 80px;
}


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

	#bbq .family{
		text-align: center;
		margin-top: 60px;
	}
	#bbq .family img{
		width: auto;
	}
	.conte_bbq .illu li{
		position: relative;
	}
	.conte_bbq .illu li:nth-child(1){
	position: relative;
	text-align: center;
	left: auto;
	top:0;
	}
	.conte_bbq .detail .illu li:nth-child(1){
	    left: 10px;
    	top: -190px;
	}
	.conte_bbq .detail .illu li:nth-child(2){
	    left: 80px;
    	top: -220px;
	}
	.conte_bbq .detail .illu li:nth-child(3){
		left: 650px;
    	top: -344px;
    }









}
@media screen and (max-width:767px){

	.conte_bbq .detail .illu li{
		display: none;
	}
	#bbq .family img {
	    width: 80%;
	}
	.conte_bbq .illu li:nth-child(1){
		top:30px;
	}
	.conte_bbq .illu li:nth-child(1) img{
    width: 100%;
	}

}