@charset "UTF-8";

/*
SP ～519px
tab 520px～959px
pc 960px～
*/



/* -----access----- */

.access {
    background-color: var(--color-beige);
    background-image: url(../../img/back_texture.png);
    background-repeat: repeat;
    width: 100%;
    padding: 80px 0;
}

.pageview {
    background-image: url(../../img/access_image_main.jpg);
    background-position: bottom;
}

@media screen and (min-width:729px) {
    .access {
        padding: 160px 0;
    }
}

/* access_contents_flex */
@media screen and (min-width:729px) {
    .access_contents_flex {
        display: flex;
        gap: var(--gutter-60px);
        width: 100%;
        align-items: flex-start;
        height: auto;
    }
}

/* access_map */

.access_map {
    margin-bottom: var(--gutter-60px);
}

.access_map .access_map_img {
    width: 100%;
    aspect-ratio: 4/3;
    overflow: hidden;
    margin-bottom: var(--gutter-40px);
}

.access_map .page_title_wrap {
    margin-bottom: var(--gutter-16px);
}

.access_map ul li {
    padding-bottom: var(--gutter-40px);
    border-bottom: 1px solid rgba(189, 182, 174, 80%);
}

.access_map ul li:not(:last-child) {
    margin-bottom: var(--gutter-40px);
}

@media screen and (min-width:729px) {
    .access_map {
        width: 647px;
    }
}

/* access_shop */

.access_shop dl {
    padding: var(--gutter-24px) 0;
    border-bottom: 1px solid rgba(189, 182, 174, 80%);
}

.access_shop dl dt {
    font-family: var(--font-Garamond);
    font-size: var(--size-18px);
    font-weight: 500;
}

@media screen and (min-width:729px) {
    .access_shop {
        width: 294px;
        position: sticky;
        top: 0;
    }

    .access_shop dl dt {
        font-size: var(--size-20px);
    }
}