/*ハンバーガーメニュー*/
nav .nav-unshown {display:none;}
nav #nav-open {display: none;}

.sub-menu{display:block;display:none;position: absolute;z-index: 10;background-color:#fff;padding:10px}
nav ul{list-style-type:none;}


/*1099px以下でハンバーガー*/
@media screen and (max-width:680px) { 
	
.sub-menu{position:relative}


/*ハンバーガーメニュー*/
header nav #nav-open{display:inline-block}
header nav ul.mainmenu{display:none;position:relative;background-color:#eee; z-index: 9999;/*最前面に*/}
header nav{width:100%;}
nav #nav-open {width: 46px;height: 46px;vertical-align: middle;position:absolute;right:2px;top:2px}
#nav-open span, #nav-open span:before, #nav-open span:after {position: absolute;height: 6px;/*線の太さ*/width: 46px;/*長さ*/border-radius: 3px;background: #555;display: block;content: '';cursor: pointer;}
#nav-open span:before {bottom: -18px;}
#nav-open span:after {bottom: -36px;}
#nav-close {display: none;/*はじめは隠しておく*/position: fixed;z-index: 99;top: 0;/*全体に広がるように*/left: 0;width: 100%;height: 100%;background: black;opacity: 0;}
#nav-input:checked ~ #nav-close {display: block;opacity: .5;}/*背景黒*/
#nav-input:checked ~ .mainmenu {display:block}





          }

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

}