/*====================================================================================*/
/* Common
/*====================================================================================*/
.base_header_menu{
	font-family: 'Noto Sans', sans-serif;
	width: 100%;
    position: fixed;
}
.base_header_menu > .menuWrapper{
    padding: 27px 27px;
    text-align: right;
    letter-spacing: 0.1em;
}
.base_header_menu > .menuWrapper > .parts{
	display:inline-block;
	margin:0 10px;
}

.base_header_menu > .menuWrapper > .aLink> .parts{
	display:inline-block;
	margin:0 10px;
	color:black;
}

/*====================================================================================*/
/* PC 
/*====================================================================================*/

/*====================================================================================*/
/* スマフォ　縦表示
/*====================================================================================*/
@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;
	}
}