@charset "utf-8";

.vv-footer{background:var(--ink);color:var(--paper);font-family:var(--font-ja);line-height:2;padding:64px 0 32px}

.vv-footer-top{display:grid;row-gap:40px;align-items:start;column-gap:48px;grid-template-columns:minmax(0,1fr)}

.vv-footer-logo{overflow:hidden;width:max-content}

.vv-footer-corp{font-family:var(--font-en);line-height:2;color:var(--stone-dark);margin:20px 0 0}

.vv-footer-name{line-height:1.9;margin:8px 0 0}

.vv-footer-first{border:1px solid var(--gold-line);line-height:1.9;color:var(--gold);margin:10px 0 0}

.vv-footer-addr{line-height:2;color:var(--stone-dark);margin:12px 0 0}

.vv-footer-cols{display:grid;column-gap:40px;row-gap:32px;align-content:start;grid-template-columns:minmax(0,1fr)}

.vv-footer-col-title{font-family:var(--font-en);line-height:2;text-transform:uppercase;color:var(--gold);margin:0 0 14px}

.vv-footer-nav{display:grid;row-gap:10px;align-content:start}

.vv-footer-link{display:block;font-size:13.5px;line-height:2;border-bottom:1px solid transparent;transition-property:border-color;transition-duration:.35s;transition-timing-function:ease;transition-delay:0s;word-break:keep-all;overflow-wrap:anywhere;width:fit-content;padding:2px 0}

.vv-footer-link:hover{border-bottom-color:var(--gold)}

.vv-footer-bottom{border-top:1px solid var(--paper-line);display:flex;justify-content:space-between;row-gap:16px;column-gap:32px;align-items:flex-start}

.vv-alcohol-line{line-height:2;color:var(--stone-dark);margin:0}

.vv-footer-logo-text{font-family:var(--font-en);line-height:2;color:var(--paper);margin:0}

.vv-footer-credit-text{color:var(--stone-dark);line-height:2;margin:0}

.vv-sp-bar{display:grid;grid-template-columns:1fr 1fr;z-index:45;background:var(--paper);border-top:1px solid var(--ink-line);left:0;right:0;bottom:0}

.vv-sp-consult{color:var(--wine);border-right:1px solid var(--ink-line)}

.vv-sp-shop{color:var(--ink)}

@media (min-width:768px){.vv-sp-bar{grid-template-columns:none;z-index:auto;background:transparent;border-top:none}}

@media (min-width:768px){body .vv-sp-consult{align-items:normal;justify-content:normal;font-size:inherit;border-right:none}}

@media (min-width:768px){body .vv-sp-shop{align-items:normal;justify-content:normal;font-size:inherit}}

@media (min-width:768px){.vv-footer{background:var(--ink);font-family:var(--font-ja);line-height:2;color:var(--paper);padding:88px 0 40px}}

@media (min-width:768px){.vv-footer-top{display:grid;align-items:start;grid-template-columns:minmax(0,1fr)}}

@media (min-width:768px){.vv-footer-corp{font-family:var(--font-en);line-height:2;color:var(--stone-dark)}}

@media (min-width:768px){.vv-footer-name{line-height:1.9}}

@media (min-width:768px){.vv-footer-first{border:1px solid var(--gold-line);line-height:1.9;color:var(--gold)}}

@media (min-width:768px){.vv-footer-addr{line-height:2;color:var(--stone-dark)}}

@media (min-width:768px){.vv-footer-cols{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;align-content:start}}

@media (min-width:768px){.vv-footer-col-title{font-family:var(--font-en);line-height:2;color:var(--gold)}}

@media (min-width:768px){.vv-footer-nav{display:grid;align-content:start}}

@media (min-width:768px){.vv-footer-link{border-bottom:1px solid transparent;display:block;font-size:13.5px;line-height:2}}

@media (min-width:768px){.vv-footer-bottom{justify-content:space-between;align-items:flex-end;border-top:1px solid var(--paper-line);display:flex}}

@media (min-width:768px){.vv-alcohol-line{line-height:2;color:var(--stone-dark)}}

@media (min-width:768px){.vv-footer-logo-text{font-family:var(--font-en);line-height:2;color:var(--paper)}}

@media (min-width:768px){.vv-footer-credit-text{line-height:2;color:var(--stone-dark)}}

@media (min-width:1024px){.vv-footer-top{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}

@media (min-width:1024px){.vv-footer-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media (min-width:1280px){.vv-footer-top{column-gap:80px;row-gap:40px}}

@media (min-width:1280px){.vv-footer-cols{column-gap:40px;row-gap:32px}}

@media (min-width:1280px){.vv-footer-nav{row-gap:10px}}

@media (min-width:1280px){.vv-footer-bottom{row-gap:16px;column-gap:32px}}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}