/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
background:transparent;
list-style-type:none;
}
html,body{
font-size:62.5%;
line-height:1.5;
}
body{
width:100%;
text-align:left;
background:#fff;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
-webkit-font-smoothing:antialiased;
position:relative;
background:url(/sp/common/img/share/bg.png) 0 0 repeat;
background-size:100% auto;
overflow-x:hidden;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary{
display:block;
}
audio,
canvas,
progress,
video{
display:inline-block;
vertical-align:baseline;
}
audio:not([controls]){
display:none;
height:0;
}
[hidden],
template{
display:none;
}
a{
background:transparent;
}
a:active,
a:hover{
outline:0;
}
abbr[title]{
border-bottom:1px dotted;
}
b,
strong{
font-weight:bold;
}
dfn{
font-style:italic;
}
h1{
font-size:2em;
margin:0.67em 0;
}
mark{
background:#ff0;
color:#000;
}
small{
font-size:80%;
}
sub,
sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline;
}
sup{
top:-0.5em;
}
sub{
bottom:-0.25em;
}
img{
border:0;
}
svg:not(:root){
overflow:hidden;
}
figure{
margin:1em 40px;
}
hr{
-moz-box-sizing:content-box;
box-sizing:content-box;
height:0;
}
pre{
overflow:auto;
}
code,
kbd,
pre,
samp{
font-family:monospace, monospace;
font-size:1em;
}
button,
input,
optgroup,
select,
textarea{
color:inherit;
font:inherit;
margin:0;
}
button{
overflow:visible;
}
button,
select{
text-transform:none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{
-webkit-appearance:button;
cursor:pointer;
}
button[disabled],
html input[disabled]{
cursor:default;
}
button::-moz-focus-inner,
input::-moz-focus-inner{
border:0;
padding:0;
}
input{
line-height:normal;
}
input[type="checkbox"],
input[type="radio"]{
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
height:auto;
}
input[type="search"]{
-webkit-appearance:textfield;
-moz-box-sizing:content-box;
box-sizing:content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
-webkit-appearance:none;
}
fieldset{
border:1px solid #c0c0c0;
margin:0 2px;
padding:0.35em 0.625em 0.75em;
}
legend{
border:0;
padding:0;
}
textarea{
overflow:auto;
}
optgroup{
font-weight:bold;
}
table{
border-collapse:collapse;
border-spacing:0;
}
td,
th{
padding:0;
}
a,
a img,
.mainCont .entry.contact .btns button,
.mainCont .entry.contact .mfp_buttons button{
-webkit-transition-duration:250ms;
transition-duration:250ms;
-webkit-transition-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);
transition-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);
-webkit-transition-property:all;
transition-property:all;
}
body{
font-family:YuGothic,"游ゴシック","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
background-color:#fff;
color:#730;
line-height:1.8;
font-size:13px;
}
a{
color:#de5d29;
cursor:pointer;
text-decoration:underline;
}
a:hover{
color:#de5d29;
text-decoration:none;
}
h1,
h2,
h3,
h4,
h5,
h6{
line-height:1.4;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{
color:#730;
}
hr{
border:none;
height:1px;
background-color:#d9d9d9;
}
ul{
list-style-type:none;
padding:0;
}
sup{
font-size:11px;
}
small{
font-size:11px;
}

/* header
---------------------------------------------------------*/
.header{
width:100%;
min-width:320px;
height:76px;
margin:0 auto;
zoom:1;
overflow:hidden;
text-align:left;
line-height:0;
position:relative;
background:url(/sp/common/img/share/head_loop.png) 0 0 repeat-x;
background-size:48px auto;
line-height:0;
}
.header p.logo{
float:left;
padding:0 0 0 0;
}
.header p.sns{
float:right;
padding:0 0 0 0;
}

/* footer
---------------------------------------------------------*/
#footBanner{
width:100%;
min-width:320px;
margin:0 auto;
padding:15px 0 25px;
text-align:center;
line-height:15px;

}
#footBanner a{
margin:10px 0 0 0;
display:block;
}
#footBanner p{
margin:10px 0 0 0;
display:block;
}
#footBanner a img{
width:295px;
height:auto;  }
#footBanner p img{
width:295px;
height:auto;
}
#footContact{
width:100%;
min-width:320px;
background:url(/sp/common/img/share/foot_bg.png) 0 0 repeat;  
background-size:100% auto;
}
#footContact dl{
width:100%;
padding:18px 0;
zoom:1;
overflow:hidden;
text-align:center;
}
#footContact dl dt{
color:#fff;
}
#footContact dl dd{
padding:10px 0 0 0;
}
#footContact dl dt .title{
font-size:1.9rem;
line-height:1.6;
font-family:'Noto Sans Japanese', sans-serif;
font-weight:700;
}
#footContact dl dt .txt{
margin-top:5px;
font-size:1.2rem;
line-height:1.6;
font-family:'Noto Sans Japanese', sans-serif;
font-weight:500;
}
#footContact dl dd img{
width:295px;
height:auto;
}
#footBtm{
width:100%;
min-width:320px;
padding:0;
background:#fff;
zoom:1;
overflow:hidden;
}
#footBtm ul{
padding:0;
zoom:1;
overflow:hidden;
}
#footBtm ul li{
padding:0;
line-height:0;
border-bottom:#ea8357 2px solid;
}
#footBtm ul li img{
width:100%;
height:auto;
}
#footBtm .cc{
padding:20px 0;
font-size:1.2rem;
line-height:1.6;
text-align:center;
}

