.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{
   box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
   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;
   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-center .luxbar-navigation,
.luxbar-menu-center .luxbar-header{
   justify-content:center;
}
.luxbar-header .vmlogo{
   background-image:url("https://www.arc.ritsumei.ac.jp/lib/vm/img/arc_vm_logo.gif");
   width: 160px;
   height: 23px;
   margin-left: 20px;
}
.luxbar-header .vmlogo span{
   display:none;
}
.luxbar-menu-right .luxbar-hamburger{
   margin-left:auto;
}
.luxbar-brand{
   font-size:1.6em;
   font-weight:bold;
   padding:25px 0px;
   display: inline-block;
}
.luxbar-menu{
   min-height:58px;
   transition:0.6s ease;
   width:100%;
   text-align: center;
}
.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;
}
.luxbar-item a{
   padding:15px 25px;
   display:block;
font-size: small;
}
.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:150px;
   /*height:60px;*/
}
.luxbar-checkbox:checked ~ .luxbar-menu{
   transition:height 0.6s ease;
   height:100vh;
   overflow:auto;
}
.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: 800px){
.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:5px 10px;}
.dropdown>ul .luxbar-item a{
   white-space:nowrap;
}
}
.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-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:#e0e0e0;
   color:#212121;
}
.luxbar-menu-light .active,
.luxbar-menu-light .luxbar-item:hover{
   background-color:#bdbdbd;
}
.luxbar-menu-light .luxbar-hamburger span,
.luxbar-menu-light .luxbar-hamburger span::before,
.luxbar-menu-light .luxbar-hamburger span::after{
   background-color:#212121;
}
.luxbar-menu-material-white,
.luxbar-menu-material-white .dropdown ul{
   background-color:#fff;
   color:#000;
}
.luxbar-menu-material-white .active,
.luxbar-menu-material-white .luxbar-item:hover{
   background-color:#e5e5e5;
}
.luxbar-menu-material-white .luxbar-hamburger span,
.luxbar-menu-material-white .luxbar-hamburger span::before,
.luxbar-menu-material-white .luxbar-hamburger span::after{
   background-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;
}
.luxbar-menu-material-custum,
.luxbar-menu-material-custum .dropdown ul{
   background-color:#82a483;
   color:#000;
}
.luxbar-menu-material-custum .active,
.luxbar-menu-material-custum .luxbar-item:hover{
   background-color:#e5e5e5;
}
.luxbar-menu-material-custum .luxbar-hamburger span,
.luxbar-menu-material-custum .luxbar-hamburger span::before,
.luxbar-menu-material-custum .luxbar-hamburger span::after{
   background-color:#000;
}
/*# sourceMappingURL=luxbar.min.css.map */

/*------------------------------------
       Slide Down Navigation
------------------------------------ */
/*.luxbar-menu {
  margin-bottom: 48px;
}*/
.luxbar-menu ul {
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}
.luxbar-menu ul:before,
.luxbar-menu ul:after {
  content: "";
  display: table;
}
.luxbar-menu ul:after {
  clear: both;
}
.luxbar-menu ul > li {
  float: left;
  position: relative;
}
/*.luxbar-menu a {
  display: block;
  padding: 10px 20px;
  line-height: 1.2em;
  color: #fff;
  border-left: 1px solid #e5e5e5;
}*/
.luxbar-menu a:hover {
  text-decoration: none;
  background: #e5e5e5;
}
.luxbar-menu li ul {
  background: #fff;
}
.luxbar-menu li ul li {
  width: 200px;
}
@media screen and (max-width: 800px){
.luxbar-menu li ul li {
    width: 100%;
}
}
.luxbar-menu li ul a {
  border: none;
}
/*.luxbar-menu li ul a:hover {
  background: rgba(0, 0, 0, 0.19999999999999996);
}*/


/*------------------------------------
             Slide Down
------------------------------------ */
.nav ul > li:hover ul li {
  height: 58px;
}
.nav li ul {
  position: absolute;
  left: 0;
  /*top: 58px;*/
  z-index: 1;
}
.nav li ul li {
  overflow: hidden;
  height: 0;
  -webkit-transition: height 200ms ease-in;
  -moz-transition: height 200ms ease-in;
  -o-transition: height 200ms ease-in;
  transition: height 200ms ease-in;
}


@media screen and (min-width: 800px){
.nav ul > li:hover ul li {
  height: 58px;
}
.nav li ul {
  position: absolute;
  left: 0;
  top: 58px;
  z-index: 1;
}
.nav li ul li {
  overflow: hidden;
  height: 0;
  -webkit-transition: height 200ms ease-in;
  -moz-transition: height 200ms ease-in;
  -o-transition: height 200ms ease-in;
  transition: height 200ms ease-in;
}
}