/*!
Coding style from FLOCSS
https://github.com/hiloki/flocss
*/
.footer_content h2 {
    background-color: #b3983e !important
}

.p-map-search {
    //position: relative
}
.tab_img{
    z-index: 101;
    position: relative;
  }
.p-map-search__click {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #b74b5f;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    height: 30px;
    left: 0;
    opacity: 0;
    padding: 0 10px;
    pointer-events: none;
    position: absolute;
    top: 0;
    white-space: nowrap;
    width: 260px
}

.p-map-search__click.is-show {
    opacity: 1;
    pointer-events: auto
}

.p-map-search__mode {
    background: url(../img/btn_mode_01.png) no-repeat 0 0/120px;
    height: 30px;
    width: 60px
}

.p-map-search__mode.is-driving {
    background-position: 100% 0
}

.p-map-search__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 20px;
    padding-right: 10px;
    position: absolute;
    top: 20px;
    z-index: 100
}

.p-map-search__inner select {
    border: none;
    font-size: 13px;
    margin-left: 10px;
    outline: none;
    width: 200px
}

.p-map-search__distance {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    height: 30px;
    left: 0;
    opacity: 0;
    padding: 0 10px;
    position: absolute;
    top: 40px;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.p-map-search__distance.is-show {
    opacity: 1
}

.p-map-search__distance-km {
    margin-left: 10px
}

.p-shop-access {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 25px -10px 0
}

.p-shop-access .shop-info td,
.p-shop-access .shop-info th {
    padding: 1rem 2rem !important
}

.p-shop-access__col {
    margin: 0 10px;
    width: calc(50% - 20px)
}

.p-shop-slider__slide img {
    vertical-align: middle
}

.p-shop-slider__next,
.p-shop-slider__prev {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20px !important;
    justify-content: center;
    margin-top: -10px !important;
    position: relative;
    width: 13px !important
}

.p-shop-slider__next:after,
.p-shop-slider__next:before,
.p-shop-slider__prev:after,
.p-shop-slider__prev:before {
    background: #fff;
    content: "" !important;
    display: block;
    height: 4px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 16px
}

.p-shop-slider__next:before,
.p-shop-slider__prev:before {
    top: 3px
}

.p-shop-slider__next:after,
.p-shop-slider__prev:after {
    top: 12px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.p-shop-slider__prev {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.p-shop-thumbs-slider {
    margin: 10px -5px 0
}

.p-shop-thumbs-slider__slide {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    opacity: .6;
    padding: 0 5px;
    width: 33.33333% !important
}

.p-shop-thumbs-slider__slide img {
    vertical-align: middle
}

.p-shop-thumbs-slider__slide.swiper-slide-thumb-active {
    opacity: 1
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: -ms-grid !important;
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media(min-width:750px) {
    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: -ms-grid !important;
        display: grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .text-sm-start {
        text-align: left !important
    }

    .text-sm-end {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media(min-width:990px) {
    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: -ms-grid !important;
        display: grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .text-md-start {
        text-align: left !important
    }

    .text-md-end {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media(min-width:1200px) {
    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: -ms-grid !important;
        display: grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .text-lg-start {
        text-align: left !important
    }

    .text-lg-end {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media(min-width:1400px) {
    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: -ms-grid !important;
        display: grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .text-xl-start {
        text-align: left !important
    }

    .text-xl-end {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: -ms-grid !important;
        display: grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-print-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}