/* mainCont
---------------------------------------------------------*/
.mainCont{
z-index:2;
font-size:110%;
letter-spacing:0.01em;
}
.mainCont .sec{
padding:10px 0;
}
.mainCont .sec .secCont{
position:relative;
width:auto;
margin:auto;
height:100%;
}
.mainCont .sec.pageSec{
padding:0;
margin:15px auto;
}
.mainCont .sec.pageSec .secCont{
position:relative;
}
.mainCont .sec.pageSec .secCont .secTitle{
width:auto;
margin:0;
padding-bottom:10px;
text-align:center;
}
.mainCont .sec.pageSec .secCont .secTitle img{
width:100%;
height:auto;
}
.mainCont .sec.pageSec .secCont .cont{
display:#000;
padding:0 14px 0 15px;
font-size:89%;
line-height:1.7;
letter-spacing:0.006em;
}
.mainCont .sec.pageSec .secCont .cont .txt{
margin-bottom:5px;
}
.mainCont .sec.pageSec .secCont .cont .txt .small{
display:block;
margin-top:10px;
}
.mainCont .sec.pageSec .secCont .cont .txt .red{
margin-top:10px;
}
.mainCont .sec.pageSec .secCont .cont .txt .secTitle{
width:auto;
}
.mainCont .sec.pageSec .secCont .cont .small{
font-size:85%;
}
.mainCont .sec.pageSec .secCont .cont .red{
color:#ef6352;
}
.mainCont .sec.pageSec .secCont .cont .img{
text-align:center;
margin-bottom:15px;
}
.mainCont .sec.pageSec .secCont .cont .img p{
margin-top:0;
}
.mainCont .sec.pageSec .secCont .cont .img.left{
text-align:center;
}
.mainCont .sec.pageSec .secCont .cont .btn{
text-align:center;
padding-top:15px;
}
.mainCont .sec.pageSec .secCont .cont strong{
font-weight:bold;
background:#ffeb66;
}

