/*ドロップダウンメニュー共通*/
.menu {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.menu > li a:hover {
    color: #999;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    padding: 0;
}

ul.menu__second-level a{
    display: block;
    margin-left: 5px;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.menu > li:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li:hover {
    background-color: #13007C;
}

.menu__second-level a:hover {
    font-size: bold;
    color: #fff;
}

.menu__third-level li {
    border-bottom: 1px solid #13007C;
}

.menu__third-level li a:hover {
    background: #2a1f1f;
}

.menu__fourth-level li a:hover {
    background: #1d0f0f;
}

/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}

/*ドロップダウン*/
.menu > li.menu__single {
    position: relative;
}

li.menu__single {
    display: flex;
    align-items: center;
    padding-top: 18px 10px;
}

li.menu__single ul.menu__second-level {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    border: solid 1px #13007C;
    background: #fff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__single:hover ul.menu__second-level {
    top: 50px;
    visibility: visible;
    opacity: 1;
}
/*ドロップダウンここまで*/



.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
    }
    
.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
    }

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

.luxbar-menu-left 

.luxbar-navigation,.luxbar-menu-left 

.top-header{
    justify-content:flex-start
    }

.luxbar-menu-right 

.luxbar-hamburger{
    margin-left:auto
    }

.top-logo{
    display: flex;
    align-items: center;
}
    
.top-logo img {
    width:90px;
    padding-top: 4px;
}

.logo-copy {
    font-size: .8rem;
    margin-bottom:-3px;
    margin-left: 6px;
    line-height: 11px;
}

.luxbar-menu{
    min-height:58px;
    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
    }
    
.luxbar-item a{
    padding:18px 10px;
    display:block;
    color: #13007C;
    font-size: 1.4rem;
}

.lux-item-last a {
    padding-right: 0;
}
    
.luxbar-item a:hover{
    color:#605C7C;
}

.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
    }

.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
        }
    
    .luxbar-menu-right 
    
    .top-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:；
    }

.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-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:#fff ;
    color:#13007C;
    }

.luxbar-menu-material-cyan 

.active,.luxbar-menu-material-cyan 

.luxbar-item:hover{
    background-color:;
    }

.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:#13007C;
    }