@charset "UTF-8";
html{font-size: 62.5%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body {font: 500 1.6rem/1.5 Raleway,"Hiragino Kaku Gothic ProN", Meiryo, "Helvetica Neue", serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%;margin:0;}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.67em;margin:2.33em 0}
svg:not(:root){overflow:hidden}
table{border-collapse:collapse;border-spacing:0}i{font-style: normal}
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li{font-weight: 500;margin:0;padding:0;letter-spacing: 1px;}
img {max-width: 100%;height: auto;vertical-align: middle;border:0;-ms-interpolation-mode:bicubic}
a{font-weight: 600;color:#000; text-decoration: none;-webkit-transition: all .25s ease-out;transition: all .25s ease-out;}
a:focus{outline:none;}
::-moz-selection {background: #000;color: #fff;}
::selection {background: #000;color: #fff;}
::-webkit-input-placeholder {color:#ccc;}
:-moz-placeholder {color:#ccc;}
html.swipebox-html.swipebox-touch {overflow: hidden !important;}
#swipebox-overlay img {border: none !important;}
#swipebox-overlay {width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99999 !important;overflow: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
#swipebox-container {position: relative;width: 100%;height: 100%;}
#swipebox-slider {-webkit-transition: -webkit-transform 0.4s ease;transition: transform 0.4s ease;height: 100%;left: 0;top: 0;width: 100%;white-space: nowrap;position: absolute;display: none;cursor: pointer;}
#swipebox-slider .slide {height: 100%;width: 100%; line-height: 1px;text-align: center;display: inline-block;}
#swipebox-slider .slide:before {content: "";display: inline-block;height: 50%;width: 1px; margin-right: -1px;}
#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container {display: inline-block;max-height: 100%;max-width: 100%;margin: 0;padding: 0;width: auto;height: auto;vertical-align: middle;}
#swipebox-slider .slide .swipebox-video-container {background: none;max-width: 1140px;max-height: 100%;width: 100%;padding: 5%;-webkit-box-sizing: border-box;box-sizing: border-box;}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {width: 100%;height: 0;padding-bottom: 56.25%;overflow: hidden; position: relative;}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {width: 100% !important;height: 100% !important;position: absolute;top: 0;left: 0;}
#swipebox-slider .slide-loading {background: url(../images/loader.gif) no-repeat center center;}
#swipebox-bottom-bar,#swipebox-top-bar {-webkit-transition: 0.5s;transition: 0.5s;position: absolute;left: 0;z-index: 999;height: 50px;width: 100%;}
#swipebox-bottom-bar { bottom: -50px;}
#swipebox-bottom-bar.visible-bars {-webkit-transform: translate3d(0, -50px, 0);transform: translate3d(0, -50px, 0);}
#swipebox-top-bar {top: -50px;}
#swipebox-top-bar.visible-bars {-webkit-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);}
#swipebox-title {display: block;width: 100%;text-align: center;}
#swipebox-close {background-image: url(../images/icons.svg);background-repeat: no-repeat;border: none !important;text-decoration: none !important;cursor: pointer;width: 50px;height: 50px;top: 0;}
#swipebox-prev,#swipebox-next{background-image: url(../images/icons.svg)!important;background-repeat: no-repeat;border: none !important;text-decoration: none !important;cursor: pointer;width: 50px;height: 50px;top: 0;}
#swipebox-arrows {display: block;margin: 0 auto;width: 100%;height: 50px;}
#swipebox-prev {background-position: -32px 13px;float: left;}
#swipebox-next {background-position: -78px 13px;float: right;}
#swipebox-close {top: 10px;right: 10px;position: absolute;z-index: 9999;background-position: 15px 12px;}
.swipebox-no-close-button #swipebox-close {display: none;}
#swipebox-prev.disabled,#swipebox-next.disabled {opacity: 0.2;}
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {-webkit-animation: rightSpring 0.3s;animation: rightSpring 0.3s;}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {-webkit-animation: leftSpring 0.3s;animation: leftSpring 0.3s;}
.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: all .3s ease;transition: all .3s ease;content: ' ';position: absolute;z-index: 999;top: 0; height: 100%;width: 20px;opacity: 0;}
.swipebox-touch #swipebox-container:before {left: 0;-webkit-box-shadow: inset 10px 0px 10px -8px #656565;box-shadow: inset 10px 0px 10px -8px #656565;}
.swipebox-touch #swipebox-container:after {right: 0;-webkit-box-shadow: inset -10px 0px 10px -8px #656565;box-shadow: inset -10px 0px 10px -8px #656565;}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {opacity: 1;}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {opacity: 1;}
@-webkit-keyframes rightSpring {
  0% {left: 0;}
  50% {left: -30px;}
  100% {left: 0;}
}
@keyframes rightSpring {
  0% {left: 0;}
  50% {left: -30px;}
  100% {left: 0;}
}
@-webkit-keyframes leftSpring {
  0% {left: 0;}
  50% {left: 30px;}
  100% {left: 0;}
}
@keyframes leftSpring {
  0% {left: 0;}
  50% {left: 30px;}
  100% {left: 0;}
}
@media screen and (min-width: 768px) {
  #swipebox-arrows { width: 95%;}
  #swipebox-close {top: 15px;right: 25px;}
}
#swipebox-overlay {background: rgba(255,255,255,.95);}
#swipebox-bottom-bar,#swipebox-top-bar {text-shadow: 1px 1px 1px black;background: rgba(255,255,255,.85);}
#swipebox-top-bar {color: white !important;font-size: 1.5rem;line-height: 43px;}
#swipebox-slider .slide .swipebox-inline-container {width: 100%;height: 100%;line-height: 1px;text-align: center;display: inline-block;}
#swipebox-slider .slide .swipebox-inline-container div {width: 100%;height: 100%;line-height: 1px;text-align: center;display: inline-block;position: relative;padding: 5rem 0;box-sizing: border-box;}
#swipebox-slider .slide .swipebox-inline-container:before {content: "";display: inline-block; height: 50%;width: 1px;margin-right: -1px;}
#swipebox-slider .slide .swipebox-inline-container:before {content: "";display: inline-block;height: 50%;width: 1px;margin-right: -1px;}
#swipebox-slider .slide .swipebox-inline-container div ul {position:absolute; bottom:80px;left:80px;line-height: 1.8;}
#swipebox-slider .slide .swipebox-inline-container div ul li {font-size: 1.25rem;font-weight: bold; text-align: left;}
#swipebox-slider .slide .swipebox-inline-container div ul li a {position: relative;display: inline-block;}
#swipebox-slider .slide .swipebox-inline-container div ul li a::after {content: '';width: 100%;height: 2px;margin-top: -2px;background: #caa65b;position: absolute;top: 50%;left: 0;-webkit-transition: all 400ms cubic-bezier(0.8, 0, 0.2, 1);transition: all 400ms cubic-bezier(0.8, 0, 0.2, 1);transform: scale(0, 1);transform-origin: left top;}
#swipebox-slider .slide .swipebox-inline-container div ul li a:hover::after {transform: scale(1, 1);}
header {margin-bottom: 1rem; padding:2.5rem 1rem;position: relative;}
header > h1{width: 150px;line-height: 0;margin: 0 auto;}
header > h1 svg{width: 150px;}
.menu-btn {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    width: 40px;
    height: 40px;
    margin-top: -11px;
    text-align: center;
    cursor: pointer;
    z-index: 2;
}
.menu-btn span {
    color: #000;
}
.menu-btn span:after {
    content: attr(data-txt-menu);
}
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 30px;
  height: 22px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000;
  z-index: 9999;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 10px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-45deg);
  transform: translateY(10px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(45deg);
  transform: translateY(-10px) rotate(45deg);
}
body.open {height: 100vh;overflow: hidden;}
.open .menu-btn span:after {
    content: attr(data-txt-close);
}
.menu-list {
    position: fixed;
    display: table;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.95);
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
}

.menu-list  ul {
    display: table-cell;
    vertical-align: middle;
}

.menu-list  li {
    width: 300px;
    margin: 0 auto;
    text-align: center;
    list-style: none;
}
.menu-list  li + li {
    margin-top: 4rem;
}
.menu-list  li a {
    display: block;
    font-size: 2.4rem;
    font-weight: 600;
    letter-spacing: .25rem;
    text-decoration: none;
}
.open .menu-list  {
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: visible;
    opacity: 1;
}
@media screen and (min-width: 768px) {
.menu-btn {right: 2.5rem;}
.menu-list  li a {font-size: 3.2rem;}
.menu-list  li a:hover {color:#ccc;}
}

main {display: block;margin: 0 auto;padding: 0 1rem;}
main .collection {display: flex;display:-webkit-flexbox;display:-ms-flexbox;flex-wrap: wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;position: relative;}
main .collection > h1 {font-size: 2.8rem;font-weight: 500; text-align: center;color:#d3b585;margin-bottom: 4rem;letter-spacing: .5rem;}
main .collection > div {width: 49%;margin:2% 0 0 2%;}
main .collection > div:nth-child(odd) {margin-left: 0;}
main .collection > div a {position: relative;display: block;}
main .collection > div a::before {content:"";width: 100%;height: 100%;position: absolute;left:0;top:0;background: rgba(255,255,255,0);-webkit-transition: all 600ms cubic-bezier(.5, 0, 0.3, 1);transition: all 600ms cubic-bezier(.5, 0, 0.1, 1);}
main .collection > div a:hover::before {background: rgba(255,255,255,.25);}
main .collection > div i {font-size: 4rem;}
main #infscr-loading {text-align:center;margin:0 auto;}
main #infscr-loading img {display: none;}
footer {text-align: center; padding:3.5rem 1rem;}
.footer-copy {font-size: 1rem;font-weight: 600;letter-spacing: .25rem;}
@media only screen and (min-width: 767px) {
header {padding:3.5rem 1rem;}
header > h1{width: 190px;}
header > h1 svg{width: 190px;}
main {width: 90%;}
main .collection > div {width: 32%;margin:2% 0 0 2%;}
main .collection > div:nth-child(odd) {margin-left: 2%;}
main .collection > div:nth-child(3n+1) {margin-left: 0;}
footer {text-align: center; padding:4.5rem 1rem;}
.footer-copy {font-size: 1.2rem;font-weight: 600;letter-spacing: .25rem;}
}