/*-------------------- index --------------------*/
/*pageKitchenSec00*/
.mainCont .sec.pageSec.pageKitchenSec00{
margin:15px 0 50px;
}
/*pageKitchenSec01*/
.mainCont .sec.pageSec.pageKitchenSec01{
width:315px;
padding:0 0 10px;
background:url("../../img/sp/kitchen/cont_bg.png");
position:relative;
}
.mainCont .sec.pageSec.pageKitchenSec01:before{
content:" ";
top:0;
left:0;
width:315px;
height:25px;
background:url("../../img/sp/kitchen/cont_bg_dot.png") no-repeat 50% 0;
background-size:315px 25px;
position:absolute;
}
.mainCont .sec.pageSec.pageKitchenSec01:after{
content:" ";
bottom:0;
left:0;
width:315px;
height:25px;
background:url("../../img/sp/kitchen/cont_bg_dot.png") no-repeat 50% 0;
background-size:315px 25px;
position:absolute;
}
.mainCont .sec.pageSec.pageKitchenSec01 .secCont{
overflow:visible;
}
.mainCont .sec.pageSec.pageKitchenSec01 .secCont .txt{
margin-bottom:15px;
}
.mainCont .sec.pageSec.pageKitchenSec01 .secTitle h3{
padding:60px 0 20px 75px;
background:url("../../img/sp/kitchen/ttl_bg.png") no-repeat center bottom;
background-size:280px 6px;
}
.mainCont .sec.pageSec.pageKitchenSec01 .secTitle h3 img{
width:150px;
}
.mainCont .sec.pageSec.pageKitchenSec01 .secTitle .sub{
position:absolute;
top:35px;
left:30px;
width:77px;
height:auto;
}
.mainCont .sec.pageSec.pageKitchenSec01 .secTitle .tag{
position:absolute;
top:-15px;
left:35px;
width:250px;
}
.mainCont .sec.pageSec.pageKitchenSec01 .boxMct,
.mainCont .sec.pageSec.pageKitchenSec01 .boxRecipe{
width:280px;
margin-bottom:15px;
position:relative;
background:url("../../img/sp/kitchen/kitchen_bg.png");
background-size:280px 150px;
}
.mainCont .sec.pageSec.pageKitchenSec01 .boxMct:before,
.mainCont .sec.pageSec.pageKitchenSec01 .boxRecipe:before{
content:" ";
position:absolute;
top:0;
left:0;
width:280px;
height:9px;
background:url("../../img/sp/kitchen/kitchen_bg_top.png") no-repeat 50% 0;
background-size:280px 9px;
}
.mainCont .sec.pageSec.pageKitchenSec01 .boxMct:after,
.mainCont .sec.pageSec.pageKitchenSec01 .boxRecipe:after{
content:" ";
position:absolute;
bottom:0;
left:0;
width:280px;
height:9px;
background:url("../../img/sp/kitchen/kitchen_bg_bottom.png") no-repeat 50% 0;
background-size:280px 9px;
}
.mainCont .sec.pageSec.pageKitchenSec01 .boxMct .txt{
padding:20px 17px 20px 18px;
font-size:95%;
margin-bottom:0;
}
.mainCont .sec.pageSec.pageKitchenSec01 .boxMct .txt h4{
margin:0 0 5px;
}
.mainCont .sec.pageSec.pageKitchenSec01 .boxMct .box01,
.mainCont .sec.pageSec.pageKitchenSec01 .boxMct .box02{
background:url("../../img/sp/kitchen/kitchen_mct_bg_line.png") no-repeat center bottom;
background-size:245px 5px;
}
.mainCont .sec.pageSec.pageKitchenSec01 .boxRecipe h4{
margin:10px 0;
text-align:center;
}
.mainCont .sec.pageSec.pageKitchenSec01 .boxRecipe .txt{
padding:10px 18px 18px;
}
.mainCont .sec.pageSec.pageKitchenSec01 .boxRecipe .txt .small{
margin-top:5px;
font-size:80%;
}
.mainCont .sec.pageSec.pageKitchenSec01 .boxRecipe .txt .small p{
margin:0;
}
.mainCont .sec.pageSec.pageKitchenSec01 .boxRecipe .btns{
clear:both;
padding-top:5px;
}
.mainCont .sec.pageSec.pageKitchenSec01 .boxRecipe .btns ul{
margin-bottom:0;
text-align:center;
}
.mainCont .sec.pageSec.pageKitchenSec01 .boxRecipe .btns ul:after{
clear:both;
content:"";
display:block;
}
.mainCont .sec.pageSec.pageKitchenSec01 .boxRecipe .btns ul li{
margin:0 0 10px;
}
.mainCont .sec.pageSec.pageKitchenSec01 .boxRecipe .btns ul li:last-child{
margin-bottom:0;
}
.mainCont .sec.pageSec.pageKitchenSec01 .boxRecipe .btns ul li a{
display:block;
}
.mainCont .sec.pageSec.pageKitchenSec01 .boxRecipe .btns ul li a img{
width:100%;
height:auto;
}
/*modalLayer*/
.wrapper .modalLayer{
display:none;
z-index:999;
position:absolute;
top:0;
left:0;
position:fixed !important;
width:100%;
height:100%;
overflow:scroll;
-webkit-overflow-scrolling:touch;
}
.wrapper .modalLayer .modalWrap{
z-index:10;
position:relative;
width:auto;
margin:20px auto 0;
padding-bottom:5px;
}
.wrapper .modalLayer .modalWrap .modalCont{
display:none;
width:auto;
}
.wrapper .modalLayer .modalWrap .modalCont.modalKitchen{
position:relative;
width:315px;
background:url("../../img/sp/kitchen/kitchen_modal_bg_middle.png") repeat-y 50% 5px;
background-size:315px auto;
}
.wrapper .modalLayer .modalWrap .modalCont.modalKitchen .bgTop{
position:absolute;
top:0;
left:0;
height:10px;
width:315px;
background:url("../../img/sp/kitchen/kitchen_modal_bg_top.png") no-repeat 50% 0;
background-size:315px 10px;
}
.wrapper .modalLayer .modalWrap .modalCont.modalKitchen .bgBottom{
position:absolute;
bottom:-5px;
left:0;
height:10px;
width:315px;
background:url("../../img/sp/kitchen/kitchen_modal_bg_bottom.png") no-repeat 50% 0;
background-size:315px 10px;
}
.wrapper .modalLayer .modalWrap .modalCont .closeBtn{
display:block;
height:47px;
width:240.5px;
margin:auto;
text-align:center;
}
.wrapper .modalLayer .modalWrap .close{
position:absolute;
top:-32px;
right:10px;
cursor:pointer;
}
.wrapper .modalLayer .modalWrap .close img{
width:70px;
height:auto;
}
.wrapper .modalLayer .bg{
z-index:5;
position:absolute;
top:0;
left:0;
position:fixed !important;
width:100%;
height:100%;
background:url("../../img/sp/kitchen/modal_bg.png") repeat 0 0;
cursor:pointer;
}
.mainCont .sec.pageSec.pageRecipeModal .secCont .secTitle{
padding:25px 0 20px;
}
.mainCont .sec.pageSec.pageRecipeModal .secCont .secTitle img{
width:214px;
height:auto;
}
.mainCont .sec.pageSec.pageRecipeModal .cont{
padding-top:0;
padding:0 17px 15px;
}
.mainCont .sec.pageSec.pageRecipeModal .cont .btns{
margin-bottom:-2px;
}
.mainCont .sec.pageSec.pageRecipeModal .cont .btns ul{
margin-bottom:0;
}
.mainCont .sec.pageSec.pageRecipeModal .cont .btns ul:after{
clear:both;
content:"";
display:block;
}
.mainCont .sec.pageSec.pageRecipeModal .cont .btns ul li{
float:left;
position:relative;
width:68px;
height:75px;
margin-left:3px;
background :#773300;
border-radius:4px 4px 0 0;
-moz-border-radius:4px 4px 0 0;
-webkit-border-radius:4px 4px 0 0;
-ms-border-radius:4px 4px 0 0;
background:url("../../img/sp/kitchen/recipe_tab_bg.png");
background-size:30px 30px;
}
.mainCont .sec.pageSec.pageRecipeModal .cont .btns ul li:first-child{
margin-left:0;
}
.mainCont .sec.pageSec.pageRecipeModal .cont .btns ul li.active{
background:url("../../img/sp/kitchen/recipe_tab_bg_on.png");
background-size:30px 30px;
}
.mainCont .sec.pageSec.pageRecipeModal .cont .btns ul li.active a{
cursor:default;
}
.mainCont .sec.pageSec.pageRecipeModal .cont .btns ul li.active a img{
opacity:1 !important;
}
.mainCont .sec.pageSec.pageRecipeModal .cont .btns ul li a{
display:table;
height:57px;
width:100%;
line-height:57px;
}
.mainCont .sec.pageSec.pageRecipeModal .cont .btns ul li a span{
display:table-cell;
width:100%;
text-align:center;
vertical-align:top;
}
.mainCont .sec.pageSec.pageRecipeModal .cont .btns ul li a img{
margin-top:12px;
margin-bottom:4px;
}
.mainCont .sec.pageSec.pageRecipeModal .cont .tab{
display:none;
width:279px;
background:#ffffe8;
border:1px solid #e68057;
border-radius:0 0 4px 4px;
-moz-border-radius:0 0 4px 4px;
-webkit-border-radius:0 0 4px 4px;
-ms-border-radius:0 0 4px 4px;
}
.mainCont .sec.pageSec.pageRecipeModal .cont .tab.active{
display:block;
}
.mainCont .sec.pageSec.pageRecipeModal .cont .tab .img{
margin-top:0;
margin-bottom:0;
padding:15px;
text-align:center;
}
.mainCont .sec.pageSec.pageRecipeModal .cont .tab .img p{
margin:0;
}
.mainCont .sec.pageSec.pageRecipeModal .cont .tab .img p img{
width:100%;
height:auto;
}
/*pageKitchenSec05*/
.mainCont .sec.pageSec.pageKitchenSec05{
height:auto;
margin-top:40px;
}
.mainCont .sec.pageSec.pageKitchenSec05 .secCont{
width:315px;
padding:0 0 20px;
background:url("../../img/sp/kitchen/cont_bg.png");
position:relative;
}
.mainCont .sec.pageSec.pageKitchenSec05 .secCont:before{
content:" ";
top:0;
left:0;
width:315px;
height:25px;
background:url("../../img/sp/kitchen/cont_bg_dot.png") no-repeat 50% 0;
background-size:315px 25px;
position:absolute;
}
.mainCont .sec.pageSec.pageKitchenSec05 .secCont:after{
content:" ";
bottom:0;
left:0;
width:315px;
height:25px;
background:url("../../img/sp/kitchen/cont_bg_dot.png") no-repeat 50% 0;
background-size:315px 25px;
position:absolute;
}
.mainCont .sec.pageSec.pageKitchenSec05 .secCont h2{
position:relative;
z-index:10;
top :-10px;
text-align:center;
}



