.luxbar-default{width:100%;position:relative;z-index:1000}
.luxbar-static{width:100%;position:absolute;top:0;left:0;z-index:1000}
.luxbar-static .luxbar-checkbox:checked ~ .luxbar-menu{position:absolute}
.luxbar-fixed{width:100%;position:fixed;top:0;left:0;z-index:1000;}
.luxbar-fixed-bottom{width:100%;position:fixed;bottom:0;left:0;z-index:1000;}
.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}
.mainLogo{ width:135px; padding:0 0 0 10px; position:absolute; right:10px; top:17px; }
#saiyo .mainLogo{ width:135px; padding:0 0 0 10px; position:absolute; right:50%; margin-right:-70px; top:17px;}

.luxbar-menu{min-height:58px;transition:0s ease;width:100%;}/*menuスピード*/
.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; background:url(../images/top/arrow.png) no-repeat 50px 18px; background-size:10px 18px; font-size:16px;}
.wt .luxbar-item{background:url(../images/top/arrow_bk.png) no-repeat 50px 18px; background-size:10px 18px;}
.luxbar-item a{padding:18px 15px 18px 70px;display:block; }
.luxbar-item a::after{content:''; }


@media screen and (min-width: 769px){
#saiyo .luxbar-menu{border-bottom:#f0f0f0 2px solid; padding-bottom:40px;}
.mainLogo{ width:135px; padding:0 0 0 10px; position:absolute; right:10px; margin-right:0px; top:35px;}
#saiyo .mainLogo{ width:135px; padding:0 0 0 10px; position:absolute; right:10px; margin-right:0px; top:35px;}
.luxbar-item,
.wt .luxbar-item{height:60px; margin-left:30px;background:none; font-size:14px;}
.luxbar-item a{padding:40px 15px 2px;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:100vh;overflow:auto; background: url(../images/common/menu_bg.png) repeat;}
.wt .luxbar-checkbox:checked ~ .luxbar-menu{transition:height 0.6s ease;height:100vh;overflow:auto; background:#fff;}
.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: 769px){
.luxbar-navigation{flex-flow:row;justify-content:flex-end}
.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}
.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:auto;}
.dropdown>ul .luxbar-item a{white-space:nowrap}

.luxbar-checkbox:checked ~ .luxbar-menu{transition:height 0.6s ease;height:100vh;overflow:auto; background: none;}

}

