@charset "utf-8";
/* CSS Document */

.zdo_drawer_menu * {
	margin: 0; padding: 0;-webkit-appearance: none; -moz-appearance: none; appearance: none; text-decoration: none; list-style: none;
}


.zdo_drawer_menu .zdo_drawer_bg {
	width: 100%; height: 100%; position: fixed; z-index: 999; background-color: rgba(51, 51, 51, 0.5); display: none; top: 0; left: 0;
}

.zdo_drawer_menu .zdo_drawer_button {
	display: block; background: none; border: none; padding: 0; cursor: pointer;
	position: fixed; top: 0; right: calc(250vw / 19.2); z-index: 1001; text-align: center; outline: none;
}

.zdo_drawer_menu .zdo_drawer_bar { display: block; background-color: #000; width:calc(74vw / 19.2); height: 2px; margin: 0.7vw 0 0 0; transition: all 0.2s; transform-origin: 0 0;}
.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar { width: calc(74vw / 19.2); background-color: #000; }

.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar1 { transform: rotate(12.6deg);}
.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar2 { transform: rotate(-12.6deg);}

.zdo_drawer_menu .zdo_drawer_button .icon { display: block; padding: calc(20vw / 19.2) 0 0 0; }

.zdo_drawer_menu .zdo_drawer_button .text { display:block; margin-block-start:calc(20vw / 19.2); }
.zdo_drawer_menu .zdo_drawer_button.active .text { display: none;}
.zdo_drawer_menu .zdo_drawer_button .cloze { display:none; }
.zdo_drawer_menu .zdo_drawer_button.active .cloze { display: block; margin-block-start:calc(20vw / 19.2);}



.zdo_drawer_menu .zdo_drawer_nav_wrapper {
	width: 100%; height: 100%; transition: all 0.2s; transform: translate(100%);
	position: fixed; top: 0; right: 0; z-index: 1000; background-color: #FFF;
}

.zdo_drawer_menu .zdo_drawer_nav_wrapper.open { transform: translate(0); }


.zdo_drawer_menu .zdo_drawer_nav { padding: calc(200vw / 19.2); }


.zdo_drawer_menu .zdo_drawer_nav .box li.page { font-weight:bold; margin-block-end:1em; }
.zdo_drawer_menu .zdo_drawer_nav .box li.section { padding-left: 2em; margin-block-end:1em; }
.zdo_drawer_menu .zdo_drawer_nav .box li.page.box2 { margin-block-start:1.75em; }
.zdo_drawer_menu .zdo_drawer_nav .box li.section.box2_end {margin-block-end:1.75em;}