@charset "UTF-8";
/* CSS Document */

.header_budget{
	background-color: white;
	position: static !important;
	width: 100%;
}

.logo_joyplus_header{
	display: block;
}

/* 横幅が1365px ～ の場合*/
@media screen and (min-width:1365px){

	.header_budget{
		height: 100px;
	}

	.logo_joyplus_header{
		width: 20%;
		padding-left: 20px;
		padding-top: 15px;
	}
}

/* 横幅が1024px ～ 1365pxの場合*/
@media screen and (min-width:1024px) and (max-width:1365px){

	.header_budget{
		height: 100px;
	}

	.logo_joyplus_header{
		width: 28%;
		margin-left: 2%;
		padding-top: 20px;
	}
}

/* 横幅が768px ～ 1023pxの場合*/
@media screen and (min-width:768px) and (max-width:1023px){

	.header_budget{
		height: 95px;
	}

	.logo_joyplus_header{
		width: 35%;
		margin-left: 2%;
		padding-top: 20px;
	}
}

/* 横幅が ～ 767px*/
@media screen and (max-width:767px) {

	.header_budget{
		height: 85px;
	}

	.logo_joyplus_header{
		width: 75%;
		margin: 0 auto;
		padding-top: 15px;
	}

	/* デバイスが横向きの場合の記述 */
	@media (orientation: landscape){
		.logo_joyplus_header{
			width: 40%;
			margin: 0 auto;
		}
	}
}