

/* menu */

.menu_bar {
    background: #eee;
    display: block;

}

.menu_bar nav {
    width: 100%;
    height: 54px;
    overflow: hidden
}

@media (max-width:641px) {
    .menu_bar nav {
        height: 54px
    }
    #wrapper{
        width: 100%;
    }

}

.menu_bar nav .menu {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    position: relative;
    text-align: center;
    border-bottom: 1px solid #d8d9da;
}

.menu_bar nav .menu ul {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    position: relative;
    white-space: nowrap
}

.menu_bar nav .menu ul li {
    list-style: none;
    padding: 0 1.5rem
}

.menu_bar nav .menu ul li a {
    color: black;
    padding: 1rem 0;
    display: inline-block;
    position: relative
}

.menu_bar nav .menu ul li a.active:before {
    content: "";
    position: absolute;
    display: block;
    height: 4px;
    width: 100%;
    background-color: #60CFF6;
    bottom: 0
}

.announcement p {
    font-size: 1em;
    margin: 0 auto;
    margin: 2rem 0 2rem 0;
    text-align: center;
}

a.shop-360 {
    color: #000000 !important;
}

a.shop-360:hover {
    color: #333333 !important;
    text-decoration: underline;
}

.newyear {
    color: #f19400;
    margin-bottom: 15px !important;
    display: none;
}

.icon-360 {
    width: 36px;
    margin-left: 5px;
    margin-bottom: 2px;
}

.address-group {
    display: flex;
    flex-direction: row;
    align-items: center;

}

.address-group img {
    margin-left: 5px;
    margin-bottom: 10px;
}

.card_info .telephone {
    margin: 15px 0;
    margin-bottom: 15px !important;
}

@media (min-width: 769px) {
    .pic_text .alternating .card_info {
        padding: 0 2vw !important;
    }
}

.pic_text:nth-child(2n) .alternating {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}