@charset "utf-8";

#food{}


#food.dietary #categoryNav li.dietaryNav,
#food.eco #categoryNav li.ecoNav,
#food.cooking #categoryNav li.cookingNav{ background:rgba(242,246,251,1);}

#food.dietary .lesson .lessonImg img{ width:230px; height:auto; margin-right:5px;}
#food.dietary .lesson .lessonImg img:last-child{ margin-right:0;}


#food.cooking .pagetitleType2{ background:url(../food/img/main.jpg) no-repeat center; background-size:cover; padding:115px 0; box-sizing:border-box; /*margin-bottom:0;*/}
#food.cooking .pagetitleType2 h1{ background:#C32027; width:467px; height:170px; margin:0 auto; position:relative; padding-top:50px;}
#food.cooking .pagetitleType2 h1 img{ width:247px; height:auto;}
#food.cooking .news-li{border-bottom:none; margin-top:-60px; background:#FFFFFF; margin-bottom:40px;}
#food.cooking .news-li:hover{background:#F2F6FB;}
#food.cooking .news-li a{ position:relative;}
#food.cooking .news-li a span{ color:#000000; left:50px; font-family: '游ゴシック体','游ゴシック', YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;}
#food.cooking .news-li a.iconPdf:before{ content:""; width:18px; height:24px; display:block; background:url(../img/icon_pdf.png) no-repeat; background-size:18px; top:20px; right:20px; left:auto; position:absolute;}
#food.cooking #contents h2{ background:#C32027; color:#FEFFCC;}
#food.cooking #contents .contactInfoArea h2{ background:#E89213; color:#fff; }

#food.cooking #contents .contactInfoArea dl{ width:220px; display:block; padding-bottom:20px;}
#food.cooking #contents .contactInfoArea dl dt{ width:auto; float:none; height:auto!important;}
#food.cooking #contents .contactInfoArea dl dd{ margin-left:auto; border-top:none; padding-top:0; height:auto!important;}

#food.cooking #cont .contactInfoArea .dlTable dd .telNum{ margin-bottom:30px; }
#food.cooking #cont .contactInfoArea .dlTable dd .telNum a{ font-size:30px;}


@media screen and (max-width: 767px) {
#food.cooking .news-li{border-bottom:none; position:relative; margin:20px 0;}
#food.cooking .news-li a{ padding:0; background: url(../img/arrow.svg) no-repeat 0px 2em; padding-right:25px; background:none;}
#food.cooking .news-li a span{ left:auto; display:block; margin-bottom:0.3em;} 
#food.cooking .news-li a.iconPdf:before{content:"";width:18px;height:24px;display:block;background:url(../img/icon_pdf.png) no-repeat;background-size:18px;top: 1.6em; right:0; left:auto; position:absolute}

#food.cooking #contents dl.dlTable{ width:100%; margin-bottom:2em!important; padding-bottom:0!important;}
#food.dietary .lesson .lessonImg img{ width:100%; height:auto; margin-right:0; margin-bottom: 1rem;}
#food.cooking .pagetitleType2{ padding:30px 0;}
#food.cooking .pagetitleType2 h1{ background:#C32027; width:auto; height:auto; margin:0 40px; position:relative; padding:30px 0; }
#food.cooking .pagetitleType2 h1 img{ width:60%; height:auto; }
#food.cooking #cont .contactInfoArea .dlTable dd p.area{ display:block; margin:0; width:auto;}
#food.cooking #cont .contactInfoArea .dlTable dd .telNum{ margin-bottom:1em; }
#food.cooking #cont .contactInfoArea .dlTable dd .telNum a{ margin-bottom:0.3em!important; display:block;}
}

/*dietary*/
#food.dietary{}

.kitchen-info div {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #ccc;
    padding: 1.2rem 0 1rem;
}
.kitchen-info div dt {
    width: 10rem;
    padding: 0;
    display:flex; flex-direction:column; justify-content:center;
}
.kitchen-info div dd {
    width: calc(100% - 10rem);
    padding: 0;
}
.kitchen-info div dd a {
    text-decoration: underline;
}
.kitchen-info div dd a[href^="tel:"]{
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    color: #E89213;
}
@media screen and (max-width: 767px) {
    .kitchen-info div dt {
        width: 100%;
    }
    .kitchen-info div dd {
        width: 100%;
        margin-top: .3rem;
    }
}




.lessonImg-flex {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 2%;
    justify-content: center;
    margin: 2rem auto;
}
.lessonImg-flex img {
    width: 32%;
}
@media screen and (max-width: 767px) {
    .lessonImg-flex img {
        width: 100%;
        max-width: 460px;
        margin: 0 auto;
    }
}