@charset "UTF-8";

/**************************************************************************************************
    Media ALL (共通)
***************************************************************************************************/

    #edoya-shop-detail,
    #edoya-shop-map,
    #edoya-shop-goods {
        color: #333333;
        font-family: "Source Han Serif JP", "Noto Serif CJK JP", "游明朝体", "Yu Mincho", YuMincho, serif;
        font-weight: 600;
    }

    #edoya-shop-detail .edoya-shop-detail__insta,
    #edoya-shop-goods .edoya-shop-goods__link {
        color: #333333;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 600;
    }

    #edoya-shop-detail a,
    #edoya-shop-map a,
    #edoya-shop-goods a {
        color: #000;
        text-decoration: none;
        transition: 0.4s;
    }

    #edoya-shop-detail a:hover,
    #edoya-shop-map a:hover,
    #edoya-shop-goods a:hover {
        opacity: 0.6;
    }

    #edoya-shop-detail {
        margin-bottom: min(5vw, 75px);
    }

    #edoya-shop-detail .edoya-inner {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: start;
        align-content: start;
        gap: 0 20px;
        margin-top: min(4.67vw, 70px);
    }

    #edoya-shop-detail h1 {
        font-size: min(2.13vw, 32px);
        margin: 0;
        margin-bottom: min(3.67vw, 55px);
        grid-column: 1 / 3;
    }

    #edoya-shop-detail .edoya-shop-detail__img {
        grid-column: 2 / 3;
        grid-row: 2 / 3;
    }

    #edoya-shop-detail .edoya-shop-detail__img img {
        width: 100%;
    }

    #edoya-shop-detail .edoya-shop-detail__text {
        font-size: min(1.07vw, 16px);
    }

    #edoya-shop-detail .edoya-shop-detail__insta {
        font-size: min(1vw, 15px);
        color: #C6332E;
        padding: min(0.67vw, 10px) min(2vw, 30px);
        background: linear-gradient(to right, #FFEFA7, #FFE2E9);
        border-radius: min(5vw, 75px);
        display: inline-block;
        width: fit-content;
        margin: min(1.67vw, 25px) 0;
    }

    #edoya-shop-detail .edoya-shop-detail__insta::before {
        content: "";
        display: inline-block;
        width: min(1.4vw, 21px);
        height: min(1.4vw, 21px);
        background-image: url(../img/icon-insta@2x.webp);
        background-size: contain;
        background-repeat: no-repeat;
        vertical-align: middle;
        margin-right: min(0.33vw, 5px);
    }

    #edoya-shop-detail .edoya-shop-detail__info {
        width: 100%;
        background-color: #F8F4E9;
        padding: 1em;
        font-size: min(1.07vw, 16px);
        line-height: 1.8;
    }

    #edoya-shop-detail .edoya-shop-detail__gallery {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: min(1.33vw, 20px);
        grid-column: 1 / 3;
        margin-top: min(2vw, 30px);
        margin-bottom: min(3vw, 45px);
        list-style: none;
        padding: 0;
    }

    #edoya-shop-detail .edoya-shop-detail__gallery li {
        width: min(23vw, 316px);
        height: min(23vw, 316px);
    }

    #edoya-shop-detail .edoya-shop-detail__gallery li img {
        cursor: pointer;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    #edoya-shop-map {
        margin-bottom: min(5vw, 75px);
    }

    #edoya-shop-map .edoya-shop-map__box {
        width: min(80vw, 1200px);
        height: min(30.33vw, 455px);
        margin: 0 auto;
        margin-bottom: min(2.33vw, 30px);
    }

    #edoya-shop-map .edoya-shop-map__box iframe {
        width: 100%;
        height: 100%;
    }

    #edoya-shop-map .edoya-shop-map__link {
        font-size: min(1.07vw, 16px);
        padding: min(0.67vw, 10px) min(1.67vw, 25px);
        background-color: #F2EAF2;
        width: fit-content;
        border-radius: min(5vw, 75px);
        margin: 0 auto;
        margin-bottom: min(2vw, 30px);
        display: block;
    }

    #edoya-shop-goods {
        margin-bottom: min(5vw, 75px);
    }

    #edoya-shop-goods h2 {
        font-size: min(1.67vw, 25px);
        margin: 0;
        margin-bottom: min(1vw, 15px);
    }

    #edoya-shop-goods ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        list-style: none;
        padding: 0;
    }

    #edoya-shop-goods ul li {
        width: min(46vw, 48%);
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        border-bottom: 0.1vw solid #E8BA82;
        padding: min(1vw, 15px) 0;
    }

    #edoya-shop-goods ul li:nth-of-type(1),
    #edoya-shop-goods ul li:nth-of-type(2) {
        border-top: solid 0.1vw #E8BA82;
    }

    #edoya-shop-goods ul li img {
        display: block;
        width: min(9.33vw, 140px);
        height: min(9.33vw, 140px);
        object-fit: cover;
        border-radius: 100vw;
    }

    #edoya-shop-goods ul li .edoya-shop-goods__content {
        width: 70%;
    }

    #edoya-shop-goods ul li .edoya-shop-goods__content h3 {
        font-size: min(1.87vw, 28px);
        margin: 0;
        margin-bottom: min(0.67vw, 10px);
    }

    #edoya-shop-goods ul li .edoya-shop-goods__content p {
        font-size: min(0.93vw, 14px);
        margin-bottom: min(0.67vw, 10px);
    }

    #edoya-shop-goods ul li .edoya-shop-goods__content .edoya-shop-goods__link {
        font-size: min(0.8vw, 12px);
        color: #C6332E;
        display: inline-block;
        display: block;
        width: fit-content;
        border-radius: min(7vw, 105px);
        padding: min(0.5vw, 7.5px) min(1.5vw, 22.5px);
        background-color: #FFF0BC;
        margin: 0 0 0 auto;
    }

    #edoya-shop-goods ul li .edoya-shop-goods__content .edoya-shop-goods__link::before {
        display: inline-block;
        width: min(1.2vw, 18px);
        height: min(1.2vw, 18px);
        background-size: contain;
        vertical-align: middle;
        background-repeat: no-repeat;
        margin-right: min(0.2vw, 3px);
        content: "";
        background-image: url(../img/icon-basket@2x.webp);
    }



