.luxbar-default{width:100%;position:relative;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}
.luxbar-static{width:100%;position:absolute;top:0;left:0; box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}
.luxbar-static .luxbar-checkbox:checked ~ .luxbar-menu{position:absolute}
.luxbar-fixed{width:100%;position:fixed;top:0;left:0;z-index:1000; padding: 0;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}
.luxbar-fixed-bottom{width:100%;position:fixed;bottom:0;left:0;z-index:1000;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}
.luxbar-hamburger span,.luxbar-hamburger span::before,.luxbar-hamburger span::after{display:block;height:2px;width:26px;transition:0.6s ease}

.luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span{background-color:transparent}

.luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span::before,.luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span::after{margin-top:0}

.luxbar-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:58px}

.luxbar-menu-left .luxbar-navigation,.luxbar-menu-left .luxbar-header{justify-content:flex-start;}
.luxbar-menu-right .luxbar-hamburger{margin-left:auto}
.luxbar-brand{font-size:1.6em;padding:18px 24px 18px 24px; margin-top:10px;white-space: nowrap;}
.luxbar-menu{min-height:70px;transition:0.6s ease;width:100%; }
.luxbar-navigation{display:flex;flex-direction:column;list-style:none;padding-left:0;margin:0}
.luxbar-menu a,.luxbar-item a{text-decoration:none;color:inherit;cursor:pointer}
.luxbar-item{height:58px;font-size:3vw; font-weight: bold;}
.luxbar-item a{padding:18px 24px 18px 24px;display:block}
.luxbar-hamburger{padding:18px 24px 18px 24px;position:relative;cursor:pointer}
.luxbar-hamburger span::before,.luxbar-hamburger span::after{content:'';position:absolute}
.luxbar-hamburger span::before{margin-top:-8px}
.luxbar-hamburger span::after{margin-top:8px}
.luxbar-checkbox{display:none}
.luxbar-checkbox:not(:checked) ~ .luxbar-menu{overflow:hidden;height:58px}/*下に広く*/
.luxbar-checkbox:checked ~ .luxbar-menu{transition:height 0.6s ease;height:70vh;overflow:auto}
.luxbar-item:checked ~ .luxbar-menu{overflow:hidden;height:58px}

.dropdown{position:relative;height:auto;min-height:58px}

.dropdown:hover>ul{position:relative;display:block;min-width:100%}

.dropdown>a::after{position:absolute;content:'';right:10px;top:25px;border-width:5px 5px 0;border-color:transparent;border-style:solid}

.dropdown>ul{display:block;overflow-x:hidden;list-style:none;padding:0}

.dropdown>ul .luxbar-item{min-width:100%;height:29px;padding:5px 10px 5px 40px}
.dropdown>ul .luxbar-item a{min-height:29px;line-height:29px;padding:0}
@media screen and (min-width: 768px){
	
.luxbar-navigation{flex-flow:row;}
.luxbar-hamburger{display:none}
.luxbar-checkbox:not(:checked) ~ .luxbar-menu{overflow:visible}
.luxbar-checkbox:checked ~ .luxbar-menu{height:58px}
.luxbar-menu .luxbar-item{border-top:0 ;font-size:1.3vw; white-space: nowrap;}
.luxbar-menu-right .luxbar-header{margin-right:auto}
.dropdown{height:58px}
.dropdown:hover>ul{position:absolute;left:0;top:58px;padding:0}
.dropdown>ul{display:none}
.dropdown>ul .luxbar-item{padding:5px 10px; }



}
.luxbar-checkbox:checked+.luxbar-menu .luxbar-hamburger-doublespin span::before{transform:rotate(225deg)}
.luxbar-checkbox:checked+.luxbar-menu .luxbar-hamburger-doublespin span::after{transform:rotate(-225deg)}
.luxbar-checkbox:checked+.luxbar-menu .luxbar-hamburger-spin span::before{transform:rotate(45deg)}
.luxbar-checkbox:checked+.luxbar-menu .luxbar-hamburger-spin span::after{transform:rotate(-45deg)}
.luxbar-menu-dark,.luxbar-menu-dark .dropdown ul{background-color:#212121;color:#fff}
.luxbar-menu-dark .active,.luxbar-menu-dark .luxbar-item:hover{background-color:#424242}



/*アトム用*/
.luxbar-menu-material-red,.luxbar-menu-material-red .dropdown ul{background-image: url(https://atom.nekk.co.jp/images/back.jpg);color:#b71c1c}
.luxbar-menu-material-red .active,.luxbar-menu-material-red .luxbar-item:hover{background-color:#fff;}
.luxbar-menu-material-red .luxbar-hamburger span,.luxbar-menu-material-red .luxbar-hamburger span::before,.luxbar-menu-material-red 
.luxbar-hamburger span::after{background-color:#b71c1c}
/*アトム用*/



/*# sourceMappingURL=luxbar.min.css.map */