@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------------------------
レシピ一覧
------------------------------------------------------------------------------ */
.lowerBrand.recipe {
margin-bottom: 40px;
}
.recipeCont {
width: 1000px;
margin: 0 auto 80px;
padding: 50px 0;
position: relative;
}
.recTecArea {
margin: 50px auto 50px;
width: 880px;
/*height: 240px;*/
/*padding: 30px;
border: 2px solid #ed8830;
border-radius: 10px;*/
/*position: relative;*/
}
.recTecImg {
float: left;
width: 270px;
height: 240px;
margin-right: 45px;
}
.recTecTxt {
line-height: 1.7;
float: left;
}
.recTecSub {
font-size: 124%;
color: #ffffff;
padding: 2px 15px;
background-color: #ed8830;
display:inline-block
}
.recTecName {
font-size: 193%;
margin-bottom: 7px;
}
.recTecDtl {
font-size: 116%;
}
.TxtBig {
font-size: 120%;
margin-left: 30px;
}
.Txt18 {
font-size: 72%;
}
.recTecBtn a {
display: block;
width: 390px;
padding: 15px;
color: #ffffff;
font-size: 116%;
background-color: #ed8830;
border-radius: 30px;
float: right;
text-align: center;
text-decoration: none;
/*position: absolute;*/
/*bottom: 25px;
right: 30px;*/
font-weight:bold;
}
.recTecBtn a:hover{
opacity: 0.9;
}
.recTecBtn img {
margin-left: 10px;
padding-bottom: 3px;
}
.recTxt {
/*width: 940px;
margin-left:auto;
margin-right:auto;*/
font-size: 130%;
margin-bottom: 30px;
}
.recipeTit {
position: absolute;
left: -130px;
top: -40px;
}
.recipeListCont {
margin-top:50px;
width:940px;
margin-left:auto;
margin-right:auto;
}
.recipeMtit {
font-size:182%;
font-weight:bold;
margin-bottom:10px;
}
.recipeCatebtn {
font-size:138.5%;
font-weight:bold;
margin-bottom:50px;
width:930px;
}
.recipeCatebtn li {
float:left;
margin:5px 25px 10px 2px;
}
.recipeCatebtn a {
text-decoration:none;
color:#333;
width:150px;
display:block;
text-align:center;
padding:8px 0 10px;
border-radius:35px;
}
.recipeCatebtn a:hover {
opacity:0.8;
}
.recipeCatebtn a.CateBtnselect {
background-color:#ED8830 !important;
}
.recipeSeihin.recipeCatebtn a {
background-color:#C0D9F1;
}
.recipeGenre.recipeCatebtn a {
background-color:#F1C192;
}
.recipeKondate.recipeCatebtn a {
background-color:#F8F5AB;
}
.recipeListthumb {
width:930px;
margin-bottom:50px;
}
.recipeListthumb li {
background-image: url(../recipe/img/bg_thumb.png);
background-repeat: no-repeat;
width:229px;
height:194px;
float:left;
margin-bottom:10px;
}
.recipeListthumb li .recipeListThumbImg {
padding-top:20px;
padding-left:20px;
}
.recipeListthumb li p {
width:175px;
height:45px;
padding-left:20px;
overflow:hidden;
}
.recipeListthumb a:hover {
opacity:0.8;
}



/* ------------------------------------------------------------------------------
レシピ詳細
------------------------------------------------------------------------------ */

.recipeDataCont {
width: 900px;
margin: 0 auto;
}
.recipeDataCont .data {
font-size: 138.5%;
float:left;
}
.recipDataName {
margin-bottom:10px;
}
.recipeDataCont .recipeNameBox {
font-size: 138.5%;
float:right;
}
.recipeDataCont .recipeNameBox .recipeKata {
margin-right:10px;
}
.recipeDataCont .recipeNameBox .recipeName {
margin-right:10px;
font-size:138.5%;
font-weight:bold;
}

.recipeDataCont .title {
font-size: 215%;
padding-bottom: 10px;
margin-bottom: 30px;
border-bottom: dotted 3px #dadada;
}
.recipeDataMate {
margin-bottom:30px;
}
.recipeDataMate h4 {
font-size:182%;
color:#ffffff;
text-align:center;
background-color:#D4A75C;
width:100%;
margin-bottom:10px;
}
.recipeDataMateImg {
float:left;
}
.recipeDataMateTxt {
width:560px;
margin-bottom:30px;
float:right;
}
.recipeDataMake {
margin-bottom:30px;
}
.recipeDataMake h4 {
font-size:182%;
color:#ffffff;
text-align:center;
background-color:#D4A75C;
width:100%;
margin-bottom:10px;
}
.recipeDataMakeBox {
margin-bottom:30px;
}
.recipeDataMakeBox h5 {
font-size:197%;
color:#D4A75C;
font-weight:bold;
width:50px;
height:50px;
float:left;
text-align:center;
margin-right:10px;
}
.recipeDataMakeBox .recipeDataMakeBoxImg {
float:left;
}
.recipeDataMakeBox .recipeDataMakeBoxImgTxt {
float: right;
width:620px;
}
.recipeDataMakeBox .recipeDataMakeBoxTxt {
float: right;
width:840px;
}
.recipeDataMateTxt p,p.recipeDataMakeBoxTxt,.recipeDataPoint p,p.recipeDataMakeBoxImgTxt {
font-size:1.5em;
}
.recipeDataPoint {
margin-bottom:30px;
}
.recipeDataPoint h4 {
font-size:182%;
color:#ffffff;
text-align:center;
background-color:#D4A75C;
width:100%;
margin-bottom:10px;
}
.recipeBtn {
text-align: center;
}