/*====================================================================================*/
/* Common
/*====================================================================================*/


/*====================================================================================*/
/* PC 
/*====================================================================================*/
.standardMenu{
	position:fixed;
	top:0;
	width:100%;
    z-index: 10;
		
}
.standardMenu > .menuList{
	text-align:right;
	
}
.standardMenu > .menuList > a{

}
.standardMenu > .menuList > a > .list{
	display:inline-block;
	margin:10px 10px;
	color:black;
	
}
.openMenu{
	position:fixed;
	top:0;
	width:100%;
	z-index: 10;
	
}
.openMenu > .base{
	opacity:0;
	height:0;
	transition: all 1s;
	overflow:hidden;
}
.open > .base{
	opacity:1;
	height:100vh;
	background:white;

}
.openMenu > .base > .menuList{
	text-align: center;
}
.openMenu > .base > .menuList > .logo{
	width: 100%;
    display: inline-block;
    margin: 50px 0;
}
.openMenu > .base > .menuList > .logo > img{
	width:80px;
}
.openMenu > .base > .menuList > a{
	text-decoration:none;
}
.openMenu > .base > .menuList > a > .list{
    margin-bottom: 30px;
    border: solid 0.5px #CCCCCC;
    padding: 25px;
    display: inline-block;
	width: 200px;
	color:black;
}
.openMenu > .openBtn{
	position: absolute;
    top: 20px;
	right: 20px;
	cursor:pointer;
	tra
}
.openMenu > .openBtn > .line{
	width:20px;
	height:1px;
	margin-bottom:10px;
	background:black;
	content:" ";
	transition: all 1s;
}
.open > .openBtn > #line1{
	transform:rotate(-45deg)translate(-5px,0px);
}
.open > .openBtn > #line2{
	transform:rotate(45deg)translate(-8px,-3px);
}

/*====================================================================================*/
/* スマフォ　縦表示
/*====================================================================================*/
@media only screen and (max-width: 1024px) and (orientation:portrait){
	.sandwicth_header_menu{
		position:fixed;
		top:0px;
		left:0px;
		width: 100vw;
        z-index: 100;
	}
	.sandwicth_header_menu > .listWrapper{
		position:absolute;
		left:0;
		top:0;
		width:100vw;
		height:0;
		opacity:0;
		overflow:hidden;
		/* animation */			
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-ms-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
			
	}
	.sandwicth_header_menu > .listWrapper > .aLink > .list{
		margin-bottom:30px;
        margin-top: 20px;
		color:black;border:
		solid 1px #AAAAAA;
        width: 300px;
        padding: 30px 0;
        display: inline-block;
	}
	.sandwicth_header_menu > .listWrapper > .logo{
		width:20%;
		margin-top:15vh;
		margin-bottom:50px;
	}

	.sandwicth_header_menu > .barArea{
		position:absolute;
		top:15px;
		right:15px;
	}
	.sandwicth_header_menu > .barArea > #bar1{
		width:25px;
		height:1px;
		margin-bottom:10px;
		background:black;
	}
	.sandwicth_header_menu > .barArea > #bar2{
		width:25px;
		height:1px;
		background:black;
	}
	.open > .listWrapper{
		height:100vh;
		opacity:1;
		background:white;
		
	}
	.open > .barArea{
		
	}
	.open > .barArea > #bar1{
	
		transform: translate(0px, 5px) rotate(45deg);
		/* animation */	
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-ms-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
	}
	.open > .barArea > #bar2{
		transform: translate(0px, -5px) rotate(-45deg);	
		
		/* animation */	
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-ms-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
	}
}