@charset "utf-8";
/*--京ec.css--*/
/* ##########PC########## */
.intro_msg{
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

    .intro_msg p{
        text-align: center;
        font-size: 1.15rem;
        color: var(--base_color2);
        font-weight: 500;
        margin: 0;
    }

.page_body .shop_list{
    background: var(--base_color9);
    padding: 2rem 3rem;
    border-radius: 1rem;
}

.page_body .shop_list table{
    border-top: none;
    margin: 0;
}

.page_body .shop_list table td,
.page_body .shop_list table th{
    border: none !important;
}

.page_body .shop_list.wp-block-table table thead{
    border-bottom: 1px solid var(--base_color2) !important;
}

.page_body .shop_list table thead th{
    background: none;
    padding-top: 0;
    padding-bottom: 0.3em;
    color: var(--base_color2);
}

.page_body .shop_list table tbody tr td{
    border-bottom: 1px solid rgba(0,0,0,0.1) !important;
    background: rgba(255,255,255,0.9);
}

.page_body .shop_list table tbody tr td:nth-child(2){
    width: 55%;
}

.page_body .shop_list table tbody tr td:nth-child(3){
    width: 10em;
    text-align: center
}


@media screen and (min-width:1px) and (max-width:1400px) {
}

/*ipad*/
@media screen and (min-width:1px) and (max-width:1024px){

}
/* ##########SP横向き########## */
@media screen and (min-width:1px) and (max-width:768px) {

}

/* ##########SP########## */
@media screen and (min-width:1px) and (max-width:575px) {

    .intro_msg p {
        font-size: 1.05rem;
    }

    .page_body .shop_list{
        padding: 1rem;
    }

    .page_body .shop_list table{
        display: block;
    }

    .page_body .shop_list.wp-block-table table thead{
        display: none;
    }

    .page_body .shop_list.wp-block-table table tbody{
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .page_body .shop_list.wp-block-table table tbody tr{
        display: flex;
        flex-direction: column;
        gap: 0.25em;
        background: rgba(255,255,255,0.9);
        line-height: 1.4;
        padding: 0.5em 0.75em;
    }

    .page_body .shop_list table tbody tr td{
        display: block;
        border-bottom: none !important;
        padding: 0 0 0 4rem;
        background: none;
        position: relative;
    }

    .page_body .shop_list table tbody tr td::before{
        content: "";
        display: block;
        position: absolute;
        top: 0.1rem;
        left: 0;
        font-weight: 500;
        color: var(--base_color2);
        font-size: 0.9rem;
    }

    .page_body .shop_list table tbody tr td:nth-child(1){
        font-weight: 500;
        font-size: 1.2rem;
    }

    .page_body .shop_list table tbody tr td:nth-child(2){
        width: auto;
    }

    .page_body .shop_list table tbody tr td:nth-child(3){
        width: auto;
        text-align: left;
    }

    .page_body .shop_list table tbody tr td:nth-child(1)::before{
        content: "店舗名";
        font-size: 0.9rem;
    }

    .page_body .shop_list table tbody tr td:nth-child(2)::before{
        content: "所在地";
    }

    .page_body .shop_list table tbody tr td:nth-child(3)::before{
        content: "TEL";
    }

}


/* ##########印刷用########## */
@media print{

}