@media only screen and (max-width:767px){.pc{display:none!important}}@media only screen and (min-width:768px){.sp{display:none!important}}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;cursor:pointer;outline:none;padding:0}body#shapes-gallery{background:#34332e;opacity:1;position:relative}body#shapes-gallery .content-bg{background:#34332e;content:"";display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:98}body#shapes-gallery.gallery .content-bg{background:#f9f9f9}body#shapes-gallery .wrap{opacity:0;transition:1s}body#shapes-gallery.show .wrap{opacity:1}body#shapes-gallery .content-shapes{background:#34332e;color:#fff;padding:110px 0 100vh;position:relative;transition:.6s}body#shapes-gallery .content-shapes:after{background:linear-gradient(#34332e,#f9f9f9);bottom:0;content:"";display:block;height:100vh;left:50%;position:absolute;transform:translate(-50%);width:100vw}@media only screen and (max-width:767px){body#shapes-gallery .content-shapes{padding:80px 0 100vh}}body#shapes-gallery .content-shapes .inner{margin:0 auto;max-width:1420px;padding:0 40px}@media only screen and (max-width:767px){body#shapes-gallery .content-shapes .inner{padding:0 4px}}body#shapes-gallery .content-shapes .shapes-list{display:flex;flex-wrap:wrap}body#shapes-gallery .content-shapes .shapes-list li{border-top:1px solid #707070;margin-bottom:24px;margin-right:6px;position:relative;width:calc(20% - 4.8px)}body#shapes-gallery .content-shapes .shapes-list li.is-active button img{opacity:1}@media only screen and (max-width:767px){body#shapes-gallery .content-shapes .shapes-list li{margin-bottom:4px;margin-right:4px;padding-left:0;width:calc(33.33333% - 2.66667px)}body#shapes-gallery .content-shapes .shapes-list li:nth-of-type(3n){margin-right:0}}@media only screen and (min-width:768px){body#shapes-gallery .content-shapes .shapes-list li:nth-of-type(5n){margin-right:0}}body#shapes-gallery .content-shapes .shapes-list li .ttl{color:hsla(0,0%,100%,.5);font-family:verdigris-mvb-pro-text,serif;font-size:11px;font-size:1.1rem;left:0;letter-spacing:.1em;position:absolute;top:8px}@media only screen and (max-width:767px){body#shapes-gallery .content-shapes .shapes-list li .ttl{left:-7px;top:2px;transform:scale(.7)}}body#shapes-gallery .content-shapes .shapes-list li button{padding-top:124.8473%}body#shapes-gallery .content-shapes .shapes-list li button img{height:100%;left:0;opacity:0;position:absolute;top:0;transition:.6s;width:100%}body#shapes-gallery .content-gallery{background:#f9f9f9;display:none;padding:110px 0 50vh;transition:.6s}@media only screen and (max-width:767px){body#shapes-gallery .content-gallery{padding:80px 0 50vh}}body#shapes-gallery .content-gallery .inner{margin:0 auto;max-width:1420px;padding:0 40px}@media only screen and (max-width:767px){body#shapes-gallery .content-gallery .inner{padding:0 4px}}body#shapes-gallery .content-gallery .gallery-list{display:flex;flex-wrap:wrap}body#shapes-gallery .content-gallery .gallery-list li{margin-bottom:22px;margin-right:22px;width:calc(20% - 17.6px)}body#shapes-gallery .content-gallery .gallery-list li.is-active button img{opacity:1}@media only screen and (max-width:767px){body#shapes-gallery .content-gallery .gallery-list li{margin-bottom:4px;margin-right:4px;width:calc(33.33333% - 2.66667px)}body#shapes-gallery .content-gallery .gallery-list li:nth-of-type(3n){margin-right:0}}@media only screen and (min-width:768px){body#shapes-gallery .content-gallery .gallery-list li:nth-of-type(5n){margin-right:0}}body#shapes-gallery .content-gallery .gallery-list li button img{opacity:0;transition:.6s}body.gallery .content-shapes{display:none}body.gallery .content-gallery{display:block!important}
/*# sourceMappingURL=maps/shapes-gallery.min.css.map */