.mainCont .recipeMv{
max-width: 290px;
width: auto;
margin: 0 4% 8%;
padding: 5.5% 4%;
background: #fdebcf;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
} 
.mainCont .recipeMv h3{
margin:0;
}
.mainCont .recipeMv img{
width:100%;
vertical-align:middle;
}
.mainCont .recipeMv li a img{
border: 1px solid #ffe1b2;
}
.mainCont .recipeMv ul{
overflow:hidden;
margin:0;
}
.mainCont .recipeMv ul li{
margin-top:7%;
}
.mainCont .recipeMv ul li a,
.mainCont .recipeMv ul li span{
display:block;
}
.mainCont .recipeMv ul li span{
margin-top:3%;
}






.mainCont .sec.pageSec.pageKitchenSec05 .secCont .cont{
background:url("../../img/sp/kitchen/recipe_index_bg.png");
background-size:53.5px 27px;
width:276px;
padding:7px;
margin:0 auto;
}
.mainCont .sec.pageSec.pageKitchenSec05 .secCont .cont h3{
width:200px;
height:auto;
margin:5px auto 10px;
}
.mainCont .sec.pageSec.pageKitchenSec05 .secCont .cont li{
float:left;
width:90px;
height:64px;
margin:1px;
}
.mainCont .sec.pageSec.pageKitchenSec05 .secCont .cont li:nth-child(3n){
margin-right:0;
}
.mainCont .sec.pageSec.pageKitchenSec05 .secCont .cont ul{
margin:0;
}
.mainCont .sec.pageSec.pageKitchenSec05 .secCont .cont ul:after{
content:" ";
display:block;
clear:both;
}
.mainCont .sec.pageSec.pageKitchenSec05 .secCont .cont .more{
text-align:center;
margin:12px 0 8px;
}