/**************************************************************************************************
    Media Query (横幅1366px以下)
***************************************************************************************************/
@media (max-width: 1366px) {

}



/**************************************************************************************************
    Media Query (横幅1280px以下)
***************************************************************************************************/
@media (max-width: 1280px) {

}



/**************************************************************************************************
    Media Query (横幅1024px以下)
***************************************************************************************************/
@media (max-width: 1024px) {

    #edoya-shop-detail {
        margin-top: 4.17vw;
    }

    #edoya-shop-detail .edoya-inner {
        display: block;
    }

    #edoya-shop-detail h1 {
        font-size: 5.21vw;
        margin-bottom: 3.13vw;
    }

    #edoya-shop-detail .edoya-shop-detail__img {
        width: 100%;
        margin-bottom: 4.17vw;
    }

    #edoya-shop-detail .edoya-shop-detail__text {
        font-size: 3.33vw;
    }

    #edoya-shop-detail .edoya-shop-detail__insta {
        margin: 4.17vw 0;
        font-size: 3.13vw;
        padding: 2.08vw 7.29vw;
    }

    #edoya-shop-detail .edoya-shop-detail__insta::before {
        width: 3.5vw;
        height: 3.5vw;
        margin-right: 1.04vw;
        vertical-align: text-top;
        margin-top: 0.2em;
    }

    #edoya-shop-detail .edoya-shop-detail__info {
        width: 100%;
        margin-bottom: 6.25vw;
        font-size: 3.33vw;
    }

    #edoya-shop-detail .edoya-shop-detail__gallery {
        gap: 2vw;
        margin-bottom: 9.38vw;
    }

    #edoya-shop-detail .edoya-shop-detail__gallery li {
        width: 30.2vw;
        height: 30.2vw;
    }

    #edoya-shop-map .edoya-inner {
        width: 100%;
        padding: 0;
    }

    #edoya-shop-map .edoya-shop-map__box {
        width: 100%;
        height: 37.5vw;
        margin-bottom: 3.13vw;
    }

    #edoya-shop-map .edoya-shop-map__link {
        font-size: 3.54vw;
        padding: 2.08vw 5.21vw;
        margin-bottom: 13.54vw;
    }

    #edoya-shop-goods {
        margin-bottom: 18.75vw;
    }

    #edoya-shop-goods h2 {
        font-size: 5.21vw;
        margin-bottom: 4.17vw;
    }

    #edoya-shop-goods ul {
        display: block;
    }

    #edoya-shop-goods ul li {
        width: 100%;
        padding-top: 4.17vw;
        padding-bottom: 4.17vw;
    }

    #edoya-shop-goods ul li:nth-of-type(2) {
        border-top: none;
    }

    #edoya-shop-goods ul li img {
        width: 29.17vw;
        height: 29.17vw;
    }

    #edoya-shop-goods ul li .edoya-shop-goods__content {
        width: 60%;
    }

    #edoya-shop-goods ul li .edoya-shop-goods__content h3 {
        font-size: 5.83vw;
        margin-bottom: 3.13vw;
        line-height: 1.2;
    }

    #edoya-shop-goods ul li .edoya-shop-goods__content p {
        font-size: 3.13vw;
        margin-bottom: 3.13vw;
        width: 100%;
    }

    #edoya-shop-goods ul li .edoya-shop-goods__content .edoya-shop-goods__link {
        font-size: 3.13vw;
        padding: 1.67vw 5vw;
        margin: 0 auto;
    }

    #edoya-shop-goods ul li .edoya-shop-goods__content .edoya-shop-goods__link::before {
        width: 3.75vw;
        height: 3.13vw;
        margin-right: 1.04vw;
        margin-top: -0.5vw;
    }

}



/**************************************************************************************************
    Media Query (横幅768px以下)
***************************************************************************************************/
@media (max-width: 768px) {

    #edoya-shop-detail .edoya-shop-detail__gallery {
        gap: 2vw;
    }

    #edoya-shop-detail .edoya-shop-detail__gallery li {
        width: 28vw;
        height: 28vw;
    }

}


