/*----------▽ 0px以上  */
@media screen and (min-width: 0px){

	#header{
		position: fixed;
		width: 100%;
		z-index: 99;
		opacity: 0;
		transition: opacity 0.2s 0s ease;
	}
	#nav{
		position: relative;
		display: flex;
		align-items: center;
		text-align: right;
		z-index: 98;
	}
	#nav ul{
		align-items: center;
		text-align: left;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#nav li{
		padding: 0 0.7em;
		border-bottom: 1px solid #999;
	}

	#nav a{
		text-decoration: none;
		font-size: 5vw;
		letter-spacing: 0.1em;
		line-height: 2.3;

	}
	#nav a:last-child li{
		border-bottom: none;
	}
	#menu{
		display: block;
		position: absolute;
		top: 12vw;/*42.48px*/
		right: 0;
		background-color: rgba(51,48,133,0.9);
		transform-origin: right top;
		transform: rotate(180deg);
		transition: transform 0.5s 0s ease;
		border-radius: 10% 0 0 10%;
		z-index: 97;
	}
	#menu.menu-show{
		transform: rotate(0deg);
		transition: transform 0.5s 0s ease;
	}
	#header-logo{
		background: url(/images/logo/logo_text_white.png) no-repeat left top;
		background-size: contain;
		margin: 1vw;
		text-align: left;
	}
	#header-logo img{
		width: auto;/*32vw 120px*/
		height: 9vw;
		transition: width 2s 1s ease;
	}

	#navToggle{
		position: absolute;
		top: 0;
		right: 0;
		width: 50px;
		height: 50px;
		z-index: 100;
	}
	#navToggle span{
		display: block;
		position: absolute;
		height: 4px;
		width: 56%;
		background-color: #fff;
		transition: 0.35s 0s ease-in-out;
		left: 0;
		right: 0;
		margin: auto;
		border-radius: 2px;
	}
	#navToggle span:nth-child(1){
		top: 15px;
	}
	#navToggle span:nth-child(2){
		top: 23px;
	}
	#navToggle span:nth-child(3){
		top: 31px;
	}
	#navToggle.open span:nth-child(1), .is-konkikyo #navToggle.open span:nth-child(1){
		top: 24px;
		transform: rotate(315deg);
	}
	#navToggle.open span:nth-child(2){
		opacity: 0;
	}
	#navToggle.open span:nth-child(3), .is-konkikyo #navToggle.open span:nth-child(3){
		top: 24px;
		transform: rotate(-315deg);
	}

	#logbtn{
		position: absolute;
		right: 50px;
		font-size: 0.9em !important;
	}


	#container{
		opacity: 0;
		transform: none;
		transition: transform 1s 0s ease;
		background-color: #2a2e36;/*#304848;*/
	}
	#container.standby{
		transform: translateX(0vw);
		transition: transform 2s 0s ease;
	}
	#container.open{
		transform: translateX(-53vw);
		transform-origin: left top 0;
		transition: transform 1s 0s ease;
	}
}
/*--▽ 640px以上 */
@media screen and (min-width: 640px){
	#nav ul{
		display: flex;
	}
	#nav li{
		margin: 0 0.5em;
		padding: 0;
		border-bottom: none;
	}
	#nav a:last-child li{
		display: none;
	}
	#nav a{
		font-size: min(1.5vw,1.2em);
	}
	#header-logo img{
		width: auto;/*32vw 120px*/
		height: 3.5vw;
	}
	#menu{
		position: relative;
		top: 0;
		margin-left: 2em;
		background-color: inherit;
		transform: rotate(0deg);
		transition: transform 2s 0s ease;
	}
	#navToggle{
		display: none;
	}

	#logbtn{
		position: absolute;
		right: 1vw;
	}

	#container.open{
		transform: none;
	}
}