@charset "utf-8";

#storeguide .store-info-box {
        display: block;
}

#storeguide .store-photo {
        width: 100%;
}

#storeguide h1 {
        max-width: 1200px;
        width: 94%;
        margin: 3% auto 0;
        height: 0;
        overflow: hidden;
        padding-top: 24%;
        margin-bottom: 20px;
        background: url(../images/storeguide.png) center center no-repeat;
        background-size: 100% auto;
}

/* main */
.mb10 {
        margin-bottom: 10px;
}

.storeguide-main a {
        text-decoration: none;
}

.storeguide-main .main-inner,
#storeguide .each-store-ekimae {
        max-width: 1200px;
        width: 94%;
        margin: 0 auto;
}

.storeguide-main .top-title {
        margin-bottom: 20px;
}

.storeguide-main .top-title-box {
        font-family: 'Kiwi Maru', serif;
        padding: 0.5rem;
        border-top: solid 1px #9cca54;
        border-bottom: solid 1px #9cca54;
        color: #9cca54;
        text-align: center;
        margin: 1rem auto;
}

.storeguide-main h3 {
        font-family: 'Kiwi Maru', serif;
        font-size: 18.5px;
        padding-left: 5px;
        margin: 30px auto 20px;
        border-left: 4px solid #9cca54;
}

.storeguide-main .storeguide-img {
        width: 100%;
        height: 60vw;
        object-fit: cover;
}

.storeguide-main .store-info {
        padding: 10px;
        font-size: 1.7rem;
}

.storeguide-main .info-style {
        color: #77c300;
}

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

        #storeguide h1 {
                position: absolute;
                overflow: visible;
                padding-left: 27%;
                top: 12rem;
                z-index: 1;
                margin: 0 auto;
                padding-top: 0;
                color: #77c300;
                font-family: 'Kiwi Maru', serif;
                font-size: 0.75vw;
                font-weight: bold;
                background: none;
        }

        #storeguide .storeguide-header .header-inner {
                max-width: 1200px;
                width: 94%;
                margin: 3% auto;
                padding-bottom: 5px;
                margin-top: 8rem;
                height: 7rem;
                position: relative;
                background-color: #bae3f9;
                background-image:
                        radial-gradient(#d3edfb 20%, transparent 20%),
                        radial-gradient(#d3edfb 20%, transparent 20%);
                background-size: 40px 40px;
                background-position: 0 0, 20px 20px;
                border-radius: 5px;
        }

        #storeguide .pc-storeguide-title {
                position: absolute;
                left: 10%;
                bottom: 0;
                color: #77c300;
                font-family: 'Kiwi Maru', serif;
                font-size: 4rem;
        }

        #storeguide .storeguide-header .storeguide-img-ico {
                position: absolute;
                bottom: 0;
                right: 10%;
                width: auto;
                height: 150%;
        }

        .storeguide-main .main-inner,
        #storeguide .each-store-ekimae {
                padding: 4rem;
        }

        #storeguide .store-photo {
                display: flex;
                align-items: center;
                justify-content: space-between;
                flex-wrap: wrap;
                margin-bottom: 3rem;
        }

        #storeguide .store-photo-three {
                width: 30%;
        }

        #storeguide .store-photo-three .storeguide-img {
                width: 100%;
                height: auto;
        }

        #storeguide .store-info {
                width: 90%;
                margin: 2rem auto;
                font-size: 1.4rem;
        }

        #storeguide .info-style {
                font-size: 1.5rem;
                font-weight: bold;
        }

        #storeguide .store-info-style {
                border-bottom: 3px dotted #d7f1ad;
                padding: 1rem;
                overflow: hidden;
        }

        #storeguide .store-info-style dt {
                float: left;
                width: 20%;
        }

        #storeguide .store-info-style dd {
                float: left;
        }

        #storeguide .ekimae-bgc {
                width: 100%;
                background-color: #fff;
        }

        #storeguide .each-store-ekimae .store-info-style {
                border-bottom: 3px dotted #d7f1ad;

        }

}