@charset "utf-8";


.sec_blk{
	position: relative;
	background-color: #fff;
	padding: 170px 0 .1%;
}
.sec_blk::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background: url("../img/common/bg_base.jpg") repeat-y center top/100% auto;
	width: 100%;
	height: 100%;
	opacity: .5;
}
.sec_blk .inner_blk{
	position: relative;
	max-width: 900px;
	margin: 0 auto 85px;
}
.sec_blk .title{
	margin-bottom: 30px;
}
.sec_blk.recipe01 .title{	width: 414px;	}
.sec_blk.recipe02 .title{	width: 421px;	}
.sec_blk.recipe03 .title{	width: 469px;	}
.sec_blk.recipe04 .title{	width: 350px;	}
.sec_blk.recipe05 .title{	width: 381px;	}
.sec_blk.recipe06 .title{	width: 653px;	}
.sec_blk.recipe07 .title{	width: 614px;	}
.sec_blk.recipe08 .title{	width: 458px;	}
.sec_blk.recipe09 .title{	width: 725px;	}
.sec_blk.recipe10 .title{	width: 626px;	}
.sec_blk .wrap{
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
.sec_blk .wrap + .wrap{
	margin-bottom: 80px;
}
.sec_blk .wrap .photo{
	width: 418px;
}
.sec_blk .wrap .ingredients{
	display: block;
	width: 440px;
}
.sec_blk .wrap .howto{
	display: block;
	width: 580px;
}
.sec_blk .wrap .point_blk{
	display: block;
	width: 261px;
	margin-top: 28px;
}
.sec_blk .wrap .point_blk .time{
	display: block;
	margin-bottom: 30px;
}
.sec_blk .wrap .point_blk .point{
	display: block;
	margin-bottom: 30px;
}


@media screen and (max-width: 768px) {
	.sec_blk{
		padding-top: 31.667%;
		margin-bottom: 0;
	}
	.sec_blk::before{
		background-image: url("../img/common/bg_base_sp.jpg");
		opacity: 1;
	}
	.sec_blk .inner_blk{
		max-width: 82.667%;
		margin-bottom: 9.333%;
	}
	.sec_blk .title{
		margin-bottom: 5.161%;
	}
	.sec_blk.recipe01 .title{	width: 84.839%;	}
	.sec_blk.recipe02 .title{	width: 86.129%;	}
	.sec_blk.recipe03 .title{	width: 95.806%;	}
	.sec_blk.recipe04 .title{	width: 71.290%;	}
	.sec_blk.recipe05 .title{	width: 77.742%;	}
	.sec_blk.recipe06 .title{	width: 80.323%;	}
	.sec_blk.recipe07 .title{	width: 72.258%;	}
	.sec_blk.recipe08 .title{	width: 85.161%;	}
	.sec_blk.recipe09 .title{	width: 78.226%;	}
	.sec_blk.recipe10 .title{	width: 69.355%;	}
	.sec_blk .wrap{
		display: block;
		margin-bottom: 8.871%;
	}
	.sec_blk .wrap + .wrap{
		margin-bottom: 12.903%;
	}
	.sec_blk .wrap .photo{
		width: 100%;
		margin-bottom: 11.290%;
	}
	.sec_blk .wrap .ingredients{
		width: 100%;
	}
	.sec_blk .wrap .howto{
		width: 100%;
		margin-bottom: 12.903%;
	}
	.sec_blk .wrap .point_blk{
		width: 100%;
		margin-top: 0;
	}
	.sec_blk .wrap .point_blk .time{
		width: 100%;
		margin-bottom: 8.065%;
	}
	.sec_blk .wrap .point_blk .point{
		margin-bottom: 8.065%;
	}
}

.sec_blk .page_navi{
	position: relative;
	border-top: solid 2px #a88b4a;
	max-width: 900px;
	padding-top: 50px;
	margin: 0 auto 115px;
}
.sec_blk .page_navi .controll{
	display: flex;
	justify-content: center;
}
.sec_blk .page_navi .controll > p{
	margin: 0 20px;
}
.sec_blk .page_navi .controll .prev{
	width: 109px;
}
.sec_blk .page_navi .controll .next{
	width: 112px;
}
.sec_blk .page_navi .controll .tolist{
	width: 80px;
	margin-top: 3px;
}
@media screen and (max-width: 768px) {
	.sec_blk .page_navi{
		border-top: solid 1px #a88b4a;
		max-width: 82.667%;
		padding-top: 8%;
		margin-bottom: 9.333%;
	}
	.sec_blk .page_navi .controll{
		justify-content: space-between;
	}
	.sec_blk .page_navi .controll > p{
		margin: 0;
	}
	.sec_blk .page_navi .controll .prev{
		width: 28.548%;
	}
	.sec_blk .page_navi .controll .next{
		width: 29.677%;
	}
	.sec_blk .page_navi .controll .tolist{
		width: 21.129%;
		margin-top: 0.806%;
	}
}