@charset "utf-8";

/* ボタン */
#header .content .cart-button-area ul.button-style,
#header .content .navi-area ul.button-style {
    gap: var(--header-list-horizontal-spacing);
}

#footer .navi-area ul.button-style {
    gap: var(--footer-list-horizontal-spacing);
}

#header .content .cart-button-area ul.button-style li a,
#header .content .navi-area ul.button-style li a,
#header .content .navi-area ul.button-style li .js-search-open,
#footer .navi-area ul.button-style li a {
    padding: 4px 6px;
    color: var(--button-font-color);
    background-color: var(--button-background-color);
    border: solid 1px var(--button-background-color);
    border-radius: var(--button-border-radius);
    -webkit-box-shadow: var(--button-box-shadow-horizontal) var(--button-box-shadow-vertical) var(--button-box-shadow-blur) rgba(var(--box-shadow-color-rgb) / var(--button-box-shadow-opacity));
       -moz-box-shadow: var(--button-box-shadow-horizontal) var(--button-box-shadow-vertical) var(--button-box-shadow-blur) rgba(var(--box-shadow-color-rgb) / var(--button-box-shadow-opacity));
            box-shadow: var(--button-box-shadow-horizontal) var(--button-box-shadow-vertical) var(--button-box-shadow-blur) rgba(var(--box-shadow-color-rgb) / var(--button-box-shadow-opacity));
}

#header .content .cart-button-area ul.button-style li a:hover,
#header .content .navi-area ul.button-style li a:hover,
#header .content .navi-area ul.button-style li .js-search-open:hover,
#footer .navi-area ul.button-style li a:hover {
    background-color: var(--button-background-color-hover);
    border: solid 1px var(--button-background-color-hover);
}