@charset "utf-8";
#store-location .mvarea{
    background: url(/html/user_data/assets/img/store-location/yokohama-3.webp) no-repeat center;
    background-size: cover;
}
.store__list {
    display: flex;
    font-weight: 600;
    justify-content: center;
    margin-bottom: 50px;
}
.store__list li{
    position: relative;
    padding: 0 24px;
}
.store__list li::after {
    content: "";
    width: 1px;
    height: 100%;
    background: var(--color-mainFonts);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.store__list li:first-of-type::after{
    display: none;
}

.subpage__title{
    margin-bottom: 0;
}
.subpage__title::before{
    display: none;
}

.store__title{
    text-align: center;
}
.store__slideBox{
    margin-bottom: min(5vw, 50px);
}
.store__slider{
    height: 400px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.store__access tr{
    margin-bottom: 20px;
    display: flex;
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 20px;
}
.store__access th{
    width: 25%;
}
.store__access td{
    width: 75%;
}
.store__access tr:last-child{
    border-bottom: none;
}
.store__accessList{
    margin: 30px 0;
}
.train,.car{
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 10px 0;
}

.train::before{
    display: block;
    content: "";
    background: url(/html/user_data/assets/img/store-location/train.svg) no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
}
.car::before{
    display: block;
    content: "";
    background: url(/html/user_data/assets/img/store-location/car.svg) no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
}

iframe{
    width: 100%;
    height: 300px;
}
@media screen and (max-width:767px){
    .store__list{
        gap: 20px;
        font-size: 14px;
    }
    .store__list li{
        padding: 0;
    }
    .store__list li::after{
        display: none;
    }
    .store__slider{
        height: auto;
    }
    .store__access tr{
        flex-direction: column;
    }
    .store__access th,
    .store__access td{
        width: 100%;
    }
}

