@media (min-width: 768px) {
    #cooking .container { max-width: 910px;}
}

/*------------------------------------------------------

  headVisual

------------------------------------------------------*/
#headVisual { background: url(./images/st_cooking.jpg) no-repeat center center; background-size: cover;}

@media (max-width: 767px) {
    #headVisual { padding-top: 80px;}
}


/*------------------------------------------------------

    cookingInner

------------------------------------------------------*/
.cookingInner {}
.cookingInner .title-2 {}
.cookingInner .l_col-cooking {}
.cookingInner .l_col-cooking li {}
.cookingInner .l_col-cooking figure { border-radius: 10px; overflow: hidden; border: 1px solid #CCCCCC; }
.cookingInner .l_col-cooking figure img { width: 100%; height: auto;}
.cookingInner .l_col-cooking p { font-size: 1.6rem;}
.cookingInner .caution { font-size: 1.6rem; background-color: #f6f6f6; padding: 10px 15px;}


@media (min-width: 768px) {
    .cookingInner {}
    .cookingInner .title-2 {}
    .cookingInner .l_col-cooking { max-width: 820px; margin-left: auto; margin-right: auto;}
    .cookingInner .l_col-cooking li { width: 50%; max-width: 340px; margin-bottom: 50px;}
    .cookingInner .l_col-cooking figure {}
    .cookingInner .l_col-cooking figure img {}
    .cookingInner .l_col-cooking p {}
    .cookingInner .caution { max-width: 820px; margin-left: auto; margin-right: auto;}
    
}

@media (max-width: 767px) {
    .cookingInner {}
    .cookingInner .title-2 {}
    .cookingInner .l_col-cooking {}
    .cookingInner .l_col-cooking li { margin-bottom: 30px; width: 100%;}
    .cookingInner .l_col-cooking figure {}
    .cookingInner .l_col-cooking figure img {}
    .cookingInner .l_col-cooking p {}
    .cookingInner .caution {}
    
}


/*------------------------------------------------------



------------------------------------------------------*/

@media (min-width: 768px) {
    #frying-pan { margin-bottom: 120px;}
    #hotplate { margin-bottom: 120px;}
}

@media (max-width: 767px) {
    #frying-pan { margin-bottom: 80px;}
    #hotplate { margin-bottom: 80px;}
}