header {
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    display: block;
}

#globalHeader {
	/* height: auto; */
	width: 100%;
}

#globalHeader ul {
    list-style: none;
}

#globalHeader a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	text-decoration: none;
	text-decoration: none;
	color: #333;
	background: transparent;
}

#globalHeader .article--flex_contents .article--pack {
    height: 100%;
}
#globalHeader .article--static_menulist {
    margin: 0;
    padding: 0;
}

@media only screen and (min-width: 769px){
	#globalHeader .article--flex_contents .article--static_header {
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: flex;
		    align-items: center;
		    position: relative;
		    height: auto;
		    padding: 20px 1pc;
		    background: #fff;
		    -webkit-box-shadow: 0 1px 3px 0 rgb(88 88 88 / 30%);
		    box-shadow: 0 1px 3px 0 rgb(88 88 88 / 30%);
		    -webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		    justify-content: space-between;
	}
	
	#globalHeader {
		/*line-height: 0;*/
	}
	
	#globalHeader .article--static_menulist {
		display: flex;
	}
	#globalHeader .article--flex_contents .article--static_menulist .article--static_supportlist {
		margin-right: 1pc;
	}
	#globalHeader .article--flex_contents .article--static_menulist .article--static_supportlist a {
		font-size: 13px;
	}
	
	#globalHeader .article--flex_contents .article--static_headertop {
		width: 130px;
		/*line-height: 0;*/
	}
	
	#globalHeader .article--flex_contents .article--static_headertop .article--logo a {
		display: block;
	}
	
}

@media only screen and (max-width: 768px){

	#globalHeader .article--flex_contents .article--static_header {
		position: relative;
	}
	
	#globalHeader .article--flex_contents .article--static_headertop {
		position: relative;
		z-index: 3;
		padding: 1pc;
		background: #fff;
		-webkit-box-shadow: 0 1px 3px 0 rgb(88 88 88 / 30%);
		box-shadow: 0 1px 3px 0 rgb(88 88 88 / 30%);
	}
	
	#globalHeader .article--flex_contents .article--static_headertop .article--header_buttonarea {
		position: absolute;
		z-index: 2;
		width: 18px;
		height: 18px;
	}
	
	#globalHeader .article--flex_contents .article--static_headertop .article--header_buttonarea .article--header_button {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		padding: 0;
		border: 0;
		background: 0;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	
	#globalHeader .article--flex_contents .article--static_headertop .article--header_buttonarea .article--header_button .article--header_button-solid {
		display: block;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		position: absolute;
		width: 18px;
		height: 2px;
		background: #585858;
		-webkit-transition: all .35s;
		transition: all .35s;
	}
	
	#globalHeader .article--flex_contents .article--static_headertop .article--header_buttonarea .article--header_button .article--header_button-solid:nth-of-type(1) {
		top: 1px;
		-webkit-animation: a .35s forwards;
		animation: a .35s forwards;
	}
	
	#globalHeader .article--flex_contents .article--static_headertop .article--header_buttonarea .article--header_button .article--header_button-solid:nth-of-type(2) {
		top: 50%;
		opacity: 1;
		-webkit-transition: all .25s .25s;
		transition: all .25s .25s;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	#globalHeader .article--flex_contents .article--static_headertop .article--header_buttonarea .article--header_button .article--header_button-solid:nth-of-type(3) {
		bottom: 1px;
		-webkit-animation: b .35s forwards;
		animation: b .35s forwards;
	}
	
	#globalHeader .article--flex_contents .article--static_headertop .article--logo {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	
	#globalHeader .article--flex_contents .article--static_headerbottom {
		display: none;
		position: fixed;
		z-index: 1;
		width: 100%;
		height: calc(100vh - 52px);
		background: #f2f2f2;
	}
	
	#globalHeader .article--flex_contents .article--static_supportlist,
	#globalHeader .article--flex_contents .article--static_what {
		border-top: #e5e5e5 solid 1px;
	}
	
	#globalHeader .article--flex_contents .article--static_shop,
	#globalHeader .article--flex_contents .article--static_supportlist,
	#globalHeader .article--flex_contents .article--static_supportttl,
	#globalHeader .article--flex_contents .article--static_what {
		width: 100%;
		background: #fff;
	}
	
	#globalHeader .article--flex_contents .article--static_shop a,
	#globalHeader .article--flex_contents .article--static_supportlist a,
	#globalHeader .article--flex_contents .article--static_supportttl a,
	#globalHeader .article--flex_contents .article--static_what a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 50px;
		padding: 1pc;
		font-size: 13px;
	}

	#globalHeader .article--flex_contents .article--static_headerbottom.active {
		display: block;
		position: relative;
		-webkit-animation: e .2s linear 0;
		animation: e .2s linear 0;
	}

}