@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=Pirata+One&display=swap";@font-face{font-family:"BebasKai";src:url("../fonts/bebaskai.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"CorporateLogoBold";src:url("../fonts/corporatelogo.woff2") format("woff2");font-weight:bold;font-style:normal;font-display:swap}#goods.fancybox-active{overflow:hidden}#goodsCol .snav{display:flex;justify-content:center;align-items:center;gap:20px}@media screen and (max-width: 1200px){#goodsCol .snav{gap:1.666vw}}@media screen and (max-width: 750px){#goodsCol .snav{gap:2.666vw}}#goodsCol .snav .snavBtn{--shape-offset: 8px;--shape-upper-left: 0 var(--shape-offset),var(--shape-offset) 0;--shape-upper-right: calc(100% - var(--shape-offset)) 0, 100% var(--shape-offset);--shape-lower-right: 100% calc(100% - var(--shape-offset) ), calc(100% - var(--shape-offset)) 100%;--shape-lower-left: var(--shape-offset) 100%,0 calc(100% - var(--shape-offset));--octagon: polygon(var(--shape-upper-left), var(--shape-upper-right),var(--shape-lower-right),var(--shape-lower-left));--shape-s-offset: 6px;--shape-s-upper-left: 0 var(--shape-s-offset),var(--shape-s-offset) 0;--shape-s-upper-right: calc(100% - var(--shape-s-offset)) 0, 100% var(--shape-s-offset);--shape-s-lower-right: 100% calc(100% - var(--shape-s-offset) ), calc(100% - var(--shape-s-offset)) 100%;--shape-s-lower-left: var(--shape-s-offset) 100%,0 calc(100% - var(--shape-s-offset));--octagon-s: polygon(var(--shape-s-upper-left), var(--shape-s-upper-right),var(--shape-s-lower-right),var(--shape-s-lower-left));--inset: 1px;position:relative;text-align:center;box-sizing:border-box;background:#85673d;width:33%;max-width:200px;height:60px;clip-path:var(--octagon);cursor:pointer;transition:all .3s}@media screen and (max-width: 750px){#goodsCol .snav .snavBtn{height:12vw;max-height:80px}}#goodsCol .snav .snavBtn a{text-decoration:none}#goodsCol .snav .snavBtn .deco{display:flex;justify-content:center;align-items:center;position:relative;top:50%;left:50%;transform:translate(-50%, -50%);width:calc(100% - 2px);height:calc(100% - 2px);background:#85673d;box-sizing:border-box;clip-path:var(--octagon);transition:all .3s}#goodsCol .snav .snavBtn .deco::before{content:"";position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:calc(100% - 2px);height:9px;background:#bd0000;opacity:0;transition:all .3s}#goodsCol .snav .snavBtn .deco::after{content:"";position:absolute;inset:var(--inset);background-color:#1e1414;clip-path:var(--octagon-s);z-index:-1;transition:all .3s}#goodsCol .snav .snavBtn .deco .text{display:flex;justify-content:center;align-items:center;position:relative;z-index:1;width:100%;height:100%;font-size:1.5em;font-family:"CorporateLogoBold";color:#ebcaa2;text-decoration:none;text-shadow:0px 0px 8px #640000,0px 0px 8px #640000;clip-path:var(--octagon-s)}@media screen and (max-width: 750px){#goodsCol .snav .snavBtn .deco .text{font-size:4.25vw}}#goodsCol .snav .snavBtn .deco .text::before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:#f8c200;opacity:0;transition:all .3s}#goodsCol .snav .snavBtn .deco .text::after{content:"";position:absolute;inset:var(--inset);background-color:rgba(0,0,0,0);box-shadow:inset 0px 0px 6px #000;clip-path:var(--octagon-s);z-index:-1;transition:all .3s}@media(hover: hover){#goodsCol .snav .snavBtn:hover .deco::before{opacity:1}#goodsCol .snav .snavBtn:hover .deco::after{background-color:#640000}#goodsCol .snav .snavBtn:hover .deco .text{color:#f8c200}#goodsCol .snav .snavBtn:hover .deco .text::before{opacity:1}}#goodsCol .snav .snavBtn.show{pointer-events:none}#goodsCol .snav .snavBtn.show .deco::before{opacity:1}#goodsCol .snav .snavBtn.show .deco::after{background-color:#640000}#goodsCol .snav .snavBtn.show .deco .text{color:#f8c200}#goodsCol .snav .snavBtn.show .deco .text::before{opacity:1}#goodsCol #itemCol{margin-bottom:60px}@media screen and (max-width: 1200px){#goodsCol #itemCol{margin-bottom:6vw}}@media screen and (max-width: 750px){#goodsCol #itemCol{margin-bottom:8vw}}#goodsCol #itemCol .goodsList{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px}@media screen and (max-width: 1200px){#goodsCol #itemCol .goodsList{grid-template-columns:repeat(3, 1fr);gap:2vw}}@media screen and (max-width: 750px){#goodsCol #itemCol .goodsList{grid-template-columns:repeat(2, 1fr)}}#goodsCol #itemCol .goodsList li{display:flex}#goodsCol #itemCol .goodsList li a{display:flex;position:relative;padding:20px;box-sizing:border-box;color:#fff;background:#1e1414;border:1px solid #c28452;text-decoration:none;transition:all .3s}@media screen and (max-width: 1200px){#goodsCol #itemCol .goodsList li a{padding:2vw}}@media screen and (max-width: 750px){#goodsCol #itemCol .goodsList li a{padding:2.5vw}}@media(hover: hover){#goodsCol #itemCol .goodsList li a:hover{opacity:.5}}#goodsCol #itemCol .goodsList li a .contents{display:flex;flex-direction:column;font-size:clamp(12px,3vw,16px)}#goodsCol #itemCol .goodsList li a .contents .thumb{margin-bottom:10px}@media screen and (max-width: 1200px){#goodsCol #itemCol .goodsList li a .contents .thumb{margin-bottom:1vw}}@media screen and (max-width: 750px){#goodsCol #itemCol .goodsList li a .contents .thumb{margin-bottom:2vw}}#goodsCol #itemCol .goodsList li a .contents .thumb img{display:block;border:1px solid #c28452;width:auto;max-width:100%;margin:0 auto;box-sizing:border-box;transition:all .3s}#goodsCol #itemCol .goodsList li a .contents .notice{font-size:clamp(10px,2.75vw,14px);text-align:center;padding:.25em;border:none;margin-bottom:.5em;color:#f8c200;font-weight:700;background-image:linear-gradient(90deg, #1e1414, #bd0000 50%, #1e1414);transition:all .3s}#goodsCol #itemCol .goodsList li a .contents .number{font-size:clamp(10px,2.75vw,14px);text-align:center;padding:.25em;border:1px solid #c28452;margin-bottom:20px}@media screen and (max-width: 1200px){#goodsCol #itemCol .goodsList li a .contents .number{margin-bottom:2vw}}@media screen and (max-width: 750px){#goodsCol #itemCol .goodsList li a .contents .number{margin-bottom:3vw}}#goodsCol #itemCol .goodsList li a .contents .name{font-weight:700;flex-grow:1;margin-bottom:20px}@media screen and (max-width: 1200px){#goodsCol #itemCol .goodsList li a .contents .name{margin-bottom:2vw}}@media screen and (max-width: 750px){#goodsCol #itemCol .goodsList li a .contents .name{margin-bottom:3vw}}#goodsCol #itemCol .goodsList li a .contents .price{font-weight:700;text-align:right}#goodsCol #itemCol .goodsList li a .contents .price span{font-size:70%}#goodsCol .box.goods{margin-bottom:60px}@media screen and (max-width: 1200px){#goodsCol .box.goods{margin-bottom:6vw}}@media screen and (max-width: 750px){#goodsCol .box.goods{margin-bottom:8vw}}.fancybox-bg{background:rgba(0,0,0,.9)}.fancybox-slide--iframe .fancybox-content{overflow:hidden;max-width:500px;background:rgba(0,0,0,0)}.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:1;position:absolute;transition:opacity .3s ease,visibility 0s ease .3s;visibility:visible;z-index:99997}.fancybox-navigation .fancybox-button[disabled],.fancybox-navigation .fancybox-button[disabled]:hover{opacity:0}.fancybox-button{background:rgba(0,0,0,0);width:60px;height:60px;transition:.3s}@media screen and (max-width: 750px){.fancybox-button{background:#000;width:40px;height:40px}}.fancybox-button svg{color:#f8c200}@media(hover: hover){.fancybox-button:hover{opacity:.6}}.fancybox-button--close svg{fill:#f8c200}.fancybox-button--arrow_left,.fancybox-button--arrow_right{transition:.3s !important}@media(hover: hover){.fancybox-button--arrow_left:hover,.fancybox-button--arrow_right:hover{opacity:.6 !important}}@media(hover: hover){.fancybox-button--arrow_left[disabled]:hover,.fancybox-button--arrow_right[disabled]:hover{opacity:0 !important}}
/*# sourceMappingURL=maps/goods.css.map */