@charset "utf-8";

/* Headline
---------------------------------------------------*/
#Headline{
	width: auto;
}
#Headline h1 {
	width: 146px;
	height: 212px;
	background-image: url('../../../images/recipe/sp/ttl_recipe.png');
	margin: 0 auto 50px;
}


/* Description
---------------------------------------------------*/
#Description {
	width: auto;
	margin: 0 30px 60px;
}
#Description h1 {
	padding: 28px 0;
}
#Description h1 span {
	font-size: 18px;
}
#Description h1 + p {
	text-align: left;
	line-height: 1.7em;
	letter-spacing: 0.04em;
}
#Description p.ref {
	text-align: left;
	font-size: 18px;
}


/* Introductin
---------------------------------------------------*/
#Introductin {
	width: auto;
	margin: 0 30px 60px;
}

/* point */
#Introductin .point {
	width: auto;
	margin: 0 auto 50px;
	padding: 84px 0 24px;
}
#Introductin .point:before,
#Introductin .point:after {
	width: 67px;
	height: 47px;
}
#Introductin .point:before {
	top: 26px;
	left: 50%;
	-webkit-transform: translate(-80px, 0);
	transform: translate(-80px, 0);
}
#Introductin .point:after {
	top: 26px;
	right: 50%;
	-webkit-transform: translate(80px, 0);
	transform: translate(80px, 0);
}

#Introductin h1 {
	font-size: 30px;
}

/* img */
#Introductin ul.img {
	width: 580px;
}
#Introductin ul.img li {
	width: 280px;
}

/* question */
#Introductin .question {
	width: auto;
	margin: 0 auto 50px;
}
#Introductin .question h2 {
	font-size: 24px;
	margin-bottom: 15px;
}

/* ref */
#Introductin ul.ref {
	width: auto;
	font-size: 18px;
	margin: 0 auto;
}
#Introductin ul.ref li {
	text-indent: -1.5em;
	margin-left: 1.5em;
}


/* RecipeList
---------------------------------------------------*/
#RecipeList {
	width: auto;
	margin: 0 30px 60px;
}
#RecipeList h1 {
	margin: 0 auto 40px;
}
#RecipeList .wrapper {
	margin-bottom: 60px;
}
#RecipeList .box {
	width: 280px;
	margin: 0 20px 28px 0;
}
#RecipeList .box:nth-child(2n) {
	margin-right: 0;
}
#RecipeList .box:nth-last-child(2) {
	margin-bottom: 0;
}
#RecipeList .box .img {
	border-radius: 20px 20px 0 0;
	-webkit-border-radius: 20px 20px 0 0;
}

#RecipeList .box .ttl {
	margin-bottom: 15px;
}

#RecipeList .box .cal {
	font-size: 18px;
}