/*-------------------- Recipe TOP --------------------*/
/*--レシピ一覧--*/
.mainCont .sec.pageSec.pageRecipeCategoryNav,
.mainCont .sec.pageSec.secKitchenRecipeMain,
.mainCont .sec.pageSec.pageKitchenSec06{
width:315px;
padding:0 0 30px;
background:url("../../img/sp/kitchen/cont_bg.png");
position:relative;
}
.mainCont .sec.pageSec.pageRecipeCategoryNav:before,
.mainCont .sec.pageSec.secKitchenRecipeMain:before,
.mainCont .sec.pageSec.pageKitchenSec06:before{
content:" ";
top:0;
left:0;
width:315px;
height:25px;
background:url("../../img/sp/kitchen/cont_bg_dot.png") no-repeat 50% 0;
background-size:315px 25px;
position:absolute;
}
.mainCont .sec.pageSec.pageRecipeCategoryNav:after,
.mainCont .sec.pageSec.secKitchenRecipeMain:after,
.mainCont .sec.pageSec.pageKitchenSec06:after{
content:" ";
bottom:0;
left:0;
width:315px;
height:25px;
background:url("../../img/sp/kitchen/cont_bg_dot.png") no-repeat 50% 0;
background-size:315px 25px;
position:absolute;
}
.mainCont .sec.pageSec.pageRecipeCategoryNav .secCont{
width:310px;
padding:0;
position:relative;
overflow:visible;
}
.mainCont .sec.pageSec.pageRecipeCategoryNav .secCont h2{
position:relative;
z-index:10;
top :-10px;
text-align:center;
}
.mainCont .sec.pageSec.pageRecipeCategoryNav .secCont .cont{
padding:0;
}
.mainCont .sec.pageSec.pageRecipeCategoryNav .secCont .cont .menu{
width:284px;
padding:6px 6px 1px;
margin:0 auto;
background:url("../../img/sp/kitchen/recipe_cat_bg.png") ;
border-radius:5px;
}
.mainCont .sec.pageSec.pageRecipeCategoryNav .secCont .cont .menu.sort{
margin-top:10px;
}
.mainCont .sec.pageSec.pageRecipeCategoryNav .secCont .cont ul{
display:block;
padding-bottom:10px;
margin-bottom:10px;
background:url("../../img/sp/kitchen/ttl_bg.png") no-repeat center bottom;
background-size:280px 6px;
}
.mainCont .sec.pageSec.pageRecipeCategoryNav .secCont .cont ul:last-child{
background:none;
padding-bottom:0;
}
.mainCont .sec.pageSec.pageRecipeCategoryNav .secCont .cont ul li{
display:inline-block;
box-shadow:2px 3px 6px 1px rgba(97, 69, 49, 0.3);
height:50px;
width:135px;
background:#fff9ed;
margin:2px;
}
.mainCont .sec.pageSec.pageRecipeCategoryNav .secCont .cont li a{
text-decoration:none;
font-size:18px;
line-height:20px;
background:#fff;
margin:5px;
display:table;
width:125px;
height:40px;
}
.mainCont .sec.pageSec.pageRecipeCategoryNav .secCont .cont ul.oiltype li{
height:76px;
}
.mainCont .sec.pageSec.pageRecipeCategoryNav .secCont .cont ul.oiltype li a{
height:66px;
font-size:16px;
}
.mainCont .sec.pageSec.pageRecipeCategoryNav .secCont .cont ul.oiltype li a.all{
font-size:18px;
}

