/* --------------------------------------------------------------------------------------------------------
   01 Theme custom
 *
 * どのサイズでも共通で適用されるスタイル
 *
-------------------------------------------------------------------------------------------------------- */

/*店内写真*/
.store-address .txt-wrap-asaka {
    background-image: url(//www.kaden-max.com/wp-content/themes/twentyseventeench/css/../img/contents/company-asakaten.webp);
    background-position: left 2em bottom 1em;
    background-repeat: no-repeat;
    background-size: auto 33%;
    max-width: 650px;
    margin-right: auto;
    margin-left: auto;
    padding: 2em 3em;
}

/* 店舗情報 */
.store-address .shop-access {
    background-color: rgba(255, 255, 255, 0.6);
    padding: 0.5rem 2rem 2rem 2rem;
    text-align: center;
    margin-bottom: 3rem !important;
}

.store-address .shop-access .text-m {
    margin-bottom: 1rem;
}

.store-address .txt-wrap {
    position: relative;
    background-color: rgba(255, 255, 255, 0.6);
}

.store-address .txt-wrap:before {
    content: "";
    position: absolute;
    background-image: url(../img/contents/kirakira-man.png);
    background-repeat: no-repeat;
    height: 191px;
}

.store-address .txt-wrap-asaka {
    position: relative;
    background-color: rgba(255, 255, 255, 0.6);
}

.store-address .txt-wrap-asaka:before {
    content: "";
    position: absolute;
    background-image: url(../img/contents/kirakira-man.png);
    background-repeat: no-repeat;
    height: 191px;
}

.store-address p.accent {
    text-align: center;
    font-size: 1.2em;
    margin-top: 0;
    color: #F51100;
    border-bottom: 1px dotted #f7392b;
}

.store-address p:not(:first-child) {
    margin-top: 0.5em;
}

.store-address .gmap {
    /* margin: 0 calc(50% - 50vw);
    width: 100vw; */
    width: 100%;
    margin: 3em 0 3em 0;
}

.store-address .gmap iframe {
    width: 100%;
}

/* 767px以下*/
@media screen and (max-width: 767px) {
    /* 店舗情報 */
    .store-address .shop-access {
        text-align: left;
    }

    .store-address .txt-wrap {
        padding: 1em 2em;
    }

    .store-address .txt-wrap:before {
        width: 27%;
        background-size: contain;
        right: 0;
        bottom: 0;
        background-position: right bottom;
        transform: scale(-1, 1);
        filter: FlipH;
        -ms-filter: "FlipH";
    }
    
    .store-address .txt-wrap-asaka {
        padding: 1em 2em;
    }

    .store-address .txt-wrap-asaka:before {
        width: 27%;
        background-size: contain;
        right: 0;
        bottom: 0;
        background-position: right bottom;
        transform: scale(-1, 1);
        filter: FlipH;
        -ms-filter: "FlipH";
    }

    p.mochikomi{
        margin-bottom: 4em;
    }

    .txt-wrap-asaka p.mochikomi{
        margin-bottom: 16em !important;
    }
}

/* 768px以上 */
@media screen and (min-width: 48em) {
    /* 店舗情報 */
    .store-address .txt-wrap {
        background-image: url(../img/contents/store-img.png);
        background-repeat: no-repeat;
        background-position: right 3em bottom 13em;
        background-size: auto 35%;
        max-width: 650px;
        margin-right: auto;
        margin-left: auto;
        padding: 2em 3em;
    }

    .store-address .txt-wrap:before {
        width: 176px;
        left: -5em;
        bottom: -2em;
        background-size: 45%;
        background-position: left bottom;
    }

    .store-address .txt-wrap-asaka {
        background-image: url(../img/contents/company-asakaten.webp) !important;
        background-position: right 3em bottom 11em !important;
        background-size: auto 35%;
        max-width: 650px;
        margin-right: auto;
        margin-left: auto;
        padding: 2em 3em;
    }

    .store-address .txt-wrap-asaka:before {
        width: 176px;
        left: -5em;
        bottom: -2em;
        background-size: 45%;
        background-position: left bottom;
    }

    .store-address p.accent {
        width: 60%;
        margin-right: auto;
        margin-left: auto;
    }
}

/* 幅 1072px 以上 */
@media screen and (min-width: 67em) {

    /* 店舗情報 */
    .store-address .txt-wrap:before {
        background-size: 80%;
        left: -10em;
    }

    .store-address .txt-wrap-asaka:before {
        background-size: 80%;
        left: -10em;
    }
}

/* 1264px以上 */
@media screen and (min-width: 79em) {
}