@charset "UTF-8";

/* ================================
mv
================================ */
.mv__access img{
    height: 100px;
    min-width: 375px;
    width: 100%;
    object-fit: cover;
}

/* mv pc */
@media screen and (min-width:1260px) {
    .mv__access img{
        height: 200px;
    }
}
/* pc 1260px */

/* ================================
access
================================ */
.access{
    padding: 70px var(--sp_padding, 9.8%);
    background-color: var(--white, #fcfcfc);
}

.access__shopimg{
    display: block;
    margin: 70px auto 0;
    border-radius: 12px;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25);
}

.access__cont{
    margin-top: 50px;
}

.access__topic h3{
    color: var(--brown_topic, #9C774C);
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.3; /* 26px */
}

.access__topic p{
    font-size: 1.8rem;
    line-height: 1.3; /* 23.4px */
    margin-top: 10px;
}

.access__detailcont{
    margin-top: 30px;
}

.detail{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 10px;
}

.detail:first-child{
    margin-top: 0;
}

.detail:last-child{
    margin-top: 30px;
    gap: 0 46px;
}

.detail h4{
    color: var(--brown_topic, #9C774C);
    text-align: left;
    font-size: 1.8rem;
    font-weight: 500;
    white-space: nowrap;
    min-width: 0;
}

.detail h4:last-of-type{
    width: 36px;
}

.detail p{
    font-size: 1.8rem;
    line-height: 1.8; /* 32.4px */
}

.detail__traffic{
    min-width: 231px;
}

.insta_list{
    max-width: auto;
    margin-top: 50px;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25);
}

/* access tb */
@media screen and (min-width:768px) {
    .access{
        padding: 80px 10.9% 100px;
    }

    .access__shopimg{
        margin: 80px auto 0;
        min-width: 600px;
    }

    .access__cont{
        margin-top: 80px;
        min-width: 600px;
    }

    .access__topic h3{
        font-size: 2.4rem;
    }

    .access__topic p{
        font-size: 2.2rem;
    }

    .detail h4{
        font-size: 2rem;
        line-height: 1.8;
    }

    .detail p{
        font-size: 2.2rem;
        line-height: 1.3; /* 28.6px */
    }

    .detail__traffic p{
        line-height: 1.8;
    }

    .insta_list{
        margin-top: 60px;
    }
}
/* tb 768px */

/* access pc */
@media screen and (min-width:1260px) {
    .access{
        padding: 90px 0 110px;
    }

    .access__shopimg{
        margin-top: 80px;
        max-width: 1020px;
    }

    .access__cont{
        margin: 80px auto 0;
        max-width: 1020px;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }

    .access__txtbox{
        width: 464px;
    }

    .detail:last-child{
        margin-top: 10px;
    }

    .detail__traffic{
        min-width: auto;
    }

    .insta_list{
        max-width: 506px;
        margin-top: 0;
    }

    .insta_list a{
        pointer-events: none;
    }
}
/* pc 1260px */