.flexnav{-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none;-webkit-transform-style:preserve-3d;overflow:hidden;margin:0 auto;width:100%;max-height:0;z-index:10;padding:0}
.flexnav.opacity{opacity:0}
.flexnav.flexnav-show{max-height:2000px;opacity:1;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.flexnav.one-page{position:fixed;top:50px;right:5%;max-width:200px}
.flexnav li{font-size:100%;position:relative;overflow:hidden}
.flexnav li ul{width:100%}
.flexnav li ul li{font-size:100%;position:relative;overflow:hidden}
.flexnav li ul.flexnav-show li{overflow:visible}
.flexnav li ul li a{display:block}
.flexnav .touch-button:hover{cursor:pointer}
.menu-button.one-page{position:fixed;top:0;right:5%;padding-right:45px}
.menu-button .touch-button{fill: #fff;}

@media only screen and (max-width: 800px){

.cd-header{position:fixed;top:0;width:100%;z-index:10;background:rgba(0,0,0,0.5);border-bottom:1px solid rgba(220,220,220,1);height:60px}
.cd-header .common-header{margin:0;margin-top:5px}
.cd-main-nav{position:absolute;background:none;margin-top:50px;width:100%;top:0}
.flexnav{-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none;-webkit-transform-style:preserve-3d;overflow:hidden;margin:0 auto;width:90%;max-height:0;z-index:10;padding:0}
.menu-button{position:relative;display:block;float:right;right:10px;width:50px;height:50px;padding:1em;color:#fff;cursor:pointer;background:url('../images/bars-solid.svg') no-repeat center center;background-size:32px}
.flexnav .menu{font-size:100%;overflow:hidden}
.flexnav .menu a{position:relative;display:block;padding:20px;z-index:100;overflow:hidden;color:#323232;text-decoration:none;text-align:center;background:rgba(255,255,255,0.9);border-bottom:1px solid #ccc;}
.flexnav .touch-button{position:absolute;z-index:999;top:0;right:0;width:60px;height:50px;display:inline-block;text-align:center}
.flexnav .touch-button .navicon{position:relative;top:1.4em;font-size:12px;color:#373737}
.menu-button .touch-button .navicon{display:none}
.menu-button .touch-button{background:transparent;position:absolute;z-index:999;top:-10px;right:-10px;width:50px;height:50px;display:inline-block;text-align:center}
.cd-main-nav ul{width:100%;z-index:999}
.cd-header .common-header{overflow:hidden;width:100%}
.cd-header:after{content:"";display:table;clear:both}
.cd-header .head_title{position:absolute;top:5px;left:20px}
.cd-header .head_title a{font-size:14px;line-height:1;font-weight:600;letter-spacing:0.2em;color:#373737}}

@media screen and (min-width : 801px){
	.cd-main-nav{position:absolute;right:40px;top:20px;z-index:10}
	.cd-main-nav2{position:absolute; margin-top:10px;right:65px;z-index:10}
	.cd-main-nav .menu{position:relative;margin:0 auto;margin-right:25px;padding-bottom:5px}
	.cd-main-nav .menu:last-child{margin-right:0;}
	.cd-main-nav2 .menu{position:relative;margin:0 auto;margin-right:15px;padding-bottom:5px}
	.cd-main-nav2 .menu{font-size:14px;}
	.cd-main-nav.menu:last-child{margin-right:0}
	.cd-main-nav ul .menu a{text-decoration:none;font-size:16px;font-weight:500;display:block;font-weight:600;letter-spacing:0.15em}
	body.one-page{padding-top:70px}
	.flexnav{overflow:visible}
	.flexnav.opacity{opacity:1}
	.flexnav.one-page{top:0;right:auto}
	.flexnav .menu{position:relative;list-style:none;float:left;display:block;overflow:visible}
	.flexnav .menu > ul{position:absolute;top:auto;left:0}
	.flexnav .menu > ul li{width:100%}
	.flexnav li ul li > ul{margin-left:100%;top:0}
	.flexnav li ul li a{margin:10px;display:block;margin-top:15px}
	.flexnav li ul.open{display:block;opacity:1;visibility:visible;z-index:1}
	.flexnav li ul.open li{overflow:visible;max-height:100px}
	.flexnav li ul.open ul.open{margin-left:100%;top:0}
	.flexnav .touch-button{z-index:999;top:0;right:0;width:50px;height:50px;display:inline-block;text-align:center;display:none}
	.menu-button{display:none}
}