@charset "utf-8";
/*--Reset-----------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
/*-------ボックスサイズ指定-------*/
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
/*-------ボックスサイズ指定 END-------*/

/*--------ベース設定--------------------*/
html {
	overflow-y: scroll;
}

html,body {
	height: 100%;
}

img {
	border: none;
}

ul,ol {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	font-size: 100%;
	line-height: 1.6;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

a,a:link,a:visited {
	color: #4776AF;
	text-decoration: none;
}

a:hover,a:active {
	color: #9fb7d4;
}

article,aside,details,footer,header,main,menu,nav,section,summary {
	display: block;
}

/*--------ベース設定 END----------------*/

main {
	width: 100%;
	margin: 0 auto;
	text-align:center;
}

h1 {
	margin: 400px auto 350px;
	font-size:3em;
}

footer {
	width: 100%;
	margin: 0 auto;
	text-align:center;
}

/*ナビゲーション設定----------------------------------------------------------*/	




.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
	}
.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
	}
.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
	}
	
	/*デフォ58px*/
.luxbar-item{
	height:58px
	}
.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
	}
	
		/*デフォ   height:100vh*/
.luxbar-checkbox:checked ~ .luxbar-menu{
	transition:height 0.6s ease;height:350px
	}
.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;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-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
	}
	/*b-----------------------------------------------------------------------------------------*/
	.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
		}
			/*b-----------------------------------------------------------------------------------------*/
	.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 */