@charset "utf-8";
@media screen and (max-width:868px){

#wrapper{
	background:url(../common/images/bg.png) center top;
	background-size:150px auto;
}


/* header */
header{
	padding:60px 0 0;
}
header h1{
	margin:15% 0 12%;
}
header h1 img{
	width:98%;
}


/* article */
article{
}


/* section */
section{
}


/* .cont */
.cont{
}


/* #cont1 */
#cont1{
	width:auto;
	margin:auto;
	padding:0 0 15%;
	background:url(../images/recipe/cont_bg.jpg)center top;
	position:static;
}
#cont1:before{
	content:none;
}
#cont1:after{
	content:none;
}
#cont1 > img{
	width:auto;
	border-radius:0;
}
#cont1 section:first-of-type{
	width:auto;
	display:block;
	margin-left:0;
	padding:10% 5%;
}
#cont1 section:first-of-type img{
	width:30%;
}
#cont1 section:first-of-type p{
	margin-top:5%;
	padding:0 8%;
	font-size:3.7vw;
	font-family: 'Noto Sans JP', sans-serif;
	text-align:left;
	line-height:2.5;
}
#cont1 section:first-of-type a{
	display:inline-block;
	width:90%;
	max-width:340px;
	line-height:45px;
	margin-top:10%;
	background:url(../images/top/link_bg.png)repeat-y center top;
	background-size:100% auto;
	font-size:16px;
	color:#fff;
	letter-spacing:0.2em;
	position:relative;
}
#cont1 section:first-of-type a:after{
	content:'▼';
	margin-left:5%;
	font-size:11px;
	color:#ccac5d;
	position:absolute;
}
#cont1 section:nth-of-type(n+2){
	width:auto;
	margin:auto;
	padding:18% 5% 0;
}
#cont1 section h3{
	margin-bottom:3%;
	padding-bottom:6%;
	font-size:4.5vw;
	text-align:left;
	letter-spacing:0.2em;
	background:url(../images/recipe/cont_line_s.png)repeat-x bottom left;
	background-size:auto 6px;
}
#cont1 section h3 span{
	font-size:16px;
}
#cont1 section ul{
	text-align:left;
}
#cont1 section ul li{
	display:block;
	width:auto;
	margin-right:0;
	font-size:18px;
	font-family: 'Noto Sans JP', sans-serif;
	line-height:45px;
	text-align:left;
	border-bottom:1px solid #672a01;
}
#cont1 section ul li:last-child{
	display:none;
}
#cont1 section ul li span{
	width:80%;
	display:inline-block;
	vertical-align:middle;
}
#cont1 section ol{
	text-align:left;
}
#cont1 section ol li{
	width:auto;
	display:block;
	vertical-align:top;
	margin-bottom:8%;
}
#cont1 section ol li p{
	font-size:18px;
	font-family: 'Noto Sans JP', sans-serif;
	line-height:2.5;
}
#cont1 section ol li span{
	font-size:16px;
	font-family: 'Noto Sans JP', sans-serif;
	line-height:1.8;
	display:block;
	margin-top:10px;
	padding-left:1em;
	text-indent:-1em;
}
#cont1 section ol li:nth-child(odd){
	margin-right:0;
}
#cont1 section ol li h4{
	margin:0 0 3%;
	font-size:21px;
	color:#ab2025;
	line-height:2.4;
	letter-spacing:0.15em;
	border-bottom:4px solid #ab2025;
	display:inline-block;
}


/* #cont2 */
#cont2{
	padding:15% 0 0;
}
#cont2 h2{
	margin-bottom:12%;
}
#cont2 h2 img{
	width:98%;
}
#cont2 div{
	position:relative;
	height:0;
	margin:0 3%;
	padding-top:53%;
}

#cont2 div iframe{
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}



/* article > ul */
article > ul{
	background-image:none;
}




}



@media screen and (max-width:480px){
#cont1 section ul li{
	font-size:3.8vw;
}
#cont1 section ol li p{
	font-size:3.8vw;
}
#cont1 section ol li span{
	font-size:3.6vw;
}
#cont1 section ol li h4{
	font-size:4.2vw;
}