.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:transparent; color:#fff}
.luxbar-menu-dark .active,.luxbar-menu-dark .luxbar-item:hover{background-color:#000; color:#5aacc3;}
.luxbar-menu-dark .luxbar-hamburger span,.luxbar-menu-dark .luxbar-hamburger span::before,.luxbar-menu-dark .luxbar-hamburger span::after{background-color:#fff}
.luxbar-menu-light,.luxbar-menu-light .dropdown ul{background-color:#fff;color:#000}
.luxbar-menu-light .active,.luxbar-menu-light .luxbar-item:hover{background-color:#fff}
.luxbar-menu-light .luxbar-hamburger span,.luxbar-menu-light .luxbar-hamburger span::before,.luxbar-menu-light .luxbar-hamburger span::after{background-color:#212121}

@media screen and (min-width: 769px){
.luxbar-menu-dark,.luxbar-menu-dark .dropdown ul{background-color:transparent;color:#fff}
.luxbar-menu-dark .active,.luxbar-menu-dark .luxbar-item:hover{background-color:transparent; border-bottom:1px solid #5aacc3; color:#5aacc3;}

.luxbar-menu-light,.luxbar-menu-light .dropdown ul{background-color:#fff;color:#000}
.luxbar-menu-light .active,.luxbar-menu-light .luxbar-item:hover{background-color:#fff; border-bottom:1px solid #000; color:#000;}

}


.luxbar-menu-material-red,.luxbar-menu-material-red .dropdown ul{background-color:#b71c1c;color:#fff}
.luxbar-menu-material-red .active,.luxbar-menu-material-red .luxbar-item:hover{background-color:#c62828}
.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:#fff}
.luxbar-menu-material-indigo,.luxbar-menu-material-indigo .dropdown ul{background-color:#1a237e;color:#fff}
.luxbar-menu-material-indigo .active,.luxbar-menu-material-indigo .luxbar-item:hover{background-color:#283593}
.luxbar-menu-material-indigo .luxbar-hamburger span,.luxbar-menu-material-indigo .luxbar-hamburger span::before,.luxbar-menu-material-indigo .luxbar-hamburger span::after{background-color:#fff}
.luxbar-menu-material-green,.luxbar-menu-material-green .dropdown ul{background-color:#1b5e20;color:#fff}
.luxbar-menu-material-green .active,.luxbar-menu-material-green .luxbar-item:hover{background-color:#2e7d32}
.luxbar-menu-material-green .luxbar-hamburger span,.luxbar-menu-material-green .luxbar-hamburger span::before,.luxbar-menu-material-green .luxbar-hamburger span::after{background-color:#fff}
.luxbar-menu-material-amber,.luxbar-menu-material-amber .dropdown ul{background-color:#ff6f00;color:#fff}
.luxbar-menu-material-amber .active,.luxbar-menu-material-amber .luxbar-item:hover{background-color:#ff8f00}
.luxbar-menu-material-amber .luxbar-hamburger span,.luxbar-menu-material-amber .luxbar-hamburger span::before,.luxbar-menu-material-amber .luxbar-hamburger span::after{background-color:#fff}
.luxbar-menu-material-brown,.luxbar-menu-material-brown .dropdown ul{background-color:#3e2723;color:#fff}
.luxbar-menu-material-brown .active,.luxbar-menu-material-brown .luxbar-item:hover{background-color:#4e342e}
.luxbar-menu-material-brown .luxbar-hamburger span,.luxbar-menu-material-brown .luxbar-hamburger span::before,.luxbar-menu-material-brown .luxbar-hamburger span::after{background-color:#fff}
.luxbar-menu-material-bluegrey,.luxbar-menu-material-bluegrey .dropdown ul{background-color:#263238;color:#fff}
.luxbar-menu-material-bluegrey .active,.luxbar-menu-material-bluegrey .luxbar-item:hover{background-color:#37474f}
.luxbar-menu-material-bluegrey .luxbar-hamburger span,.luxbar-menu-material-bluegrey .luxbar-hamburger span::before,.luxbar-menu-material-bluegrey .luxbar-hamburger span::after{background-color:#fff}
.luxbar-menu-material-cyan,.luxbar-menu-material-cyan .dropdown ul{background-color:#006064;color:#fff}
.luxbar-menu-material-cyan .active,.luxbar-menu-material-cyan .luxbar-item:hover{background-color:#00838f}
.luxbar-menu-material-cyan .luxbar-hamburger span,.luxbar-menu-material-cyan .luxbar-hamburger span::before,.luxbar-menu-material-cyan .luxbar-hamburger span::after{background-color:#fff}
/*# sourceMappingURL=luxbar.min.css.map */





.menu ul{
  margin:0;
  padding:0;
}
.menu ul li {
  list-style: none;
  margin:0;
  padding:0;
  font-size:16px;
  float: left;
  position: relative;
  width: 100%;/*親メニューの幅*/
  height: 0;/*親メニューの高さ*/
  background:none;/*親メニューの背景色*/
  text-align:center;
}
.menu ul li a {
  display:block;
  text-decoration: none;
  text-align:left;
}
.menu ul li ul li a {
display:inline-block !important;
padding:0px; margin:0;

}

.menu ul li:hover, .menu ul li a:hover {
}
.menu ul li ul {
  position: absolute;
  top: 52px;/*親メニューの高さと同じにする*/
  width: 100%;
  z-index: 100;
  left:0;
  text-align:center;
}
.menu ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 100%;/*サブメニューの幅*/
  height: 45px;
  background:none;/*サブメニューの背景色*/
  line-height:45px;
  overflow:hidden;
  text-align:center;
  background:#000;
}
#saiyo .menu ul li ul li {
  background:none;
}
/*.menu ul li ul li:hover, .menu ul li ul li a:hover {
  height:45px;
  line-height:45px;
}*/
.menu ul li:hover ul li, .menu ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:45px;
  z-index: 10;
  line-height:45px;
  padding:0px; margin:0;
}

.menu ul li ul li a img {width:30px; padding:0 5px;}
.menu ul li ul li a:hover img { opacity:0.7;}

/* desktop */
@media only screen and (min-width: 769px) {

.menu ul li {
  font-size:14px;
}

.menu ul li ul {
  position: absolute;
  top: 56px;/*親メニューの高さと同じにする*/
  width: 200px;
  z-index: 100;
  left:0px;
  margin-left:0px;
}

.menu ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 210px;/*サブメニューの幅*/
  height: 45px;
  background:none;/*サブメニューの背景色*/
  line-height:45px;
  overflow:hidden;
  text-align:left;
}



}