/*---------------------------
	ヘッダーパーツ
---------------------------*/	
.header_wrapper{
	display: flex;
    align-items: center;
}

.header_logo{
	width: 40%;
    margin-left: 30%;
}

.logo_img{
	width: 60%;
}

.header_qr{
	text-align: left;
	width: 30%;
	height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header_barcode{
	width: 40%;
}

@media only screen and (max-width: 840px){
	
	.header_logo{
		width: 70%;
	    margin-left: 15%;
	}
	
	.header_qr{
		text-align: center;
		width: 15%;
		height: 80px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	
	.header_barcode{
		width: 40%;
	}
}

@media only screen and (max-width: 640px){
	
	.header_logo{
		width: 70%;
	    margin-left: 15%;
	}
	
	.header_qr{
		text-align: center;
		width: 15%;
		height: 80px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	
	.header_barcode{
		width: 80%;
	}
}

@media (max-width: 640pt) {
  .googlemap {
    height: calc(100% + 46pt);
  }
}