@charset "UTF-8";

/* keyVisual ------------------*/
#keyVisual .bgImg{
background-image:url(../img/lunch/main_img.jpg);
}

/* blc01 ------------------*/
#blc01 .recommendBlc .listBlc{
padding:0 2%;
}

#blc01 .recommendBlc .listBlc li{
width:32%;
margin:0 2% 2% 0;
float:left;
}

#blc01 .recommendBlc .listBlc li:nth-of-type(3n){
margin-right:0;
}

#blc01 .recommendBlc .listBlc li .imgBlc{
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
padding-top:71%;
}

/*<!--form62-->*/
#blc01 .recommendBlc .listBlc li .imgBlc.img20170929161811{
background-image:url(../../w2img/20170929161811img01.jpg);
}
/*<!--form62-->*/
#blc01 .recommendBlc .listBlc li .imgBlc.img20170929161834{
background-image:url(../../w2img/20170929161834img02.jpg);
}
/*<!--form62-->*/
#blc01 .recommendBlc .listBlc li .imgBlc.img20170929161856{
background-image:url(../../w2img/20170929161856img03.jpg);
}
/**/

#blc01 .recommendBlc .listBlc li .txt{
font-size:120%;
letter-spacing:0.1em;
text-align:center;
padding:2%;
line-height: 1.7;
}
/* blc11 ------------------*/
#blc011 .recommendBlc .listBlc{
padding:0 2%;
}

#blc011 .recommendBlc .listBlc li{
width:32%;
margin:0 2% 2% 0;
float:left;
}

#blc011 .recommendBlc .listBlc li:nth-of-type(3n){
margin-right:0;
}

#blc011 .recommendBlc .listBlc li .imgBlc{
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
padding-top:71%;
}

/*<!--form63-->*/
#blc011 .recommendBlc .listBlc li .imgBlc.img20170929161920{
background-image:url(../../w2img/20170929161920img04.jpg);
}
/*<!--form63-->*/
#blc011 .recommendBlc .listBlc li .imgBlc.img20170929161932{
background-image:url(../../w2img/20170929161932img05.jpg);
}
/*<!--form63-->*/
#blc011 .recommendBlc .listBlc li .imgBlc.img20170929161944{
background-image:url(../../w2img/20170929161944img06.jpg);
}
/**/

#blc011 .recommendBlc .listBlc li .txt{
font-size:120%;
letter-spacing:0.1em;
text-align:center;
padding:2%;
line-height: 1.7;
}
/*  ttlStyle02 span ------------------*/
#blc011 .ttlStyle02 span {
font-size:85%;
line-height:1;
}
/* blc02 ------------------*/
#blc02 .mainImgStyle01.img01{
background-image:url(../img/menu/bg01.jpg);
}
#blc02 .txtInlineBlc {
line-height: 2;
}
@media screen and (max-width: 1200px) {
/*  ttlStyle02 span ------------------*/
#blc011 .ttlStyle02 span {
font-size:60%;
}

@media screen and (max-width: 1000px) {
}

@media screen and (max-width: 767px) {
}

@media screen and (max-width: 480px) {
/* blc01 ------------------*/
#blc01 .recommendBlc .listBlc li{
width:100%;
margin:0 0 2%;
}
#blc011 .recommendBlc .listBlc li{
width:100%;
margin:0 0 2%;
}
}