@charset "utf-8";

.main_area{
	background-color: #f0ecdd;
	overflow:hidden;
	padding:0 0 3rem;
}

h1{background-color:#ffe43f;
	font-size:2.2rem;
	color:#fff;
	font-weight:bold;
	margin:3rem 0 0;
	padding: 0rem;
	text-align: center;

	}
	
	h1 span{font-size:80%;}

@media only screen and (max-width: 736px) {
	.main_area{padding:0 0 1rem;}	
h1 {    margin:1rem auto 0;
        font-size: 1.5rem;
        line-height: 150%;
        padding: 0rem 1rem;    }
}
/*料理動画*/
.cooking_movie{width: 100%;aspect-ratio: 16 / 9;}
.cooking_movie iframe{width: 100%;height:100%;}
.cooking_movie p{font-size:1.2rem;}
.movie_btn{margin:0 auto 2rem;background-color:#f4edde;overflow: hidden;padding:0rem 4rem 1rem;}
.movie_btn ul{width:100%;display:block;}
.movie_btn ul li{width:50%;float:left;padding:2rem 1.2rem 1rem;}
.movie_btn ul li a{cursor:pointer;}
.movie_btn ul li img{width:100%;}
.movie_btn p{text-align:center;display:block;text-decoration:none; font-size: 2rem;}
.movie_btn a{text-decoration:none;}
@media only screen and (max-width: 736px) {
	.cooking_movie{width: 100%;}	
	.cooking_movie p{font-size:1.1rem;}
	.movie_btn{margin:0 auto 3rem;padding:2.5rem 0rem;}
	.movie_btn ul li{width:88%;float:none;margin:0 auto 0rem;padding:0;font-size: 1.8rem;}
	.movie_btn ul li:nth-child(2){margin-top:1.5rem;}
	.movie_btn p{font-size:1.6rem;}
}

.movie_link{margin:2rem auto 0rem;overflow: hidden;padding:1.2rem 4rem 1.2rem;}
.movie_link p{text-align:center;display:block;text-decoration:none; margin: 0 auto;}
.movie_link a{text-decoration:none;color:#FFF;font-size:1.8rem;font-weight:bold;padding:2rem;width:300px;border-radius:3rem;display:block;background-color:#333;text-align:center;margin:0.5rem auto 0;}



@media only screen and (max-width: 736px) {
	.movie_link{padding:0rem;margin:1rem auto 2.5rem;width:100%;}
	.movie_link a{width:80%;font-size:1.5rem;padding:1.5rem;}
	.movie_link p span{margin:1rem auto 0;}
}