.mainCont .sec.pageSec.pageRecipeCategoryNav .secCont .cont ul.oiltype li a span{
height:66px;
}
.mainCont .sec.pageSec.pageRecipeCategoryNav .secCont .cont li a span{
display:table-cell;
vertical-align:middle;
text-align:center;
}
.mainCont .sec.pageSec.pageRecipeCategoryNav .secCont .cont li a.cr,
.mainCont .sec.pageSec.pageRecipeCategoryNav .secCont .cont li a:hover{
background:#fff196;
}
/*pageKitchenSec06*/
.mainCont .sec.pageSec.pageKitchenSec06 .secCont{
position:relative;
width:315px;
height:auto;
overflow:visible;
margin-top:30px;
padding-top:24px;
}
.mainCont .sec.pageSec.pageKitchenSec06 .secCont .cont{
padding:6px 0;
margin:0 5px;
background:url("../../img/sp/kitchen/recipe_index_bg.png");
background-size:53.5px 27px;
}
.mainCont .sec.pageSec.pageKitchenSec06 .secCont .recipeList:after,
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .otherRecipe .recipeList:after{
content:" ";
display:block;
clear:both;
}
.mainCont .sec.pageSec.pageKitchenSec06 .secCont .recipeList li ,
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .otherRecipe .recipeList .item{
float:left;
width:125px;
margin:8px;
padding:0;
box-shadow:1px 2px 3px 1px rgba(97, 69, 49, 0.3);
background:#FFF;
border:5px solid #fff9ed;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .otherRecipe .recipeList .item{
margin:8px 4px;
}
.mainCont .sec.pageSec.pageKitchenSec06 .secCont .recipeList li a ,
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .otherRecipe .recipeList .item a{
position:relative;
display:block;
text-decoration:none;
background:#fff;
padding:9px 3px 2px 3px;
text-align:center;
}
.mainCont .sec.pageSec.pageKitchenSec06 .secCont .recipeList li a:hover ,
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .otherRecipe .recipeList .item a:hover{
opacity:1;
background:#fff196;
}
.mainCont .sec.pageSec.pageKitchenSec06 .secCont .recipeList li a:hover img ,
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .otherRecipe .recipeList .item a:hover img{
opacity:1;
}
.mainCont .sec.pageSec.pageKitchenSec06 .secCont .recipeList li p ,
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .otherRecipe .recipeList .item p{
margin:0 0 2px;
line-height:1.2;
}
.mainCont .sec.pageSec.pageKitchenSec06 .secCont .recipeList li p.img ,
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .otherRecipe .recipeList .item p.img{
margin-bottom:3px;
height:85px;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .otherRecipe .recipeList .item p.img{
height:auto;
min-height:70px;
}
.mainCont .sec.pageSec.pageKitchenSec06 .secCont .recipeList .pin ,
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .otherRecipe .recipeList .item .pin{
position:absolute;
top:-7px;
margin-left:-4px;
}
.mainCont .sec.pageSec.pageKitchenSec06 .secCont .recipeList .rank ,
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .otherRecipe .recipeList .item .rank{
position:absolute;
top:-7px;
left:-8px;
z-index:9;
}
.mainCont .sec.pageSec.pageKitchenSec06 .secCont .recipeList .new ,
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .otherRecipe .recipeList .item .new{
position:absolute;
top:-7px;
right:-8px;
z-index:9;
}
.mainCont .sec.pageSec.pageKitchenSec06 .secCont .moreBtn{
text-align:center;
margin: 10px auto;
}

/*-------------------- Recipe page --------------------*/
.titleArea h3{
width:auto;
margin:15px 0 0;
padding-bottom:10px;
text-align:center;
}
.titleArea h3 img{
width:100%;
height:auto;
}
.titleArea .return{
margin:0 0 0 20px;
}
.secKitchenRecipeMain{
margin-top:30px!important;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont{
position:relative;
}

/**/


.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .paper{
position:relative;
padding:0 0 16px!important;
overflow:visible;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .category{
position:relative;
color:#fff;
font-size:16px;
text-align:center;
font-weight:bold;
background:url("../../img/sp/kitchen/recipe_detail_tag.png") no-repeat center top;
background-size:196px 28px;
line-height:16px;
min-height:16px;
margin:0;
padding:8px 0;
top:-10px;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .stamp{
text-align:center;
margin:0;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .type{
position:absolute;
top:35px;
right:0px;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .secTitle{
font-size:18px;
font-weight:normal;
margin:14px 0 0 0;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .secTitle h3{
line-height:1.2;
padding:0;
margin:0;
color:#e68057;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .genre{
color:#e68057;
text-align:center;
font-size:14px;
line-height:14px;
padding:10px 3px;
margin:0 auto 16px auto;
background:url("../../img/sp/kitchen/recipe_detail_genre_bg.png") no-repeat left bottom;
background-size:280px 34px;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .recipeCont01:after{
content:" ";
display:block;
clear:both;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .recipeCont01 .img{
width:225px;
margin:0 auto 16px;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .recipeCont01 .img p{
margin:0 auto;
text-align:center;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .recipeCont01 .txt{
margin:0 10px;
font-size:13px;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .recipeCont01 .txt p{
margin:4px 0;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .recipeCont01 .txt p.summary{
margin-bottom:12px;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .recipeCont01 .data table{
border:2px solid #fae48e;
width:100%;
text-align:center;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .recipeCont01 .data th{
background:#fae48e;
font-size:15px;
line-height:18px;
padding:12px 8px;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .recipeCont01 .data th span{
font-size:13px;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .recipeCont01 .data strong{
color:#e34b00;
background:none;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .recipeCont01 .data td{
border:2px solid #fae48e;
width:50%;
font-size:13px;
font-weight:bold;
line-height:16px;
padding:12px 8px;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .recipeCont02:after{
content:" ";
display:block;
clear:both;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .recipeCont02 .ingredients{
margin:0 10px 20px 10px;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .recipeCont02 .howto{
margin:0 10px 36px 10px;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .recipeCont02 h5{
margin:16px 0 12px 0;
line-height:18px;
font-size:14px;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .recipeCont02 h5 img{
vertical-align:sub;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .recipeCont02 .ingredients span{
background:#fff;
position:relative;
padding-right:4px;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .recipeCont02 .ingredients span.measure{
float:right;
padding-left:4px;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .recipeCont02 .ingredients li{
position:relative;
overflow:hidden;
margin-bottom:0.2em;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .recipeCont02 .ingredients li:before{
position:absolute;
content:"………………………………………………………………………………";
font-weight:normal;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .recipeCont02 .howto li{
list-style:decimal outside;
margin-left:1.4em;
margin-bottom:0.2em;
color:#e34b00;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .recipeCont02 .howto li span{
color:#773300;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .btns:after{
content:" ";
display:block;
clear:both;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .btns li{
margin-bottom:24px;
text-align:center;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .btns li img{
width:240px !important;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .btns li.develop{
padding:10px;
margin:0 10px;
background:#fdef9a;
text-align:left;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .btns li.develop img{
width:82px !important;
}

.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .otherRecipe{
position:relative;
padding:0 0 10px;
margin-top:20px;
background:url("../../img/sp/kitchen/recipe_index_bg.png");
background-size:53.5px 27px;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .otherRecipe h5{
text-align:center;
position:relative;
top:-15px;
}
.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .otherRecipe .recipeList .item{
width:110px;
}

.mainCont .sec.pageSec.secKitchenRecipeMain .secCont .otherRecipe .slickItems{
position:relative;
}

.slick-list{
overflow:hidden;
}
.slickPrev, .slickNext{
position:absolute;
display:block;
height:20px;
width:12px;
line-height:0;
font-size:0;
cursor:pointer;
background:transparent;
color:transparent;
top:50%;
padding:0;
border:none;
outline:none;
z-index:9;
margin-top:-10px;
}
.slickPrev{
left:-12px;
}
.slickNext{
right:-12px;
}









/*ページ上部へ*/
.mainCont .sec.secBackTop{
padding:0;
}
.mainCont .sec.secBackTop .secCont:after{
clear:both;
content:"";
display:block;
}
.mainCont .sec.secBackTop .secCont .backtop{
z-index:100;
position:absolute;
right:0;
bottom:0;
position:fixed !important;
}
.mainCont .sec.secBackTop .secCont .backtop img{
opacity:0.8;
}
.mainCont .sec.secBackTop .secCont .backtop .scrollUp,
.mainCont .sec.secBackTop .secCont .backtop .scrollDown{
display:none;
}
.mainCont .sec.secBackTop .secCont .backtop .active{
display:block;
}


/*-- ピン--*/
.pinWrap{
position:relative;
overflow:visible;
}
.pinWrap .pin{
position:absolute;
top:-10px;
left:50%;
margin-left:-5px;
}
.align-center{
text-align:center;
}
.align-right{
text-align:right;
}
.clear{
clear:both;
}
.left{
float:left;
}
.right{
float:right;
}
.col_02{
width:20%;
}
.col_03{
width:30%;
}
.col_04{
width:35%;
}
.col_05{
width:50%;
}
.col_06{
width:65%;
}
.col_07{
width:70%;
}
.col_08{
width:80%;
}