/*!
 * ress.css • v2.0.4
 * MIT License
 * github.com/filipelinhares/ress
 */html{box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:normal;-moz-tab-size:4;tab-size:4}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}hr{overflow:visible;height:0}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[disabled]{cursor:default}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer;color:inherit}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;white-space:normal;max-width:100%}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}img{border-style:none}progress{vertical-align:baseline}svg:not([fill]){fill:currentColor}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}body {
  font-family: 'Helvetica Neue';
  letter-spacing: 0.05em;
}a {
  color: #777;
  text-decoration: none;
}img {
  vertical-align: bottom;
}.wrap {
  width: 1024px;
  margin: 0 auto;
}.maxWidth {
  max-width: 1280px;
  margin: 0 auto;
}.padding {
  display: none
}@media screen and (max-width: 896px) {.padding {
    display: block
}
  }header {
  z-index: 1000;
  display: flex;
  align-items: center;
  position: fixed;
  width: 100%;
  padding: 0 64px;
  height: 80px
}@media screen and (max-width: 896px) {header {
    justify-content: space-between;
    padding: 0 16px;
    height: 64px
}
  }.menuLink {
  display: none
}@media screen and (max-width: 896px) {.menuLink {
    display: block;
    z-index: 300
}
    .menuLink span {
      display: block;
      position: relative;
      width: 28px;
      height: 2px;
      opacity: 1;
      background: #fff
    }
      .menuLink span::before {
        content: '';
        position: absolute;
        top: -8px;
        display: block;
        width: 28px;
        height: 2px;
        background: #fff;
        transition: 0.3s ease;
      }
      .menuLink span::after {
        content: '';
        position: absolute;
        top: 8px;
        display: block;
        width: 28px;
        height: 2px;
        background: #fff;
        transition: 0.3s ease;
      }
      .menuLink.open span {
        background: rgba(0, 0, 0, 0)
      }
        .menuLink.open span::before {
          top: 0;
          transform: rotate(45deg);
          background: #000;
          
        }
        .menuLink.open span::after {
          top: 0;
          transform: rotate(-45deg);
          background: #000;
        }
  }.titleLogo {
  height: 32px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDYwOC4xNyAxMTYuMzUiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMDQwMDAwO308L3N0eWxlPjwvZGVmcz48dGl0bGU+cmV6YXJkX2JsYWNrPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04Mi41OSwxMC4wOEEyOC4xMywyOC4xMywwLDAsMSw5My4yMiwxOGEzNS40MiwzNS40MiwwLDAsMSw1LjcsOS41NUEzMS44NiwzMS44NiwwLDAsMSwxMDEsMzkuNWEzMy45LDMzLjksMCwwLDEtNC4wOSwxNS45cS00LjA4LDcuODItMTMuNDcsMTEuMDUsNy44NiwzLjE1LDExLjEzLDl0My4yNywxNy43NXY3LjYyYTU4LjI0LDU4LjI0LDAsMCwwLC42MiwxMC41NSw5LjUsOS41LDAsMCwwLDQuMzgsNi40N3YyLjg1SDc2LjY5cS0xLjA4LTMuNzgtMS41NC02LjA5YTU2LjI4LDU2LjI4LDAsMCwxLTEtOS43N0w3NCw5NC4yNXEtLjE1LTEwLjg2LTMuNzUtMTQuNDhUNTYuNzMsNzYuMTVIMzMuNTd2NDQuNTFIMTAuMzlWNy4xNUg2NC42OFE3Ni4zMiw3LjM5LDgyLjU5LDEwLjA4Wm0tNDksMTYuNzlWNTcuMzZINTkuMXE3LjYsMCwxMS40LTEuODUsNi43My0zLjIzLDYuNzMtMTIuNzgsMC0xMC4zMi02LjUxLTEzLjg2LTMuNjQtMi0xMS0yWk0xNzEuMywzOC40MmEzNC4yNSwzNC4yNSwwLDAsMSwxNC41MSwxMi40Miw0MS4yMiw0MS4yMiwwLDAsMSw2LjY4LDE3LjM1LDEwNS43OCwxMDUuNzgsMCwwLDEsLjczLDE2LjY2SDEzMi4wOXEuNTEsMTIuNjMsOC43NywxNy43MWEyMi4yOCwyMi4yOCwwLDAsMCwxMi4xLDMuMTZxNy41LDAsMTIuMTktMy44NWExOC41NywxOC41NywwLDAsMCw0LjUyLTUuNzhoMjIuNHEtLjg4LDcuNDctOC4xMywxNS4xNy0xMS4yOCwxMi4yNi0zMS41OCwxMi4yNWE0NS43NSw0NS43NSwwLDAsMS0yOS41Ni0xMC4zM1ExMTAsMTAyLjg2LDExMCw3OS41OHEwLTIxLjgxLDExLjU2LTMzLjQ1dDMwLTExLjY0QTQ3Ljc5LDQ3Ljc5LDAsMCwxLDE3MS4zLDM4LjQyWm0tMzIuODMsMTlxLTQuNjUsNC44LTUuODQsMTNoMzcuOHEtLjU5LTguNzQtNS44NC0xMy4yN2ExOS4yMiwxOS4yMiwwLDAsMC0xMy00LjUyUTE0My4xMyw1Mi41OSwxMzguNDcsNTcuMzhabTY3LDQzLjI2LDU4LTczLjM5SDIwN1Y3LjE1aDg2djE5TDIzNC4yLDEwMC42NGg1OC45MnYyMEgyMDUuNDlaTTM0Mi4xMyw3LjE1SDM2OWw0MC4xNiwxMTMuNTFIMzgzLjRsLTcuNDktMjMuMzNoLTQxLjhsLTcuNjksMjMuMzNIMzAxLjYxWm0tMS41Niw3MC42MmgyOS4wNkwzNTUuMywzMy4xWk00ODguNzMsMTAuMDhBMjgsMjgsMCwwLDEsNDk5LjM1LDE4YTM1LjIsMzUuMiwwLDAsMSw1LjcxLDkuNTUsMzEuODYsMzEuODYsMCwwLDEsMi4xLDExLjk0LDM0LDM0LDAsMCwxLTQuMDgsMTUuOVE0OTksNjMuMjIsNDg5LjYxLDY2LjQ1cTcuODQsMy4xNSwxMS4xMiw5VDUwNCw5My4xN3Y3LjYyYTU3LjMsNTcuMywwLDAsMCwuNjIsMTAuNTUsOS41LDkuNSwwLDAsMCw0LjM4LDYuNDd2Mi44NUg0ODIuODNxLTEuMDgtMy43OC0xLjU0LTYuMDlhNTUuMzIsNTUuMzIsMCwwLDEtMS05Ljc3bC0uMTYtMTAuNTVxLS4xMy0xMC44Ni0zLjc1LTE0LjQ4dC0xMy41MS0zLjYySDQzOS43MXY0NC41MUg0MTYuNTNWNy4xNWg1NC4yOVE0ODIuNDYsNy4zOSw0ODguNzMsMTAuMDhabS00OSwxNi43OVY1Ny4zNmgyNS41MnE3LjYxLDAsMTEuNDEtMS44NSw2Ljc0LTMuMjMsNi43My0xMi43OCwwLTEwLjMyLTYuNTEtMTMuODYtMy42Ni0yLTExLTJaTTU4OSw5LjYyQTM3LjU0LDM3LjU0LDAsMCwxLDYwOC4zMiwyNGE1MC42OSw1MC42OSwwLDAsMSw4LjA5LDE4LjMyLDg3Ljk0LDg3Ljk0LDAsMCwxLDIuMTYsMTguNzlxMCwyMi42NS05LjEsMzguMzUtMTIuMzMsMjEuMTgtMzguMDcsMjEuMThINTIyLjQ3VjcuMTVINTcxLjRBNTkuOTQsNTkuOTQsMCwwLDEsNTg5LDkuNjJaTTU0NS40OSwyNi44N1YxMDFINTY3LjRxMTYuOCwwLDIzLjQ0LTE2LjU2LDMuNjMtOS4wOSwzLjYzLTIxLjY0LDAtMTcuMzItNS40NC0yNi42VDU2Ny40LDI2Ljg3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwLjM5IC03LjE1KSIvPjwvc3ZnPg==);
  background-position: center;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden
}@media screen and (max-width: 896px) {.titleLogo {
    height: auto
}
  }.menu {
  margin: 0 0 0 64px
}@media screen and (max-width: 896px) {.menu {
    display: none
}
    .menu.open {
      display: block;
      position: fixed;
      left: 0;
      top: 0;
      margin: 0;
      width: 100vw;
      height: 100vh;
      background: #fff;
      text-align: center;
    }
  }.navMenu {
  display: flex
}@media screen and (max-width: 896px) {.navMenu {
    flex-direction: column;
    margin: 128px 0
}
  }.navMenuList {
  margin: 0 32px;
  list-style: none
}.navMenuList a {
    color: #777;
    text-decoration: none;
  }@media screen and (max-width: 896px) {.navMenuList {
    font-size: 24px;
    line-height: 3
}
  }main {
  display: block;
  padding: 80px 64px
}@media screen and (max-width: 896px) {
  main {
    padding: 64px 0
}
  }
  .topImg {
  position: relative;
}
  .topImg img {
    width: 100%;
  }
  .topImgLogo {
  position: absolute;
  top: 40%;
  right: 20%;
}  
  .CollaboImg {
  position: relative;
  margin: 32px 0;
}
  .CollaboImg img {
    width: 100%;
  }
  .item {
  margin: 32px 0;
}
  .itemListWrap {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
  .itemList {
  width: 22%;
  list-style: none
}
  .itemList img {
    width: 100%;
  }@media screen and (max-width: 896px) {.itemList {
    margin: 8px;
    width: calc(33% - 16px)
}
  }@media screen and (max-width: 896px) {.itemListAndmore {
    display: flex;
    align-items: center
}
  }@media screen and (max-width: 896px) {.itemListAndmore a {
      display: block;
      width: 100%
  }
    }.fullWidthImg img {
    width: 100%;
  }@media screen and (max-width: 896px) {.fullWidthImg {
    margin: 32px 0
}
  }.collectionHeader {
  display: flex;
  align-items: center
}@media screen and (max-width: 896px) {.collectionHeader {
    flex-direction: column
}
  }.collectionImg {
  flex: 1
}.collectionImg img {
    width: 100%;
  }.collectionTxt {
  flex: 1;
  font-size: 32px;
  font-weight: 500;
  text-align: center
}@media screen and (max-width: 896px) {.collectionTxt {
    margin: 0 0 32px 0
}
  }.collectionItem {
  margin: 32px
}@media screen and (max-width: 896px) {.collectionItem {
    margin: 16px
}
  }.collectionItem a {
    display: flex;
    align-items: center;
    flex-direction: column
  }.collectionItem a:hover .collectionItemTitle {
        color: #ffffff;
        background: #000;
      }.collectionItemImgWrap {
  display: flex
}.collectionItemImgWrap img {
    width: 100%;
  }.collectionItemImg {
  margin: 16px;
}.halfWidthCollection {
  display: flex
}@media screen and (max-width: 896px) {.halfWidthCollection {
    flex-direction: column
}
  }.halfWidthCollection img {
    width: 100%;
  }.collectionItemTitle {
  display: inline-block;
  margin: 32px 0;
  padding: 16px 64px;
  color: #000000;
  font-size: 24px;
  text-align: center;
  border: 1px solid #000;
  transition: 0.3s ease
}@media screen and (max-width: 896px) {.collectionItemTitle {
    padding: 8px 32px
}
  }.onlinestoreLink {
  margin: 32px 0 64px;
  font-size: 18px;
  text-align: center;
}

