@charset "UTF-8";

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

/* blc01 ------------------*/
#blc01 .introBlc .imgBlc.img01{
background-image:url(../img/dinner/img01.jpg);
}

#blc01 .introBlc .imgBlc.img02{
background-image:url(../img/dinner/img02.jpg);
}

#blc01 .introBlc .txtCatch{
font-size:140%;
}
#blc01 .txtCenter {
letter-spacing: 0.1em;
line-height: 1.7;
} 
/* blc02 ------------------*/
#blc02 .list li{
padding-left:7%;
}

#blc02 .list li:nth-of-type(2n){
padding-right:7%;
padding-left:0;
}

#blc02 .list li .imgBlc{
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
width:55%;
padding-top:54%;
float:left;
}

#blc02 .list li:nth-of-type(2n) .imgBlc{
float:right;
}

#blc02 .list li .imgBlc.img01{
background-image:url(../img/dinner/img03.jpg);
}

#blc02 .list li .imgBlc.img02{
background-image:url(../img/dinner/img04.jpg);
}

#blc02 .list li .imgBlc.img03{
background-image:url(../img/dinner/img05.jpg);
}

#blc02 .list li .imgBlc.img04{
background-image:url(../img/dinner/img06.jpg);
}

#blc02 .list li .txtBlc{
width:45%;
letter-spacing:0.1em;
padding:5%;
display:table;
float:right;
box-sizing:border-box;
line-height: 2;
}

#blc02 .list li:nth-of-type(2n) .txtBlc{
float:left;
}

#blc02 .list li .txtBlc .inner{
height:100%;
display:table-cell;
vertical-align:middle;
}

#blc02 .list li .txtBlc .subj{
font-size:140%;
letter-spacing:0.2em;
margin-bottom:2%;
line-height: 1.5;
}

/* blc03 ------------------*/
#blc03 .sectBlc{
padding-left:2%;
padding-right:2%;
}

#blc03 .sectBlc .ttl{
font-size:140%;
letter-spacing:0.1em;
text-align:center;
line-height: 1.7;
}

#blc03 .sectBlc .list{
letter-spacing:-0.4em;
text-align:center;
}

#blc03 .sectBlc .list li{
width:20%;
letter-spacing:normal;
padding:2%;
display:inline-block;
vertical-align:top;
box-sizing:border-box;
}

#blc03 .sectBlc .list li .imgBlc{
text-align:center;
margin-bottom:7%;
}

#blc03 .sectBlc .list li .txt{
font-size:120%;
letter-spacing:0.1em;
text-align:center;
}

@media screen and (max-width: 1200px) {
/* blc01 ------------------*/
#blc01 .introBlc .txtCatch{
font-size:120%;
}
}

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

@media screen and (max-width: 767px) {
/* blc02 ------------------*/
#blc02 .list li{
padding-left:0;
}

#blc02 .list li:nth-of-type(2n){
padding-right:0;
}

#blc02 .list li .txtBlc .subj{
font-size:120%;
}

#blc02 .list li .imgBlc{
width:100%;
padding-top:75%;
}

#blc02 .list li .txtBlc{
width:100%;
}

/* blc03 ------------------*/
#blc03 .sectBlc .ttl{
font-size:120%;
}

#blc03 .sectBlc .list li .txt{
font-size:85%;
}
}

@media screen and (max-width: 480px) {
/* blc03 ------------------*/
#blc03 .sectBlc .list li{
width:33.33%;
}
}