@charset "Shift_JIS";

.inner{
    padding-top:18%;
    padding-bottom:8%;
}
.title{
    text-align:center;
    margin-top:5%;
}
#videoArea,
#videoArea2,
#videoArea3{
	position:relative;
    width:100%;
    margin:5% auto 4%;
	text-align:center;
}
#videoArea{
    margin-bottom:7%
}
.videoArea_innner{
    position:relative;
    width:100%;
    margin:0 auto;
}
span.note{
    display:block;
    font-size:60%;
    line-height:150%;
    text-align:left;
    margin:3% 8%;
}
.comment{
    margin-top:-2%;
    margin-bottom:8%;
}
.scroll_btn{
    position:relative;
    /*width:85.315%;*/
	width: 100%;
    margin:3% auto 8%;
    z-index:10;
}
.scroll_btn1{
    margin:8% auto 14%;
}
.scroll_btn2{
    margin:8% auto 6%;
}
.scroll_btn li{
    float:left;
    width:28.2%;
    margin-left:9.165%;
}
.scroll_btn li:first-child{
    width:25.27%;
    margin-left:0%;
}
.recipe_tit{
    width:64.6875%;
    margin:0 auto;
}
.recipe_tit2{
    width:64.6875%;
    margin:4% auto 1%;
	padding-bottom: 30px;
}
.rec{
    width:83.75%;
    background:#f5f1e6;
    padding:7% 4% 7%;
    margin:0 auto 5%;
}
.rec .tit{
    width:86%;
    margin:0 auto;
}
.rec .tit3{
    width:99.6%;
}
.rec .img{
    width:86%;
    margin:5% auto 7%;
}
.rec p.txt{
    font-size:11px;
    line-height:150%;
    color:#666;
    text-align:left;
}
.rec p.txt span.bb{
    font-weight:bold;
    margin-left:-4px;
}
.rec p.txt span.kakko{
    margin-left:-4px;
}
.rec .line{
    display:block;
    background:#d1c0a5;
    width:82%;
    height:2px;
    margin:2% 0 2%;
}
.rec1 .line{
    width:78%;
}
.rec2 .line{
    width:80%;
}