/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 05 2024 | 10:14:59 */
.store{
    /* display: flex; */
 }
 
 .store p {
   margin-bottom: 0;
 }
 
 .store label {
   margin-right: 5px;
   font-weight: bold;
 }
 
 .store-nav{
   /* width:20%; */
   min-height: 75px;
   background-color: white;
 }
 
 .store-list{
   /* width:80%; */
   display: inline-flex;
 }
 .store-list-wrapper{
   margin: auto;
   /* width:1024px; */
 }
 .nav-list{
    display: flex;
    width: 100%;
    justify-content: center;
    margin: auto;
    align-items: center;
    min-height: 75px;
 }
 .nav-list li{
    padding: 6px 16px;
    color: black;
    border: 1px solid #4a4a4a;
    transition: all 0.5s;
    border-radius: 30px;
    width: fit-content;
 }
 .nav-list li:hover{
   background: white;
   color:black;
 }
 .nav-list a{
   color: black;
   text-align: center;
   margin: 0 4px;
 }
 
 .store_title {
   font-size: 20px;
   margin: 10px 0 5px;
 }
 
 
 .store .grid-container{
   display:grid;
   grid-template-columns: 1fr 1fr 1fr;
 }
 
 
 .store .grid-item{
   /* width: 33.3333%; */
   padding: 0 8px;
   margin-bottom: 20px;
 }
 
 @media screen and (max-width: 992px) {
   .store {
     flex-direction: column;
   }
   
   .store-list {
     width: 100%;
   }
   
   .store-nav {
     width: 100%;
   }
   
   .store-nav .nav-list{
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
   }
   .store-nav .nav-list a{
     width: 20%;
   }
 }
 
 @media screen and (max-width: 992px) {
   .store .grid-item{
     width: 50%;
   }
   .store .grid-container.grid-container.grid-container {
     margin: 0 !important;
   }
 }
 @media screen and (max-width: 576px) {
   .store .grid-item{
     width: 100%;
   }
 }
 
 
 @media screen and (max-width: 992px) {
   .store-nav .nav-list a{
     width: 24%;
   }
 }
 
 @media screen and (max-width: 600px) {
   .store-nav .nav-list a{
     width: 48%;
   }
   
   .nav-list li{
     padding: 16px;
   }
 }
 
 
 .card{
   width: 100%;
   max-width: 100%;
   display: flex;
   flex-direction:column;
   margin: auto;
   box-shadow: 0 0 15px 2px rgb(0 0 0 / 20%);
 }
 .store-img img{
   width: 100%;
   object-fit: cover;
   height: 200px;
 }
 .store_phone {
   margin-left: 5px;
   font-weight: 500;
 }
 .info_title{
 }
 .store_address_label{
   display: flex;
 }
 .info_contact{
   display: flex;
   flex-direction: column;
 }
 .store_address_label{
   display: flex;
   word-break: keep-all;
 }
 
 .store_contact_person {
   font-weight: 500;
 }
 
 .store_address {
   word-break: break-all;
   font-weight: 500;
 }
 .store_label{
   display: flex;
 }
 .label_block{
   margin-right: 5px;
 }
 .info_times{
   justify-content: space-between;
 }
 .info_time_block{
   display: flex;
 }
 .store_social{
   display:flex;
   justify-content: flex-start;
   flex-direction: column;
 }
 .store_social_label{
 }
 .store_line_id{
 }
 
 
 .line_id_top {
   display: flex;
 }
 
 .icon-bottom {
   display: flex;
   align-items: center;
 }
 
 .icon-bottom a {
   font-size: 24px;
 }
 
 .icon-bottom >div{
   margin-right: 20px;
 }
 
 .store-info {
   padding: 0 8px;
 }