@charset "utf-8";
/* CSS Document */

/* map
-------------------------------------------------- */
.map {
    background: rgba(255,255,255,0.5);
    border-style: solid;
    border-color: var(--secondaryColor);
}
.map iframe {
    width: 100%;
    height: 100%;
}

/* shopInfo
-------------------------------------------------- */
.shopInfo {
}
.shopInfo .shopInfoList {
}
.shopInfo .shopInfoListItem {
}
.shopInfo .shopInfoTitle,
.shopInfo .shopInfoDetail {
    font-family: 'Josefin Sans', 'Kiwi Maru', serif;
    color: var(--textColor);
}
.shopInfo .shopInfoTitle {
}
.shopInfo .shopInfoTitle_inn {
}
.shopInfo .shopInfoDetail {
}
.shopInfo .shopInfoDetail_link {
    color: var(--textColor);
}

@media screen and (min-width: 768px) {

    /* map
    -------------------------------------------------- */
    .map {
        height: 550px;
        border-width: 2px;
        margin: 0 0 15px;
        padding: 15px;
    }

    /* shopInfo
    -------------------------------------------------- */
    .shopInfo {
        margin: 0;
        padding: 0 10px;
    }
    .shopInfo .shopInfoList {
    }
    .shopInfo .shopInfoListItem {
        display: flex;
        margin-bottom: 8px;
    }
    .shopInfo .shopInfoListItem:last-child {
        margin-bottom: 0;
    }
    .shopInfo .shopInfoTitle,
    .shopInfo .shopInfoDetail {
        font-size: 23px;
        line-height: 1.5;
    }
    .shopInfo .shopInfoTitle {
        margin-right: 2px;
    }
    .shopInfo .shopInfoTitle_inn {
    }
    .shopInfo .shopInfoTitle_inn:after {
        content: ":";
        margin: 0 5px;
    }
    .shopInfo .shopInfoDetail {
    }
    .shopInfo .shopInfoDetail_link {
    }
}

@media all and (max-width: 767px) {

    /* map
    -------------------------------------------------- */
    .map {
        width: 100%;
        height: 80vw;
        border-width: 3px;
        margin: 0 auto 3vw;
        padding: 2.5vw;
    }

    /* shopInfo
    -------------------------------------------------- */
    .shopInfo {
    }
    .shopInfo .shopInfoList {
    }
    .shopInfo .shopInfoListItem {
        display: flex;
        margin-bottom: 1.5vw;
    }
    .shopInfo .shopInfoListItem:last-child {
        margin-bottom: 0;
    }
    .shopInfo .shopInfoTitle,
    .shopInfo .shopInfoDetail {
        font-size: 3.75vw;
    }
    .shopInfo .shopInfoTitle {
        min-width: 11.5vw;
    }
    .shopInfo .shopInfoTitle_inn {
        display: flex;
        align-items: center;
    }
    .shopInfo .shopInfoTitle_inn:after {
        font-family: "Font Awesome 6 free";
        font-size: 1.75vw;
        font-weight: bold;
        content: '\f04b';
        color: var(--secondaryColor);
        margin: 0.6vw 1vw 0;
    }
    .shopInfo .shopInfoDetail {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    .shopInfo .shopInfoDetail_link {
        text-decoration: underline;
    }
}