#loader-bg { display: none; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: #fff; z-index: 99999999; }
#loader { display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: ; margin-top: -00px; margin-left: -00px; text-align: center; color: #fff; z-index: 999999999; }




body					{ font-family: 'Meiryo',sans-serif; font-size:13px; line-height: 1; background-color: #000; }
#slider{ width: 100%; max-width: 1100px; margin: 0 auto; }

.pagetop{ position: fixed; bottom: 0; right:10px; width: 98px; height: 98px; z-index: 99999999; }

#header 			{ border-bottom: 1px solid #ff0; }

#about img 		{ width: 100%; }
#beer img 		{ width: 100%; }
#how img 			{ width: 100%; }
#brewery img 	{ width: 100%; }

footer 				{ display: none }


@media screen and (min-width: 1050px){
.master 			{ width: 100%; max-width: 1100px; margin: 0 auto; }

.sp						{ display: none; }

#header				{ width: 100%; height: 99px; line-height: 99px; margin-bottom: 2px; position: fixed; z-index: 100000; background-image: url('../img/nav_bg.png'); }

#header1			{ float: left; }
#header1 img	{ width: 300px; margin: 25px 0 0 30px; }

#header2			{ color: #fff; width: 670px; margin-left: auto; }
#header2 ul 	{  }
#header2 li		{ float: left; }
.header2_text { margin: 0 55px 0 0; font-size: 1.1em; }
.header2_img	{ margin: 10px 45px 0 0; }
#header2 img 	{  }


}


@media screen and (max-width: 1049px) and (min-width: 800px){
.sp						{ display: none; }

#header				{ width: 100%; height: 80px; line-height: 80px; margin-bottom: 2px; position: fixed; z-index: 1; background-image: url('../img/nav_bg.png'); }

#header1			{ float: left; }
#header1 img	{ width: 200px; margin: 25px 0 0 20px; }

#header2			{ color: #fff; width: 500px; margin-left: auto; }
#header2 ul 	{  }
#header2 li		{ float: left; }
.header2_text { margin: 0 35px 0 0; font-size: .8em; }
.header2_img	{ margin: 10px 20px 0 0; }
#header2 img 	{ width: 65%; }


}


@media screen and (max-width: 799px) and (min-width: 641px){
.sp						{ display: none; }

#header				{ width: 100%; height: 80px; line-height: 80px; margin-bottom: 2px; position: fixed; z-index: 1; background-image: url('../img/nav_bg.png'); }
#header1			{ float: left; }
#header1 img	{ width: 200px; margin: 25px 0 0 10px; }

#header2			{ color: #fff; width: 400px; margin-left: auto; }
#header2 ul 	{  }
#header2 li		{ float: left; }
.header2_text { margin: 0 22px 0 0; font-size: .8em; }
.header2_img	{ margin: 5px 15px 0 0; }
#header2 img 	{ width: 70%; }


}


@media screen and (max-width: 640px) and (min-width: 390px){
.pc						{ display: none; }

#header 			{ width: 100%; height: 80px; z-index: 1; background-image: url('../img/nav_bg.png'); }
#header1 						{ margin: 0 auto; width: 50%; min-width: 300px }
#header1 img	{ width: 100%; }
#header2			{ color: #fff; width: 375px; margin: 0 auto; }
#header2 li 	{ float: left; margin: 0 18px 0 0; }
#header2 li:nth-child(1){ margin-top: 6px; }
#header2 li:nth-child(2){ margin-top: 6px; }
#header2 li:nth-child(3){ margin-top: 6px; }
#header2 li:nth-child(4){ margin-top: 6px; }
#header2 li:nth-child(6){ margin-top: 3px; }
#header2 li:nth-child(7){ margin-right: 0; }

#header2 img 	{ width: 25px; }


.pagetop{ position: fixed; bottom: 10px; right:10px; width: 70px; height: 70px; }
.pagetop img{ width: 70px; }

}

@media screen and (max-width: 389px){
.pc						{ display: none; }

#header 			{ width: 100%; height: 70px; margin-bottom: 2px; z-index: 1; background-image: url('../img/nav_bg.png'); }
#header1			{ margin: 0 auto; width: 80%; }
#header1 img	{ width: 100%; }
#header2			{ color: #fff; font-size: .8em; width: 300px; margin: 0 auto; }
#header2 li{ float: left; margin: 0px 14px 0 0; }
#header2 li:nth-child(1){ margin-top: 5px; }
#header2 li:nth-child(2){ margin-top: 5px; }
#header2 li:nth-child(3){ margin-top: 5px; }
#header2 li:nth-child(4){ margin: 5px 30px 0 0; }
#header2 li:nth-child(6){ margin-top: 2px; }
#header2 li:nth-child(7){ margin-right: 0; }
#header2 img 	{ width: 17px; }




.pagetop{ position: fixed; bottom: 10px; right:10px; width: 60px; height: 60px; }
.pagetop img{ width: 60px; }

}