.display-none {
    display: none !important;
}

.ya-product-image {
    cursor: pointer;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.swal2-popup.swal2-show{
    font-size: 1.2em !important;
}

.tr_blur , .div_blur, .tbody_blur{
    opacity:.5;
    -webkit-transition:.5s;
    -webkit-filter:blur(3px);
    transition: .5s;
    filter: blur(3px);
    color: rgba(0,0,0,0);
    text-shadow: 0 0 2px rgba(177,177,177,1);
}

.btn_main {
    margin-bottom: 20px;
}

.btn_main.danger {
    border: 1px solid rgba(245, 105, 84, 0.5);
    background-color: rgba(245, 105, 84, 0.5);
}

.btn_main:hover, .btn_main:focus {
    color: white;
    background-color: rgba(242, 63, 36, 0.5);
    border-color: rgba(242, 63, 36, 0.5);
}

/* 左側固定menu */
.fix_left_btn {
    position: fixed;
    left: 0;
    top: calc(30%);
    width: 60px;
    padding: 6px 4px;
    letter-spacing: 2px;
    background: #FF9800;
    border-radius: 0 50px 50px 0;
    box-shadow: 1px 1px 6px #9d9d9d;
    text-shadow: #363636 0.1em 0.1em 0.2em;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.fix_left_btn a {
    color: #fff;
}
.fix_left_btn:hover {
    background-color: #ffad33;
    box-shadow: 3px 3px 6px #bdbdbd;
}
@media (max-width: 767px ) {
    .fix_left_btn {
        display: none;
    }
}


/* 右側固定Icon */
.fix_right_btn {
    position: fixed;
    right: 10px;
    bottom: 30px;
}
.fix_right_btn li {
    width: 50px;
    height: 50px;
    line-height: calc(50px + 8px);
    text-align: center;
    border-radius: 50%;
    background-color: #0e4404;
    margin-bottom: 10px;
    cursor: pointer;
}
.fix_right_btn li:hover {
    background-color: #092c03;
}
.fix_right_btn li.btn_fb {
    background-color: #3b5998;
}
.fix_right_btn li.btn_fb:hover {
    background-color: #2d4373;
}
.fix_right_btn li.btn_line {
    background-color: #00c300;
}
.fix_right_btn li.btn_line img {
    width: 32px;
    margin-bottom: 8px;
}
.fix_right_btn li.btn_line:hover {
    background-color: #009000;
}
.fix_right_btn li.btn_cart {
    background-color: #81b5fc;
}
.fix_right_btn li.btn_cart:hover {
    background-color: #68a6fb;
}
.fix_right_btn li.ya-btn_order {
    display: none;
    background-color: #FF9800;
}
.fix_right_btn li.ya-btn_order:hover {
    background-color: #e68900;
}
.fix_right_btn li i {
    color: #fff;
    font-size: 26px;
}
.fix_right_btn .ya-btn_order {
    position: relative;
}
.fix_right_btn .ya-btn_order span.alert_order_img {
    position: absolute;
    left: -2px;
    top: -53px;
    width: 50px;
    animation-name: arrowtop;
    animation-duration: 1.5s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.fix_right_btn .btn_cart {
    position: relative;
}
.fix_right_btn .btn_cart span.alert_num {
    position: absolute;
    top: 12px;
    left: -65px;
    border-radius: 20px;
    width: 50px;
    font-weight: 700;
    font-size: 15px;
    box-shadow: -2px 1px 5px #ffae32;
}
.fix_right_btn .btn_cart span.alert_num:after {
    content: "";
    position: absolute;
    right: -9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 12.3px;
    border-color: transparent transparent transparent #ffae32;
}
@media (max-width: 767px ) {
    .fix_right_btn {
        right: 8px;
        bottom: 80px;
    }
    .fix_right_btn li {
        width: 45px;
        height: 45px;
        line-height: calc(45px + 6px);
        padding-left: 3px;
    }
    .fix_right_btn li.ya-btn_order {
        display: block;
    }
    .fix_right_btn li.btn_line img {
        width: 28px;
        margin-bottom: 8px;
    }
    .fix_right_btn li i {
        font-size: 24px;
    }
}

[v-cloak] {
    display: none;
}

.badge-default {
    background-color: #636c72;
}

.badge-default[href]:focus,
.badge-default[href]:hover {
    background-color: #4b5257;
}

.badge-primary {
    background-color: #007dcc;
}

.badge-primary[href]:focus,
.badge-primary[href]:hover {
    background-color: #005e99;
}

.badge-success {
    background-color: #4fc47f;
}

.badge-success[href]:focus,
.badge-success[href]:hover {
    background-color: #38a866;
}

.badge-info {
    background-color: #5BBFDE;
}

.badge-info[href]:focus,
.badge-info[href]:hover {
    background-color: #31aed5;
}

.badge-warning {
    background-color: #f0ad4e;
}

.badge-warning[href]:focus,
.badge-warning[href]:hover {
    background-color: #ec971f;
}

.badge-danger {
    background-color: #f35a3d;
}

.badge-danger[href]:focus,
.badge-danger[href]:hover {
    background-color: #ee320f;
}


.badge-secondary {
    color: #fff;
    background-color: #868e96;
}