.slide-banner img { width: 100%; }
.topic { margin: 32px auto 0; text-align: center; position: relative; }
.topic .bg-white { background: url(../images/bg-topic.png) no-repeat center; background-size: contain; font-size: 12px; padding: 35px; }
.topic .bg-white p { padding: 18px 0; }
.topic .img-topic { position: absolute; bottom: 0; right: 0; }
.topic .img-topic img { width:250px; }

.slide-marquee { margin: 32px auto 0; }
.images-food { position: relative; }
.images-food img { width: 100%; }
.text-name { display: block; width: 100%; position: absolute; left: 0; bottom: 0; padding: 4px 8px; font-size: 16px;
    text-shadow: #fff 2px 0px 0px,
    #fff 1.75517px 0.958851px 0px,
    #fff 1.0806px 1.68294px 0px,
    #fff 0.141474px 1.99499px 0px,
    #fff -0.832294px 1.81859px 0px, 
    #fff -1.60229px 1.19694px 0px,
    #fff -1.97998px 0.28224px 0px,
    #fff -1.87291px -0.701566px 0px,
    #fff -1.30729px -1.5136px 0px,
    #fff -0.421592px -1.95506px 0px,
    #fff 0.567324px -1.91785px 0px,
    #fff 1.41734px -1.41108px 0px,
    #fff 1.92034px -0.558831px 0px; }

.list-shop { margin: 32px auto 0;  }
.shop { margin: 22px auto; }
.shop ul { display: flex; flex-wrap: wrap;}
.shop ul li{ display: block; width: 31.33%; margin: 4px 1%; }
.shop .images-shop img { width: 100%; }
.shop .name-shop{ padding: 4px 0; }
.shop .name-shop img { max-width: 100%; }
.shop .name-shop p{ padding-top: 12px; }
.shop .tel a { color: #a20404 !important; font-size: 20px; padding: 4px 0; display: block; }
.shop .tel small { font-size: 12px; }
.shop .tel sup { left: -12px; top: -12px; margin-right: -10px; }
.shop .open { line-height: 1.5; font-size: 14px; }
.btn-link { display: flex; flex-wrap: wrap; margin: 4px auto; }
.btn-link .link-map{ width: 50%; display: block; }
.btn-link .link-map a { display: block; }
.btn-link .link-map:nth-child(1) { padding-right: 8px; }
.btn-link .link-map:nth-child(2) { padding-left: 8px; }
.btn-link .link-page { width: 100%; text-align: center; margin: 4px auto; display: block; }
.btn-link .link-page a { display: block; }
.btn-link .link-social a { font-size: 18px; display: inline-block; padding-right: 4px; }
.btn-link .link-social a:hover{ color: #a20404;}

@media(max-width:860px){    
    .topic .img-topic img { width:200px; }
}

@media(max-width:768px){
    .topic .bg-white { background: rgba(255, 255, 255, 0.6); margin: 14px; padding: 14px; border-radius: 50px; }
    .topic .img-topic { position: relative; }
    .topic .img-topic img { width:250px; }

    .shop ul li{ display: flex; flex-wrap: wrap; width: 100%;}
    .shop .images-shop,
    .shop .text-shop{ width: 50%; padding: 0 12px; }
    .btn-link{ width: 100%; padding: 0 12px;}

}

@media(max-width:520px){
    .shop .images-shop,
    .shop .text-shop,
    .btn-link{ width: 90%; padding: 4px 12px; margin: auto; }
}