@charset "UTF-8";
/* ▼ ONZE ▼ */
* {
	box-sizing:border-box;
}
.logo_s {
margin-top: 0;
top: 90px;
}
html {overflow-x:visible; overflow-y:visible;}
body {overflow:inherit; overflow-y:visible; overflow-x:visible; position:inherit; writing-mode:vertical-rl; direction:ltr;}
#container {overflow-y:hidden; z-index:1; width:auto;
	-webkit-writing-mode: vertical-rl;
	  -moz-writing-mode: vertical-rl;
	  -ms-writing-mode: vertical-rl;
	  -o-writing-mode: vertical-rl;
	  writing-mode: vertical-rl;
	  direction: rtl;
}
.section {}
#header {position:fixed; top:0; right:0; min-width:60px; height:100vh; z-index:9999;}
#loading {z-index:9998; pointer-events:none;}
.loaded {pointer-events:none;}
.top .logo img {max-width:100%; display:block;}
.click {display:block; position:absolute; top:0; left:0; width:100%; height:100%;}

.navi-toggle {position:relative; width:60px; height:60px;
 cursor:pointer; display:block;
 background:transparent; outline:0; border:0; padding:0; z-index:99999;
transform: translate3d(0,0,0);
}
.navi-toggle i {display:none;}
.navi-toggle span {display:inline-block; transition:all 0.4s;}
/*
@media (max-width: 500px) {
	.nav-button {
	  padding: 0;
	  width: 30px;
	  margin: 0 20px 20px 20px; }
}
*/
.navi-toggle span {position:absolute; left:0; width:30px; height:2px; background-color:#ac5d38; z-index:auto;}
.navi-toggle span:nth-of-type(1) {top:20px;}
.navi-toggle span:nth-of-type(2) {top:33px;}
.navi-toggle span:nth-of-type(3) {bottom:12px;}
.navi-toggle.is-active span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}
.navi-toggle.is-active span:nth-of-type(2) {
	opacity:0;
}
.navi-toggle.is-active span:nth-of-type(3) {
	-webkit-transform: translateY(-15px) rotate(45deg);
	transform: translateY(-15px) rotate(45deg);
}
  
.nav-wrap {opacity:0; display:none;}
.nav-wrap div {height:100%;}
.nav-wrap.is-open {
	display:block;
	height:100vh;
	height:calc(var(--vh, 1vh) * 100);
	color:#ac5d38; background-color:rgba(0, 0, 0, 0.3); opacity:1; z-index:40;
}
.sns_btn {display:block;}
@media screen and (max-width:812px) {
	.nav-wrap.is-open {display:block; width:50vw; justify-content:center;}
    .drawer-menu {margin-top: calc(60px + 9vh)};
}
.box {position:relative;}
/*.product_box {width:auto;}
.about .title {position:static;}
.about .about_detail {width:auto; margin-right:0;}
.about .text_wrap {width:auto;}*/

.fadein {opacity:0;}
.fadein.is-inview {opacity:1; transition:1s; transition-delay:0.2s;}






/* ▼ scroll-snap ▼ */
/*
#container {width:100vw;}
#container .box {scroll-snap-type:x mandatory; width:100%; overflow-x:scroll; -webkit-overflow-scrolling: touch; overflow-scrolling:touch;}
.section {scroll-snap-align:start;}
*/
/* ▲ scroll-snap ▲ */

/* ▲ ONZE ▲ */