@charset "UTF-8";

/* keyVisual ------------------*/
#keyVisual .bgImg{
background-image:url(../img/lunch/main_img.jpg);
}

/* blc01 ------------------*/
#blc01 .navBlc{
text-align:center;
padding:0 2%;
}

#blc01 .navBlc li{
font-size:140%;
letter-spacing:0.1em;
display:inline-block;
}

#blc01 .navBlc li:after{
content:" ｜ ";
}

#blc01 .navBlc li:last-of-type:after{
content:"";
}

#blc01 .navBlc li a{
text-decoration:none;
}

#blc01 .introBlc{
text-align:center;
letter-spacing: 0.1em;
line-height: 2;
margin:7% 0;
}

#blc01 .setBlc .img01{
background-image:url(../img/lunch/img01.jpg);
}

#blc01 .setBlc .img02{
background-image:url(../img/lunch/img02.jpg);
}

#blc01 .setBlc .img03{
background-image:url(../img/lunch/img03.jpg);
}

#blc01 .setBlc .img04{
background-image:url(../img/lunch/img04.jpg);
}

#blc01 .setBlc .img05{
background-image:url(../img/lunch/img05.jpg);
}
#blc01 .menuSetBlc .setBlc .txtBlc {
letter-spacing: 0.1em;
line-height: 2;
}
/* blc02 ------------------*/
#blc02 .imgBlc .img01{
background-image:url(../img/lunch/img06.jpg);
}

#blc02 .imgBlc .img02{
background-image:url(../img/lunch/img07.jpg);
}

#blc02 .imgBlc .img03{
background-image:url(../img/lunch/img08.jpg);
}
#blc02 .blcStyle02 .txtBlc {
letter-spacing: 0.1em;
line-height: 2;
}
/* blc03 ------------------*/
#blc03 .txtCatch{
font-size:160%;
line-height:1.8;
letter-spacing:0.2em;
text-align:center;
margin-bottom:4%;
}

#blc03 .listBlc li{
width:48%;
margin:0 4% 4% 0;
float:left;
}

#blc03 .listBlc li:nth-of-type(2n){
margin-right:0;
}

#blc03 .listBlc li .imgBlc{
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
padding-top:69%;
}

#blc03 .listBlc li .imgBlc.img01{
background-image:url(../img/lunch/img09.jpg);
}

#blc03 .listBlc li .imgBlc.img02{
background-image:url(../img/lunch/img10.jpg);
}

#blc03 .listBlc li .txt{
font-size:160%;
letter-spacing:0.2em;
text-align:center;
padding:2%;
}

@media screen and (max-width: 1200px) {
html,body{
height:auto;
}

/* blc03 ------------------*/
#blc03 .txtCatch{
font-size:140%;
}

#blc03 .listBlc li .txt{
font-size:140%;
}
}

@media screen and (max-width: 1000px) {
}

@media screen and (max-width: 767px) {
/* blc01 ------------------*/
#blc01 .navBlc li{
font-size:120%;
}

/* blc03 ------------------*/
#blc03 .txtCatch{
font-size:120%;
}

#blc03 .listBlc li .txt{
font-size:120%;
}
}

@media screen and (max-width: 480px) {
}